MetatroncubeSoftwareSolutions/zip-van
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
zip-van/components/sections/Service3.js
Alaguraj0361 4723ae04cd first commit
2025-09-03 17:47:05 +05:30

164 lines
11 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import Link from "next/link"
export default function Service3() {
return (
<>
<section className="service-section position-relative bg_2 overflow-hidden">
{/*-============spacing==========-*/}
<div className="pd_top_90" />
{/*-============spacing==========-*/}
<div className="ab_img_left_top z_0 mr_top_minus_150">
<img src="/assets/images/shape/wave-pattern-2.png" className="img-fluid" alt="img" />
</div>
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="section_title text-center color_white type_one">
<h4 className="sm_title"> Great Offer For Customer</h4>
<div className="title_whole">
<h2 className="title"> Amazing Features For Insurance </h2>
</div>
</div>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
<div className="row">
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div className="icon_box_only type_one">
<div className="icon_box_in trans">
<div className="shape_image">
<svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
<path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
<path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
<path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
<path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
</svg>
</div>
<div className="after" />
<div className="icon">
<i className=" flaticon-health-insurance" />
</div>
<div className="title_22">
<Link href="#">
Professional
Insurance
Services </Link>
</div>
<Link className="rd_more" href="#">
Read More<i className="icontb fi-rs-arrow-small-right" />
</Link>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_20" />
{/*-============spacing==========-*/}
</div>
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div className="icon_box_only type_one">
<div className="icon_box_in trans">
<div className="shape_image">
<svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
<path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
<path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
<path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
<path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
</svg>
</div>
<div className="after" />
<div className="icon">
<i className=" flaticon-growth" />
</div>
<div className="title_22">
<Link href="#">
We’re Trusted <br /> &amp; Save your Money </Link>
</div>
<Link className="rd_more" href="#">
Read More<i className="icontb fi-rs-arrow-small-right" />
</Link>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_20" />
{/*-============spacing==========-*/}
</div>
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div className="icon_box_only type_one">
<div className="icon_box_in trans">
<div className="shape_image">
<svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
<path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
<path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
<path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
<path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
</svg>
</div>
<div className="after" />
<div className="icon">
<i className=" flaticon-online-analytical" />
</div>
<div className="title_22">
<Link href="#">
Corporate
&amp; Financial
Services </Link>
</div>
<Link className="rd_more" href="#">
Read More<i className="icontb fi-rs-arrow-small-right" />
</Link>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_20" />
{/*-============spacing==========-*/}
</div>
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div className="icon_box_only type_one">
<div className="icon_box_in trans">
<div className="shape_image">
<svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
<path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
<path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
<path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
<path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
</svg>
</div>
<div className="after" />
<div className="icon">
<i className=" flaticon-health-insurance-1" />
</div>
<div className="title_22">
<Link href="#">
So Much <br />
Fast &amp; Eeliable
Services </Link>
</div>
<Link className="rd_more" href="#">
Read More<i className="icontb fi-rs-arrow-small-right" />
</Link>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_20" />
{/*-============spacing==========-*/}
</div>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
<div className="ab_img_right_bottom z_0 mr_bottom_minus_250">
<img src="/assets/images/shape/wave-pattern-1.png" className="img-fluid" alt="img" />
</div>
</section>
</>
)
}
Reference in New Issue View Git Blame Copy Permalink