100 lines
5.5 KiB
JavaScript
100 lines
5.5 KiB
JavaScript
import dynamic from 'next/dynamic'
|
|
import Link from "next/link"
|
|
const CounterUp = dynamic(() => import('../elements/CounterUp'), {
|
|
ssr: false,
|
|
})
|
|
|
|
|
|
export default function About4() {
|
|
return (
|
|
<>
|
|
<section className="about-section bg_op_4" style={{ backgroundImage: 'url(assets/images/wave-pat-1.png)' }}>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_top_80" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="container">
|
|
<div className="row align-items-center">
|
|
<div className="col-lg-6 col-md-12 pd_right_30">
|
|
<div className="image_box_only type_eight">
|
|
<div className="pattern">
|
|
<img src="/assets/images/Graphics.png" className="img-fluid" alt="img" />
|
|
</div>
|
|
<div className="m_image">
|
|
<img src="/assets/images/about/about-h-6-min.png" className="img-fluid" alt="img" />
|
|
</div>
|
|
<div className="fun_facts type_two color_two">
|
|
<h4>
|
|
<CounterUp count={25} time={1} />
|
|
<small>
|
|
+ </small></h4>
|
|
<h6 className="title_no_a_26">Years Of
|
|
Experience</h6>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_40" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
<div className="col-lg-6 col-md-12 pd_left_60">
|
|
<div className="section_title type_five">
|
|
<h4 className="sm_title"> About Insurance</h4>
|
|
<div className="title_whole">
|
|
<h2 className="title"> Big Dreams Start Small Live Your Life Happy</h2>
|
|
</div>
|
|
<p>
|
|
Sed ut perspiciatis unde omnis iste natus sit voluptatem accusantium
|
|
doloremque laudanti totam aperiam eaquecy epsa abillo inventore veritatis
|
|
architecto beatae
|
|
</p>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_25" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="position-relative">
|
|
<ul className="list_box list color_three">
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i aria-hidden="false" className="fas fa-check-circle" /></div>
|
|
<Link className="links" href="#">
|
|
Best Insurance Agency </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i aria-hidden="false" className="fas fa-check-circle" /></div>
|
|
<Link className="links" href="#">
|
|
Trusted & Experience Insurance </Link>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div className="d-flex align-items-center">
|
|
<div className="icon trans">
|
|
<i aria-hidden="false" className="fas fa-check-circle" /></div>
|
|
<Link className="links" href="#">
|
|
Dedicated Support & Security </Link>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_35" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="theme_btn_all">
|
|
<Link href="#" className="theme_btn color_four big rotate">
|
|
Learn More <span> <i className=" fi-rr-arrow-small-up" /></span>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_50" />
|
|
{/*-============spacing==========-*/}
|
|
</section>
|
|
|
|
</>
|
|
)
|
|
}
|