113 lines
5.9 KiB
JavaScript
113 lines
5.9 KiB
JavaScript
import dynamic from 'next/dynamic'
|
|
const CounterUp = dynamic(() => import('../elements/CounterUp'), {
|
|
ssr: false,
|
|
})
|
|
|
|
export default function Funfacts4() {
|
|
return (
|
|
<>
|
|
<section className="fub-fact-section position-relative z_2 bg_op_1 overflow-hidden">
|
|
{/* <section className="fub-fact-section position-relative z_2 bg_op_1 overflow-hidden" style={{ backgroundImage: 'url(assets/images/page-image-1-min.jpg)' }}> */}
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_top_60" />
|
|
{/*-============spacing==========-*/}
|
|
<div className="medium-container">
|
|
<div className="background_overlay z_0" />
|
|
<div className="row funfacts-row">
|
|
<div className="col-lg-3 col-md-6 col-sm-12 col-xs-12">
|
|
<div className="fun_facts type_three">
|
|
<div className="icon trans">
|
|
<img
|
|
src="/assets/images/home/icons/customers-served.webp"
|
|
alt="Satisfaction Icon"
|
|
className="img-fluid"
|
|
/>
|
|
</div>
|
|
<div className="content">
|
|
<h4>
|
|
<CounterUp count={1000} time={1} color="color_white" />
|
|
|
|
<small className="color_white"> + </small>
|
|
</h4>
|
|
<h6 className="title_no_a_18 color_white">Customers Served</h6>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div className="fun_facts type_three">
|
|
<div className="icon trans">
|
|
<img
|
|
src="/assets/images/home/icons/cities.webp"
|
|
alt="Satisfaction Icon"
|
|
className="img-fluid"
|
|
/>
|
|
</div>
|
|
<div className="content">
|
|
<h4>
|
|
<CounterUp count={10} time={1} color="color_white" />
|
|
|
|
<small className="color_white"> + </small>
|
|
</h4>
|
|
<h6 className="title_no_a_18 color_white">Cities</h6>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div className="fun_facts type_three">
|
|
<div className="icon trans">
|
|
<img
|
|
src="/assets/images/home/icons/vehicles.webp"
|
|
alt="Satisfaction Icon"
|
|
className="img-fluid"
|
|
/>
|
|
</div>
|
|
<div className="content">
|
|
<h4>
|
|
<CounterUp count={4} time={1} color="color_white" />
|
|
<small className="color_white"> + </small>
|
|
</h4>
|
|
<h6 className="title_no_a_18 color_white">Number of Vehicles</h6>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div className="fun_facts type_three">
|
|
<div className="icon trans">
|
|
<img
|
|
src="/assets/images/home/icons/experience.webp"
|
|
alt="Satisfaction Icon"
|
|
className="img-fluid"
|
|
/>
|
|
</div>
|
|
<div className="content">
|
|
<h4>
|
|
<CounterUp count={3} time={1} color="color_white" />
|
|
<small className="color_white"> + </small>
|
|
</h4>
|
|
<h6 className="title_no_a_18 color_white">Years of Experience</h6>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/*-============spacing==========-*/}
|
|
<div className="pd_bottom_30" />
|
|
{/*-============spacing==========-*/}
|
|
</section>
|
|
|
|
</>
|
|
)
|
|
}
|