import Link from "next/link"


export default function About() {
    return (
        <>
           <section className="about-style-three pt_120 pb_120 bg-color-1">
            <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.webp)' }}></div>
            <div className="auto-container">
                <div className="row clearfix">
                    <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                        <div className="image_block_three">
                            <div className="image-box">
                                <div className="image-shape">
                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
                                    <div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
                                    <div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
                                    <div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
                                    <div className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
                                </div>
                                <figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
                                <figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
                                <div className="icon-box"><i className="icon-14"></i></div>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div className="content_block_one">
                            <div className="content-box">
                                <div className="sec-title mb_15">
                                    <span className="sub-title">About Us</span>
                                    <h2>Medical services & diagnostics</h2>
                                </div>
                                <div className="text-box mb_40">
                                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
                                    <ul className="list-style-one clearfix">
                                        <li>Refreshing to get such a personal touch.</li>
                                        <li>Duis aute irure dolor in reprehenderit in voluptate.</li>
                                        <li>Velit esse cillum dolore eu fugiat nulla pariatur.</li>
                                    </ul>
                                </div>
                                <div className="lower-box">
                                    <div className="experience-box">
                                        <div className="icon-box"><i className="icon-29"></i></div>
                                        <h3>32 Years</h3>
                                        <span className="designation">Of Medical Experience</span>
                                    </div>
                                    <figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
                                    <div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        </>
    )
}
