initial commit
This commit is contained in:
victorAnumudu
+2
-2
@@ -1,4 +1,4 @@
|
||||
.App {
|
||||
/* .App {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -35,4 +35,4 @@
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
+260
-17
@@ -1,24 +1,267 @@
|
||||
import logo from './logo.svg';
|
||||
import React from 'react';
|
||||
|
||||
import './App.css';
|
||||
|
||||
import AboutSection from './components/AboutSection'
|
||||
import BannerSection from './components/BannerSection';
|
||||
import HeaderSection from './components/HeaderSection';
|
||||
import Footer from './components/Footer';
|
||||
import Testimonials from './components/Testimonials';
|
||||
import Faq from './components/Faq';
|
||||
import Services from './components/Services';
|
||||
import InsurancePackages from './components/InsurancePackages';
|
||||
import ContactUs from './components/ContactUs';
|
||||
import InsuranceTabs from './components/InsuranceTabs';
|
||||
import TrustedCompanies from './components/TrustedCompanies';
|
||||
import GlobalClients from './components/GlobalClients';
|
||||
import UnderBanner from './components/UnderBanner';
|
||||
import Coverage from './components/Coverage';
|
||||
import CookiesAuthorization from './components/CookiesAuthorization';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<header className="App-header">
|
||||
<img src={logo} className="App-logo" alt="logo" />
|
||||
<p>
|
||||
Edit <code>src/App.js</code> and save to reload.
|
||||
</p>
|
||||
<a
|
||||
className="App-link"
|
||||
href="https://reactjs.org"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Learn React
|
||||
</a>
|
||||
</header>
|
||||
</div>
|
||||
<div className="lqd-preloader-activated lqd-preloader-style-spinner-classical" data-localscroll-offset="70" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="modern" data-mobile-nav-scheme="dark" data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="gray" data-mobile-logo-alignment="default">
|
||||
|
||||
<div className="lqd-preloader-wrap lqd-preloader-spinner-classsical opacity-0 hidden" data-preloader-options='{"animationType": "fade"}'>
|
||||
<div className="lqd-preloader-inner">
|
||||
<div className="lqd-preloader-spc-el"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="wrap">
|
||||
|
||||
<div className="lqd-sticky-placeholder hidden"></div>
|
||||
<HeaderSection />
|
||||
|
||||
<main className="content" id="lqd-site-content">
|
||||
<div id="lqd-contents-wrap">
|
||||
|
||||
{/* Start Banner */}
|
||||
<BannerSection />
|
||||
{/* End Banner */}
|
||||
|
||||
{/* Start Under Banner */}
|
||||
<UnderBanner />
|
||||
{/* End Under Banner */}
|
||||
|
||||
{/* Start About */}
|
||||
<AboutSection />
|
||||
{/* End About */}
|
||||
|
||||
{/* Start Trusted Companies */}
|
||||
<TrustedCompanies />
|
||||
{/* End Companies */}
|
||||
|
||||
{/* Start Insurance Table */}
|
||||
<InsurancePackages />
|
||||
{/* End Insurance Table */}
|
||||
|
||||
{/* Start Counter GLOBAL CLIENT*/}
|
||||
<GlobalClients />
|
||||
{/* End Counter GLOBAL CLIENT*/}
|
||||
|
||||
{/* Start Services */}
|
||||
<Services />
|
||||
{/* End Services */}
|
||||
|
||||
{/* Start Text Image Naked */}
|
||||
<Coverage />
|
||||
{/* End Text Image Naked */}
|
||||
|
||||
{/* Start Tab Items */}
|
||||
<InsuranceTabs />
|
||||
{/* End Tab Items */}
|
||||
|
||||
{/* Start Testimonials */}
|
||||
<Testimonials />
|
||||
{/* End Testimonials */}
|
||||
|
||||
{/* Start Help */}
|
||||
<Faq />
|
||||
{/* End Help */}
|
||||
|
||||
{/* Start Contact */}
|
||||
<ContactUs />
|
||||
{/* End Contact */}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
</div>
|
||||
|
||||
{/* GDPR ACCEPT COOKIES POPOUT */}
|
||||
<CookiesAuthorization />
|
||||
{/* GDPR ACCEPT COOKIES POPOUT */}
|
||||
|
||||
{/* Contact Modal */}
|
||||
<div id="contact-modal" className="lity-modal lqd-modal lity-hide" data-modal-type="fullscreen">
|
||||
<div className="lqd-modal-inner">
|
||||
<div className="lqd-modal-head">
|
||||
</div>
|
||||
<section className="lqd-section lqd-modal-content flex flex-wrap items-center h-vh-100 link-black bg-center bg-cover bg-norepeat py-80" style={{backgroundImage: "url(./assets/images/common/modal-bg.jpeg)"}}>
|
||||
<div className="container">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-md-6">
|
||||
<div className="pr-10percent pb-30 md:pr-0">
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element text-122 mb-0/5em leading-0/8em font-medium text-black">Send a <span>message.</span></h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/5em">We're here to answer any question you may have.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-md-6">
|
||||
<div className="lqd-contact-form lqd-contact-form-inputs-underlined lqd-contact-form-button-lg lqd-contact-form-button-block flex flex-col flex-grow-1 justify-center -mb-130 py-45 px-65 md:p-0 sm:m-0">
|
||||
<div role="form">
|
||||
<div className="screen-reader-response">
|
||||
<p role="status" aria-live="polite" aria-atomic="true"></p>
|
||||
</div>
|
||||
<form action="./assets/php/mailer.php" method="post" className="lqd-cf-form" noValidate="novalidate" data-status="init">
|
||||
<p className="relative mb-0">
|
||||
<span className="lqd-form-control-wrap mb-15" data-name="text">
|
||||
<input type="text" name="name" defaultValue="" size="40" className="lqd-cf-form-control border-black-20 text-13 text-black" aria-required="true" aria-invalid="false" placeholder="Your name" />
|
||||
</span>
|
||||
<span className="lqd-form-control-wrap mb-15" data-name="email">
|
||||
<input type="email" name="email" defaultValue="" size="40" className="lqd-cf-form-control border-black-20 text-13 text-black" aria-required="true" aria-invalid="false" placeholder="Your Email Address" />
|
||||
</span>
|
||||
<span className="lqd-form-control-wrap mb-15" data-name="textarea">
|
||||
<textarea name="message" cols="10" rows="4" className="lqd-cf-form-control border-black-20 text-13 text-black" aria-required="true" aria-invalid="false" placeholder="Your message"></textarea>
|
||||
</span>
|
||||
<input type="submit" defaultValue="Send email" className="lqd-cf-form-control has-spinner bg-primary border-none text-white text-17 font-medium leading-1/5em" />
|
||||
</p>
|
||||
</form>
|
||||
<div className="lqd-cf-response-output"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-6 col-md-3">
|
||||
<div className="flex flex-col">
|
||||
<div className="ld-fancy-heading relative">
|
||||
<h6 className="ld-fh-element inline-block relative mb-1/25em text-13 font-bold uppercase tracking-0/1em text-black">careers</h6>
|
||||
</div>
|
||||
<div className="ld-fancy-heading relative">
|
||||
<p className="ld-fh-element inline-block relative mb-0/75em text-16 leading-1/2em text-black">Would you like to join our growing team?</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading relative">
|
||||
<p className="ld-fh-element mb-0/5em inline-block relative text-16 font-bold leading-1/2em text-black">careers@kintcare.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-6 col-md-3">
|
||||
<div className="flex flex-col pl-15 md:pl-0">
|
||||
<div className="ld-fancy-heading relative">
|
||||
<h6 className="ld-fh-element inline-block relative mb-1/25em text-13 font-bold uppercase tracking-0/1em text-black">Feedbacks</h6>
|
||||
</div>
|
||||
<div className="ld-fancy-heading relative">
|
||||
<p className="d-fh-element inline-block relative mb-0/75em text-16 leading-1/2em text-black ">Have a project in mind? Send a message.</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading relative">
|
||||
<p className="ld-fh-element mb-0/5em inline-block relative text-16 font-bold leading-1/2em text-black">info@kintcare.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div className="lqd-modal-foot"></div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Contact Modal */}
|
||||
|
||||
|
||||
|
||||
{/*<script src="./assets/vendors/jquery.min.js"></script>
|
||||
<script src="./assets/vendors/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="./assets/vendors/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="./assets/vendors/fastdom/fastdom.min.js"></script>
|
||||
<script src="./assets/vendors/fresco/js/fresco.js"></script>
|
||||
<script src="./assets/vendors/lity/lity.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/gsap.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/utils/CustomEase.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/DrawSVGPlugin.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/ScrollTrigger.min.js"></script>
|
||||
<script src="./assets/vendors/draw-shape/liquidDrawShape.min.js"></script>
|
||||
<script src="./assets/vendors/animated-blob/liquidAnimatedBlob.min.js"></script>
|
||||
<script src="./assets/vendors/fontfaceobserver.js"></script>
|
||||
<script src="./assets/vendors/tinycolor-min.js"></script>
|
||||
<script src="./assets/vendors/gsap/utils/SplitText.min.js"></script>
|
||||
<script src="./assets/vendors/particles.min.js"></script>
|
||||
<script src="./assets/vendors/flickity/flickity.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/flickity/flickity-fade.min.js"></script>
|
||||
<script src="./assets/vendors/isotope/isotope.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/isotope/packery-mode.pkgd.min.js"></script>
|
||||
<script src="./assets/js/liquid-gdpr.min.js"></script>
|
||||
<script src="./assets/js/theme.min.js"></script>
|
||||
<script src="./assets/js/liquid-ajax-contact-form.min.js"></script>*/}
|
||||
|
||||
{/* Start custom cursor */}
|
||||
<div className="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
||||
<div className="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div className="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div className="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div className="lqd-cc-solid-txt-inner">Explide</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div className="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div className="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style={{width: '1em', height: '1em'}}>
|
||||
<path fill="currentColor" d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div className="lqd-cc-solid-txt-inner">Drag</div>
|
||||
</div>
|
||||
<div className="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style={{width: '1em', height: '1em'}}>
|
||||
<path fill="currentColor" d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div className="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
||||
<div className="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style={{width: '1em', height: '1em'}}>
|
||||
<path fill="currentColor" fillRule="evenodd" clipRule="evenodd" d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
||||
{/* End custom cursor */}
|
||||
|
||||
<template id="lqd-temp-snickersbar">
|
||||
<div className="lqd-snickersbar flex flex-wrap lqd-snickersbar-in" data-item-id>
|
||||
<div className="lqd-snickersbar-inner flex flex-wrap items-center">
|
||||
<div className="lqd-snickersbar-detail">
|
||||
<p className="hidden lqd-snickersbar-addding-temp my-0">Adding {/*itemName?itemName:''*/} to cart</p>
|
||||
<p className="hidden lqd-snickersbar-added-temp my-0">Added {/*itemName?itemName:''*/} to cart</p>
|
||||
<p className="my-0 lqd-snickersbar-msg flex items-center my-0"></p>
|
||||
<p className="my-0 lqd-snickersbar-msg-done flex items-center my-0"></p>
|
||||
</div>
|
||||
<div className="lqd-snickersbar-ext ml-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template id="lqd-temp-sticky-header-sentinel">
|
||||
<div className="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
||||
</template>
|
||||
<div className="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabIndex="-1" data-modal-type="default" style={{display: 'none'}}>
|
||||
<div className="lity-backdrop"></div>
|
||||
<div className="lity-wrap" data-lity-close role="document">
|
||||
<div className="lity-loader" aria-hidden="true">Loading...</div>
|
||||
<div className="lity-container">
|
||||
<div className="lity-content"></div>
|
||||
</div>
|
||||
<button className="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>×</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,194 @@
|
||||
import React from 'react'
|
||||
|
||||
function AboutSection() {
|
||||
return (
|
||||
<section className="lqd-section about py-100" id="about">
|
||||
<div className="container">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-6 col-xl-5">
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/5em text-48">Insurance Packages.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 offset-xl-1">
|
||||
<div className="ld-fancy-heading">
|
||||
<h6 className="ld-fh-element mb-0/5em text-18 leading-1/5em text-black-70">Being a first-choice employer within our sectors. Our process applies techniques from a variety of disciplines.</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-1">
|
||||
<div className="h-full flex items-center justify-center" id="about-nav"></div>
|
||||
</div>
|
||||
<div className="col col-12">
|
||||
<div className="carousel-container carousel-nav-left carousel-nav-mobile-center carousel-nav-dot-between carousel-nav-sm carousel-nav-square carousel-dots-mobile-center carousel-dots-style1 carousel-dots-mobile-inside relative pt-30">
|
||||
<div className="carousel-items -mr-25 -ml-25" data-lqd-flickity='{"cellAlign": "left", "prevNextButtons" :true, "pageDots" :false, "groupCells" :false, "wrapAround" :true, "equalHeightCells" :true, "pauseAutoPlayOnHover" :false, "navArrow": "4", "buttonsAppendTo": "#about-nav", "addSlideNumbersToArrows" :false, "dotsIndicator": "dots", "numbersStyle": "circle", "dotsAppendTo": "self"}'>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner">
|
||||
<div className="carousel-item-content">
|
||||
<div className="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
||||
<div className="ld-fancy-heading uppercase text-end relative">
|
||||
<h6 className="ld-fh-element inline-block py-5 px-10 mr-35 mb-0/5em bg-white rounded-5em text-10 font-bold leading-1em tracking-0/1em text-dark">New</h6>
|
||||
</div>
|
||||
<div className="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
||||
<svg className="relative w-60 h-auto z-2" height="54.856" viewBox="0 0 55.69 54.856" width="55.69" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#0f5a64">
|
||||
<path d="m42.495 294.129a13.084 13.084 0 0 0 -9.583 4.126 20.053 20.053 0 0 0 -12.582-4.378h-.036a19.9 19.9 0 0 0 -14.369 6.033 21.309 21.309 0 0 0 -5.925 15.101 1.237 1.237 0 0 0 .348.851 1.185 1.185 0 0 0 .851.348l31.485-.06c.072.084.144.156.216.24a13.2 13.2 0 1 0 9.6-22.261zm-40.061 19.671a18.757 18.757 0 0 1 5.206-12.222 17.491 17.491 0 0 1 12.654-5.3h.036a17.7 17.7 0 0 1 11.107 3.862 13.223 13.223 0 0 0 -.456 13.613zm40.06 4.318a10.795 10.795 0 1 1 10.795-10.795 10.795 10.795 0 0 1 -10.794 10.795zm0 0" transform="translate(.001 -265.667)"></path>
|
||||
<path d="m92.127 25.422a12.678 12.678 0 1 0 -12.678-12.678 12.678 12.678 0 0 0 12.678 12.678zm0-22.957a10.279 10.279 0 1 1 -10.279 10.279 10.279 10.279 0 0 1 10.279-10.279zm0 0" transform="translate(-71.821 -.066)"></path>
|
||||
<path d="m390.282 393.349-5.794 4.714-2.123-2.483a1.2 1.2 0 1 0 -1.823 1.559l2.879 3.37a1.206 1.206 0 0 0 .912.42 1.179 1.179 0 0 0 .755-.264l6.705-5.457a1.2 1.2 0 0 0 -1.511-1.859zm0 0" transform="translate(-343.745 -355.351)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="contents">
|
||||
<h3 className="mb-15 text-22 leading-1/5em">Protected Insurance</h3>
|
||||
<p>
|
||||
<span className="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<a href="./" className="btn btn-naked text-15 font-medium mt-20 mx-35">
|
||||
<span className="inline-flex items-center">
|
||||
<span className="btn-txt" data-text="Learn more">Learn more</span>
|
||||
<span className="btn-icon">
|
||||
<i className="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner">
|
||||
<div className="carousel-item-content">
|
||||
<div className="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
||||
<div className="ld-fancy-heading uppercase text-end relative">
|
||||
<h6 className="ld-fh-element inline-block py-5 px-10 mr-35 mb-0/5em bg-white rounded-5em text-10 font-bold leading-1em tracking-0/1em text-dark">Offer</h6>
|
||||
</div>
|
||||
<div className="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
||||
<svg className="relative w-50 h-auto z-2" height="58.915" viewBox="0 0 51.785 58.915" width="51.785" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#0f5a64" transform="translate(-30.981)">
|
||||
<path d="m46.1 58.81.419.1.419-.1a20.01 20.01 0 0 0 10.73-6.91h25.1v-51.9h-37.978v24.281h-6.9v1.726a5.184 5.184 0 0 1 -5.178 5.178h-1.731v8.206a20.037 20.037 0 0 0 15.119 19.419zm2.143-55.358h31.07v45h-19.43a20.137 20.137 0 0 0 2.169-9.056v-8.21h-1.726a5.184 5.184 0 0 1 -5.178-5.178v-1.727h-6.9v-20.829zm-13.81 31.013a8.658 8.658 0 0 0 6.731-6.731h10.7a8.658 8.658 0 0 0 6.736 6.731v4.927a16.519 16.519 0 0 1 -12.084 15.959 16.519 16.519 0 0 1 -12.083-15.959z"></path>
|
||||
<path d="m124.433 311.357h3.452v-3.457h3.452v-3.452h-3.452v-3.448h-3.452v3.452h-3.452v3.448h3.452z" transform="translate(-79.643 -266.362)"></path>
|
||||
<path d="m240.981 91h17.262v3.452h-17.262z" transform="translate(-185.834 -80.528)"></path>
|
||||
<path d="m240.981 151h17.262v3.452h-17.262z" transform="translate(-185.834 -133.623)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="contents">
|
||||
<h3 className="mb-15 text-22 leading-1/5em">Healthcare Policy</h3>
|
||||
<p>
|
||||
<span className="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<a href="./" className="btn btn-naked text-15 font-medium mt-20 mx-35">
|
||||
<span className="inline-flex items-center">
|
||||
<span className="btn-txt" data-text="Learn more">Learn more</span>
|
||||
<span className="btn-icon">
|
||||
<i className="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner">
|
||||
<div className="carousel-item-content">
|
||||
<div className="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
||||
<div className="ld-fancy-heading uppercase text-end relative">
|
||||
<h6 className="ld-fh-element inline-block py-5 px-10 mr-35 mb-0/5em bg-white rounded-5em text-10 font-bold leading-1em tracking-0/1em text-dark">Hot</h6>
|
||||
</div>
|
||||
<div className="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
||||
<svg className="relative w-65 h-auto z-2" xmlns="http://www.w3.org/2000/svg" width="67.001" height="62.923" viewBox="0 0 67.001 62.923">
|
||||
<path d="M63.39,54.329l-5.317-2.413-1.521-2.459a20.442,20.442,0,0,0,9.528-17.288v-10.1a1.571,1.571,0,0,0-.845-1.352L51.573,13.452a1.5,1.5,0,0,0-1.46.015L36.882,20.72a1.488,1.488,0,0,0-.768,1.352v10.3a20.522,20.522,0,0,0,1.783,8.5H26.816a7.732,7.732,0,0,0-6.1,3.012l-6.039,7.914L4.533,54.559A6.151,6.151,0,0,0,0,60.476v3.873a6.228,6.228,0,0,0,6.178,6.178h.738a7.736,7.736,0,0,0,14.906,0h22.59a7.736,7.736,0,0,0,14.906,0h1.506A6.208,6.208,0,0,0,67,64.348V59.907A6.175,6.175,0,0,0,63.39,54.329Zm-24.2-31.349,11.725-6.439,12.094,6.454v9.174a17.452,17.452,0,0,1-10.7,16.059H52.28l-1.475.63-1.2-.538A17.426,17.426,0,0,1,39.187,32.354ZM14.368,73.062a4.656,4.656,0,1,1,4.656-4.656A4.653,4.653,0,0,1,14.368,73.062Zm37.5,0a4.656,4.656,0,1,1,4.656-4.656A4.653,4.653,0,0,1,51.865,73.062Zm12.079-8.729h-.015a3.135,3.135,0,0,1-3.1,3.1H59.533a7.733,7.733,0,0,0-15.337,0H22.037a7.733,7.733,0,0,0-15.337,0H6.178a3.135,3.135,0,0,1-3.1-3.1V60.46A3.089,3.089,0,0,1,5.348,57.51l10.634-2.9a1.6,1.6,0,0,0,.83-.553l6.362-8.329a4.615,4.615,0,0,1,3.657-1.8H39.648a20.811,20.811,0,0,0,8.729,7.223l1.844.8a1.553,1.553,0,0,0,1.229,0l2.075-.891c.108-.046.215-.092.307-.138l1.89,3.027a1.436,1.436,0,0,0,.661.584l5.747,2.6a3.1,3.1,0,0,1,1.813,2.781v4.426Z" transform="translate(0 -13.269)" fill="#0f5a64"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="contents">
|
||||
<h3 className="mb-15 text-22 leading-1/5em">Car / Vehicle Insurance</h3>
|
||||
<p>
|
||||
<span className="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<a href="./" className="btn btn-naked text-15 font-medium mt-20 mx-35">
|
||||
<span className="inline-flex items-center">
|
||||
<span className="btn-txt" data-text="Learn more">Learn more</span>
|
||||
<span className="btn-icon">
|
||||
<i className="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner">
|
||||
<div className="carousel-item-content">
|
||||
<div className="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
||||
<div className="ld-fancy-heading uppercase text-end relative">
|
||||
<h6 className="ld-fh-element inline-block py-5 px-10 mr-35 mb-0/5em bg-white rounded-5em text-10 font-bold leading-1em tracking-0/1em text-dark">Offer</h6>
|
||||
</div>
|
||||
<div className="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
||||
<svg className="relative w-60 h-auto z-2" height="58.915" viewBox="0 0 51.785 58.915" width="51.785" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#0f5a64" transform="translate(-30.981)">
|
||||
<path d="m46.1 58.81.419.1.419-.1a20.01 20.01 0 0 0 10.73-6.91h25.1v-51.9h-37.978v24.281h-6.9v1.726a5.184 5.184 0 0 1 -5.178 5.178h-1.731v8.206a20.037 20.037 0 0 0 15.119 19.419zm2.143-55.358h31.07v45h-19.43a20.137 20.137 0 0 0 2.169-9.056v-8.21h-1.726a5.184 5.184 0 0 1 -5.178-5.178v-1.727h-6.9v-20.829zm-13.81 31.013a8.658 8.658 0 0 0 6.731-6.731h10.7a8.658 8.658 0 0 0 6.736 6.731v4.927a16.519 16.519 0 0 1 -12.084 15.959 16.519 16.519 0 0 1 -12.083-15.959z"></path>
|
||||
<path d="m124.433 311.357h3.452v-3.457h3.452v-3.452h-3.452v-3.448h-3.452v3.452h-3.452v3.448h3.452z" transform="translate(-79.643 -266.362)"></path>
|
||||
<path d="m240.981 91h17.262v3.452h-17.262z" transform="translate(-185.834 -80.528)"></path>
|
||||
<path d="m240.981 151h17.262v3.452h-17.262z" transform="translate(-185.834 -133.623)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="contents">
|
||||
<h3 className="mb-15 text-22 leading-1/5em">Healthcare Policy</h3>
|
||||
<p>
|
||||
<span className="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<a href="./" className="btn btn-naked text-15 font-medium mt-20 mx-35">
|
||||
<span className="inline-flex items-center">
|
||||
<span className="btn-txt" data-text="Learn more">Learn more</span>
|
||||
<span className="btn-icon">
|
||||
<i className="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 text-center">
|
||||
<div className="module-bottom">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0/5em text-15 text-black">Our nearly 8,000 committed <a href="#">staff members</a> are ready to help.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutSection
|
||||
@@ -0,0 +1,40 @@
|
||||
import React from 'react'
|
||||
|
||||
function BannerSection() {
|
||||
return (
|
||||
<section className="lqd-section banner min-h-100vh flex flex-wrap items-center bg-center bg-cover bg-no-repeat" id="banner" style={{backgroundImage: "url('./assets/images/demo/insurance/banner/bnnr-img@2x.jpg')"}}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col-12 col-xl-6 col-lg-8">
|
||||
<div className="flex flex-wrap pt-150 md:pt-0">
|
||||
<div className="ld-fancy-heading">
|
||||
<h1 className="ld-fh-element mb-0/25em text-70 text-white">Lactation Consultation with Passion.</h1>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0/5em text-20 leading-1/4em text-white-60">Holistic development and support for employees the aim of being a first-choice employer within our sectors.</p>
|
||||
</div>
|
||||
<div className="w-full flex flex-wrap items-center pt-35">
|
||||
<div className="w-45percent md:w-33percent sm:w-full">
|
||||
<a href="#contact-modal" className="btn btn-solid border-none btn-md mb-15 leading-1/25em bg-white text-green-500 rounded-5em btn-primary" data-lity="#contact-modal">
|
||||
<span className="btn-txt" data-text="Request a Quote">Request a Quote</span>
|
||||
</a>
|
||||
</div>
|
||||
<div className="w-50percent sm:w-full">
|
||||
<div className="ld-fancy-heading w-50percent">
|
||||
<p className="ld-fh-element mb-15 text-16 text-white">
|
||||
<strong>0123 267 8901</strong>
|
||||
<br />
|
||||
<span className="text-14">Free Consultation</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default BannerSection
|
||||
@@ -0,0 +1,39 @@
|
||||
import React from 'react'
|
||||
|
||||
function ContactUs() {
|
||||
return (
|
||||
<section className="lqd-section contact" id="contact">
|
||||
<div className="container p-0">
|
||||
<div className="row m-0 items-stretch">
|
||||
<div className="col col-12 col-lg-7 p-0">
|
||||
<div className="w-full h-full module-first flex flex-col justify-center items-start py-85 px-20percent bg-center bg-cover bg-no-repeat bg-green-100" style={{backgroundImage: "url('./assets/images/demo/insurance/shape/lines-3.svg')"}}>
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/5em leading-1/1em text-50">Request an Insurance policy.</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2em leading-1/3em text-16 text-text">Embrace holistic development and support for employees the aim of being a first-choice</p>
|
||||
</div>
|
||||
<a href="#contact-modal" className="btn btn-solid border-none btn-icon-custom-size btn-icon-circle btn-icon-solid bg-green-500 btn-md rounded-5em leading-2em text-14 font-medium text-white btn-primary" data-lity="#contact-modal">
|
||||
<span>
|
||||
<span className="btn-txt" data-text="Request a Quote">Request a Quote</span>
|
||||
<span className="btn-icon bg-white text-green-500 w-30 h-30">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 p-0">
|
||||
<div className="w-full h-full relative flex flex-col justify-center">
|
||||
<figure className="max-w-full relative inline-flex justify-center vertical-top flex-grow-1">
|
||||
<img className="object-cover" width="1080" height="900" src="./assets/images/demo/insurance/text-image-bg/img-4@2x.jpg" alt="text image BG" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default ContactUs
|
||||
@@ -0,0 +1,16 @@
|
||||
import React from 'react'
|
||||
|
||||
function CookiesAuthorization() {
|
||||
return (
|
||||
<div id="lqd-gdpr" className="lqd-gdpr lqd-gdpr-visible lqd-gdpr-ready">
|
||||
<div className="lqd-gdpr-inner flex items-center">
|
||||
<div className="lqd-gdpr-left text-14">🍪 This website uses cookies to improve your web experience. </div>
|
||||
<div className="lqd-gdpr-right">
|
||||
<button className="lqd-gdpr-accept tracking-0/3 uppercase font-bold">Accept </button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default CookiesAuthorization
|
||||
@@ -0,0 +1,44 @@
|
||||
import React from 'react'
|
||||
|
||||
function Coverage() {
|
||||
return (
|
||||
<section className="lqd-section text-image-naked py-40">
|
||||
<div className="container">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-5 mb-30">
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/75em text-48">Covering your family's needs.</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0/5em">Protectec Insurance Policy</h3>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/75em leading-1/3em text-16">Mobile insurance packages made easy, forget about worrying for your mobile and live your life.</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0/5em">Competitive Packages</h3>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/75em leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
|
||||
</div>
|
||||
<a href="#contact-modal" className="btn btn-solid border-none btn-icon-custom-size btn-icon-circle btn-icon-solid bg-green-100 btn-md rounded-5em leading-2em text-14 font-medium btn-primary" data-lity="#contact-modal">
|
||||
<span>
|
||||
<span className="btn-txt" data-text="Request a Quote">Request a Quote</span>
|
||||
<span className="btn-icon bg-green-200 text-green-500 w-30 h-30">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-6 offset-lg-1 lqd-column-top-ontablet">
|
||||
<figure>
|
||||
<img width="1032" height="1000" src="./assets/images/demo/insurance/text-image-naked/img-1@2x.jpg" alt="Covering your family's needs" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default Coverage
|
||||
@@ -0,0 +1,128 @@
|
||||
import React from 'react'
|
||||
|
||||
function Faq() {
|
||||
return (
|
||||
<section className="lqd-section help py-100" id="help">
|
||||
<div className="container">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-5">
|
||||
<div className="flex flex-col -mb-10percent -mr-55 -ml-70 md:mr-0 md:ml-0">
|
||||
<figure className="max-w-full relative inline-flex flex-col vertical-top flex-grow-1">
|
||||
<img width="1263" height="991" src="./assets/images/demo/insurance/has-accordion/img-3@2x.jpg" alt="has accordion" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-7">
|
||||
<div className="ld-fancy-heading z-1 relative">
|
||||
<h2 className="ld-fh-element mb-0/5em text-48 h1">Have questions?</h2>
|
||||
</div>
|
||||
<div className="accordion accordion-md accordion-title-underlined accordion-expander-lg mb-2em" id="lqd-has-accordion" role="tablist" aria-multiselectable="true">
|
||||
<div className="accordion-item panel">
|
||||
<div className="accordion-heading" role="tab" id="accordion-heading-1" data-id="accordion-item-1">
|
||||
<h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-1">
|
||||
<a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-1" aria-expanded="false" aria-controls="accordion-item-1">
|
||||
<span>End-to-end encryption for business messages for iOS Devices</span>
|
||||
<span className="accordion-expander text-22">
|
||||
<i className="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i className="lqd-icn-ess icon-ion-ios-remove"></i>
|
||||
</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion-item-1" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-1" data-bs-parent="#lqd-has-accordion">
|
||||
<div className="accordion-content">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="accordion-item panel ">
|
||||
<div className="accordion-heading" role="tab" id="accordion-heading-2" data-id="accordion-item-2">
|
||||
<h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-2">
|
||||
<a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-2" aria-expanded="false" aria-controls="accordion-item-2">
|
||||
<span>Sending media, documents, location and contacts</span>
|
||||
<span className="accordion-expander text-22">
|
||||
<i className="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i className="lqd-icn-ess icon-ion-ios-remove"></i>
|
||||
</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion-item-2" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-2" data-bs-parent="#lqd-has-accordion">
|
||||
<div className="accordion-content">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="accordion-item panel ">
|
||||
<div className="accordion-heading" role="tab" id="accordion-heading-3" data-id="accordion-item-3">
|
||||
<h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-3">
|
||||
<a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-3" aria-expanded="false" aria-controls="accordion-item-3">
|
||||
<span>Get insights on key metrics like response time and issue volume</span>
|
||||
<span className="accordion-expander text-22">
|
||||
<i className="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i className="lqd-icn-ess icon-ion-ios-remove"></i>
|
||||
</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion-item-3" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-3" data-bs-parent="#lqd-has-accordion">
|
||||
<div className="accordion-content">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="accordion-item panel ">
|
||||
<div className="accordion-heading" role="tab" id="accordion-heading-4" data-id="accordion-item-4">
|
||||
<h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-4">
|
||||
<a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-4" aria-expanded="false" aria-controls="accordion-item-4">
|
||||
<span>Problems sending or receiving messages</span>
|
||||
<span className="accordion-expander text-22">
|
||||
<i className="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i className="lqd-icn-ess icon-ion-ios-remove"></i>
|
||||
</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion-item-4" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-4" data-bs-parent="#lqd-has-accordion">
|
||||
<div className="accordion-content">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="accordion-item panel ">
|
||||
<div className="accordion-heading" role="tab" id="accordion-heading-5" data-id="accordion-item-5">
|
||||
<h4 className="accordion-title text-18 font-medium" data-bs-controls="accordion-item-5">
|
||||
<a className="collapsed" data-bs-toggle="collapse" data-bs-parent="#lqd-has-accordion" href="#accordion-item-5" aria-expanded="false" aria-controls="accordion-item-5">
|
||||
<span>Calling unavailable in some countries</span>
|
||||
<span className="accordion-expander text-22">
|
||||
<i className="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i className="lqd-icn-ess icon-ion-ios-remove"></i>
|
||||
</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion-item-5" className="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-5" data-bs-parent="#lqd-has-accordion">
|
||||
<div className="accordion-content">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 leading-1/3em text-16">We embrace holistic development and support for employees the aim of being a first-choice employer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default Faq
|
||||
@@ -0,0 +1,172 @@
|
||||
import React from 'react'
|
||||
|
||||
function Footer() {
|
||||
return (
|
||||
<footer id="site-footer" className="main-footer pt-60 pb-50 text-blue-900">
|
||||
<section className="lqd-section module-top">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col-12 col-lg-4">
|
||||
<div className="w-full flex flex-col mb-30">
|
||||
<div className="lqd-imggrp-single mb-30">
|
||||
<div className="lqd-imggrp-img-container">
|
||||
<figure>
|
||||
<img width="152" height="28" src="./assets/images/demo/insurance/logo/logo.svg" alt="Insorance Pro" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<hr className="mb-30" />
|
||||
<ul className="social-icon social-icon-border-none text-22">
|
||||
<li>
|
||||
<a className="text-green-700" href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="text-green-700" href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="text-green-700" href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mt-1/25em mr-10percent mb-2em leading-1/5em text-16">Their business to develop successful digital ideas and strategies that engage and convert</p>
|
||||
</div>
|
||||
<div className="ld-sf ld-sf--input-solid ld-sf--button-solid ld-sf--button-eql ld-sf--size-md ld-sf--circle ld-sf--border-none ld-sf--button-show ld-sf--button-inside button-shrinked mb-2em relative">
|
||||
<form className="relative" method="post" action="#">
|
||||
<p className="ld_sf_paragraph">
|
||||
<input className="w-full block" type="email" name="email" placeholder="Enter your email address" />
|
||||
</p>
|
||||
<button type="submit" className="inline-flex items-center justify-center">
|
||||
<span className="submit-text hidden sm:block">Subscribe</span>
|
||||
<span className="submit-icon">
|
||||
<i className="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
<span className="ld-sf-spinner absolute">
|
||||
<span>Sending </span>
|
||||
</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-7 offset-lg-1">
|
||||
<div className="row items-stretch">
|
||||
<div className="col col-12 col-md-4 mb-30">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-1/75em font-bold text-15">Insurance</h3>
|
||||
</div>
|
||||
<div className="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none">
|
||||
<ul className="reset-ul">
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Investment Plans</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Life Insurance</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">
|
||||
<span>Contact Agent</span>
|
||||
<span className="link-badge text-green-700 bg-green-100">APPLY</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Vehicle Insurance</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Follow us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-md-4 mb-30">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-1/75em font-bold text-15">About Hub</h3>
|
||||
</div>
|
||||
<div className="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none">
|
||||
<ul className="reset-ul">
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Company</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">
|
||||
<span>Careers</span>
|
||||
<span className="link-badge text-green-700 bg-green-100">3</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Press media</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Our Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Find an Office</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-md-4 mb-30">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-1/75em font-bold text-15">Contact</h3>
|
||||
</div>
|
||||
<div className="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none">
|
||||
<ul className="reset-ul">
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Report a Bug</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Contact Agent</a>
|
||||
</li>
|
||||
<li className="mb-15">
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">
|
||||
<span>Subscribe</span>
|
||||
<span className="link-badge text-green-700 bg-green-100">APPLY</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="text-green-700 text-16 leading-1/5em" href="#">Follow us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="lqd-section module-bottom">
|
||||
<div className="container">
|
||||
<div className="row items-stretch">
|
||||
<div className="col col-12 col-md-6 text-start">
|
||||
<div className="lqd-fancy-menu lqd-simple-menu w-full h-full flex flex-col justify-center pt-35 border-top border-lightgray">
|
||||
<ul className="lqd-simple-menu-ul reset-ul inline-nav">
|
||||
<li>
|
||||
<a className="mr-20 text-green-700 text-12" href="#" target="_blank">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="text-green-700 text-12" href="#" target="_blank">Help Center</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-md-6 text-end sm:text-start">
|
||||
<div className="ld-fancy-heading pt-35 mb-20 border-top border-lightgray sm:pt-0 sm:border-top-0">
|
||||
<p className="ld-fh-element mb-0 text-14 text-text">© 2021 Hub Insurance. All images are for demo purposes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
)
|
||||
}
|
||||
|
||||
export default Footer
|
||||
@@ -0,0 +1,51 @@
|
||||
import React from 'react'
|
||||
|
||||
function GlobalClients() {
|
||||
return (
|
||||
<section className="lqd-section counters py-45 border-bottom border-lightgray">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col-12 text-center">
|
||||
<div className="ld-fancy-heading mb-25">
|
||||
<h6 className="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em">GLOBAL CLIENTS AROUND THE WORLD</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 h1">2.7x</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading uppercase">
|
||||
<p className="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Avarage growth</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 h1">98.7+</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading uppercase">
|
||||
<p className="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Customer satisfaction</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 h1">302m</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading uppercase">
|
||||
<p className="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Monthly Payment</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 h1">287+</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading uppercase">
|
||||
<p className="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Agents around the world</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default GlobalClients
|
||||
@@ -0,0 +1,211 @@
|
||||
import React from 'react'
|
||||
|
||||
function HeaderSection() {
|
||||
return (
|
||||
<header id="site-header" className="main-header main-header-overlay" data-sticky-header="true" data-sticky-values-measured="false" data-sticky-options='{"disableOnMobile" :true, "stickyTrigger": "first-section"}'>
|
||||
<div className="lqd-head-sec-wrap relative lqd-hide-onstuck pt-20 px-45 pb-10 md:hidden">
|
||||
<div className="lqd-head-sec container flex items-stretch p-0">
|
||||
<div className="lqd-head-col lg:w-75percent">
|
||||
<div className="header-module">
|
||||
<div className="iconbox iconbox-side iconbox-custom items-center">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container text-13 text-white">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M64 208.1L256 65.9 448 208.1v47.4L289.5 373c-9.7 7.2-21.4 11-33.5 11s-23.8-3.9-33.5-11L64 255.5V208.1zM256 0c-12.1 0-23.8 3.9-33.5 11L25.9 156.7C9.6 168.8 0 187.8 0 208.1V448c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V208.1c0-20.3-9.6-39.4-25.9-51.4L289.5 11C279.8 3.9 268.1 0 256 0z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-13 text-white">www.kintcare.com</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="header-module py-10 ml-25">
|
||||
<div className="iconbox iconbox-side iconbox-custom items-center">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container text-13 text-white">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M16 144a144 144 0 1 1 288 0A144 144 0 1 1 16 144zM160 80c8.8 0 16-7.2 16-16s-7.2-16-16-16c-53 0-96 43-96 96c0 8.8 7.2 16 16 16s16-7.2 16-16c0-35.3 28.7-64 64-64zM128 480V317.1c10.4 1.9 21.1 2.9 32 2.9s21.6-1 32-2.9V480c0 17.7-14.3 32-32 32s-32-14.3-32-32z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-13 text-white">13th Street, Soho</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="header-module py-10 ml-25">
|
||||
<div className="iconbox iconbox-side iconbox-custom items-center">
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container text-13 text-white">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-13 text-white">Call us: +171 30 60 90</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-head-col justify-end lg:w-25percent">
|
||||
<div className="header-module py-10 module-button">
|
||||
<a href="#contact" className="btn btn-naked text-14 text-black" data-localscroll="true">
|
||||
<span className="btn-txt" data-text="Contact">Contact</span>
|
||||
</a>
|
||||
</div>
|
||||
<div className="header-module py-10 ml-25">
|
||||
<div className="ld-dropdown-menu flex relative" role="menubar">
|
||||
<span className="ld-module-trigger transition-color" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#dropdown-language" aria-controls="dropdown-language" aria-expanded="false" data-bs-toggle-options='{"type": "hoverFade"}'>
|
||||
<span className="ld-module-trigger-txt text-14 text-black">🇺🇸 English <i className="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
|
||||
</span>
|
||||
<div className="ld-module-dropdown left collapse absolute" id="dropdown-language" aria-expanded="false" role="menuitem">
|
||||
<div className="ld-dropdown-menu-content lint-text-14 link-black">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#" target="_blank">🇬🇧 English (British)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">🇪🇸 Spanish</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-head-sec-wrap relative solid-row md:hidden">
|
||||
<div className="lqd-head-sec container flex items-stretch p-0 bg-white rounded-4">
|
||||
<div className="col lqd-head-col ml-25">
|
||||
<div className="header-module module-logo no-rotate navbar-brand-plain pt-20 pb-25">
|
||||
<a className="navbar-brand text-18 h-auto" href="./" rel="home">
|
||||
<span className="navbar-brand-inner">
|
||||
<img className="logo-default" src="./assets/images/logo.png" alt="Hub Theme" />
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-auto lqd-head-col">
|
||||
<div className="header-module module-primary-nav static flex-col p-0">
|
||||
<div className="navbar-collapse lqd-submenu-cover flex items-stretch h-auto flex-col" id="main-header-collapse" aria-expanded="false" role="navigation">
|
||||
<ul id="primary-nav" className="main-nav lqd-menu-counter-right main-nav-hover-fade-inactive lg:items-stretch reset-ul flex items-stretch link-15" data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}' data-localscroll="true" data-localscroll-options='{"itemsSelector":">li > a", "trackWindowScroll": true}'>
|
||||
<li className="is-active items-center">
|
||||
<a className="text-black" href="#banner">Home</a>
|
||||
</li>
|
||||
<li className="items-center">
|
||||
<a className="text-black" href="#about">
|
||||
About
|
||||
<span className="link-icon right-icon">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="items-center">
|
||||
<a className="text-black" href="#insurance">Insurance</a>
|
||||
</li>
|
||||
<li className="menu-item-has-children">
|
||||
<a className="text-black" href="#services">
|
||||
Services
|
||||
<span className="submenu-expander"></span>
|
||||
<span className="link-icon right-icon">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="items-center">
|
||||
<a className="text-black" href="#help">
|
||||
Help Center
|
||||
<span className="link-icon right-icon">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="items-center">
|
||||
<a className="text-black" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="header-module py-10 module-button ml-25">
|
||||
<a href="#contact-modal" className="btn btn-solid btn-sm btn-icon-custom-size btn-icon-circle btn-icon-solid font-medium leading-1/5em text-15 text-green-500 bg-green-100 border-0 rounded-5em" data-lity="#contact-modal">
|
||||
<span className="btn-txt" data-text="Contact Us">Contact Us</span>
|
||||
<span className="btn-icon bg-green-200 text-13 w-30 h-30">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-stickybar-wrap lqd-stickybar-right items-end pointer-events-none md:hidden">
|
||||
<div className="h-full relative flex vertical-rl overflow-visible">
|
||||
<div className="w-full max-w-full flex items-stretch justify-end text-end flex-grow-1">
|
||||
<div className="header-module flex-col horizontal-tb rotate-180 py-10">
|
||||
<a href="#contact-modal" className="btn btn-solid border-0 btn-icon-left btn-icon-custom-size btn-icon-circle btn-icon-solid no-rotate text-start font-normal text-14 leading-1/5em bg-white text-green-500 rounded-5em horizontal-tb text-start pointer-events-auto" data-lity="#contact-modal">
|
||||
<span className="inline-flex items-center py-1/15em px-2/1em">
|
||||
<span className="btn-txt" data-text="[ld_strong]0123 267 8901[/ld_strong][ld_span]Free Consultation[/ld_span]">
|
||||
<strong>0123 267 8901</strong>
|
||||
<span>Free Consultation</span>
|
||||
</span>
|
||||
<span className="btn-icon mr-10 bg-green-200 w-40 h-40 text-22">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lqd-mobile-sec">
|
||||
<div className="lqd-mobile-sec-inner navbar-header flex items-stretch">
|
||||
<div className="lqd-mobile-modules-container"></div>
|
||||
<button type="button" className="navbar-toggle collapsed nav-trigger style-mobile border-none flex items-center justify-end bg-transparent p-0" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav" aria-expanded="false" data-toggle-options='{"changeClassnames": {"html": "mobile-nav-activated"} }'>
|
||||
<span className="sr-only">Menu</span>
|
||||
<span className="bars inline-block">
|
||||
<span className="bars-inner w-full h-full flex flex-col">
|
||||
<span className="bar"></span>
|
||||
<span className="bar"></span>
|
||||
<span className="bar"></span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<a className="navbar-brand flex items-center justify-start" href="./">
|
||||
<span className="navbar-brand-inner">
|
||||
<img className="logo-default" src="./assets/images/demo/insurance/logo/logo.svg" alt="Hub Theme" />
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div className="lqd-mobile-sec-nav absolute w-full z-10">
|
||||
<div className="mobile-navbar-collapse navbar-collapse" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
|
||||
<ul id="mobile-primary-nav" className="lqd-mobile-main-nav main-nav nav">
|
||||
<li className="menu-item-home current-menu-item">
|
||||
<a href="#wrap">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#about">
|
||||
<span>About</span>
|
||||
<span className="link-icon right-icon">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#insurance">Insurance</a>
|
||||
</li>
|
||||
<li className="menu-item-has-children">
|
||||
<a href="#services">
|
||||
<span>Services</span>
|
||||
<span className="submenu-expander absolute"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#help">
|
||||
Help Center
|
||||
<span className="link-icon right-icon">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
}
|
||||
|
||||
export default HeaderSection
|
||||
@@ -0,0 +1,411 @@
|
||||
import React from 'react'
|
||||
|
||||
function InsurancePackages() {
|
||||
return (
|
||||
<section className="lqd-section insurance-table py-55 bg-primary bg-center bg-no-repeat bg-cover" id="insurance" style={{backgroundImage: "url('./assets/images/demo/insurance/shape/lines.svg')"}}>
|
||||
<div className="container">
|
||||
<div className="row justify-center">
|
||||
<div className="col col-12 col-lg-8 col-xl-6 text-center md:text-start">
|
||||
<div className="ld-fancy-heading pb-15">
|
||||
<h2 className="ld-fh-element mb-0/5em text-white">Compare insurance packages to get the best deal.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-xl-10 md:hidden">
|
||||
<div className="flex w-full">
|
||||
<div className="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center pt-10 pb-20 px-15 border-right border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/25em text-15 text-white">Hub Insurance</p>
|
||||
</div>
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center pt-10 pb-20 px-15 border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/25em text-15 text-white">Other Companies</p>
|
||||
</div>
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex w-full">
|
||||
<div className="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex w-full">
|
||||
<div className="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex w-full">
|
||||
<div className="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Auto-Renewal</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex w-full">
|
||||
<div className="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Responsible Driver Discount</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex w-full">
|
||||
<div className="flex flex-col w-50percent justify-center py-20 border-right border-white-20">
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-25percent justify-center items-center py-20 px-15 border-white-20">
|
||||
<div className="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-10 hidden md:block">
|
||||
<div className="w-full relative flex flex-col justify-center items-stretch flex-grow-1 mb-35">
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-full relative">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/25em text-16 text-white">Hub Insurance</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Auto-Renewal</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Responsible Driver Discount</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-10 hidden md:block">
|
||||
<div className="w-full relative flex flex-col justify-center items-stretch flex-grow-1">
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-full relative">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/25em text-16 text-white">Other Companies</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Auto-Renewal</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Responsible Driver Discount</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col border-bottom border-white-20">
|
||||
<div className="flex flex-wrap items-center justify-between">
|
||||
<div className="w-85percent relative flex items-center justify-start">
|
||||
<div className="ld-fancy-heading py-20">
|
||||
<h3 className="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-15percent relative flex items-center justify-center">
|
||||
<div className="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
||||
<i className="lqd-icn-ess icon-ion-ios-close"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default InsurancePackages
|
||||
@@ -0,0 +1,276 @@
|
||||
import React from 'react'
|
||||
|
||||
function InsuranceTabs() {
|
||||
return (
|
||||
<section className="lqd-section tab-items pt-40 pb-55">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col-12">
|
||||
<div className="lqd-tabs lqd-tabs-style-3 mb-30" data-tabs-options='{"trigger": "click"}'>
|
||||
<nav className="lqd-tabs-nav-wrap mb-2em">
|
||||
<ul className="reset-ul lqd-tabs-nav flex items-center justify-between border-black-10" role="tablist">
|
||||
<li data-bs-controls="lqd-tab-item-1" role="presentation" className="text-center">
|
||||
<a className="active" href="#lqd-tab-item-1" aria-expanded="false" aria-controls="lqd-tab-item-1" role="tab" data-bs-toggle="tab">
|
||||
<span className="iconbox flex-col items-center justify-center relative">
|
||||
<span className="contents flex flex-col relative z-2">
|
||||
<span className="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Health Insurance</span>
|
||||
</span>
|
||||
</span>
|
||||
<span className="lqd-tabs-nav-progress">
|
||||
<span className="lqd-tabs-nav-progress-inner"></span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li data-bs-controls="lqd-tab-item-2" role="presentation" className="text-center">
|
||||
<a href="#lqd-tab-item-2" aria-expanded="false" aria-controls="lqd-tab-item-2" role="tab" data-bs-toggle="tab">
|
||||
<span className="iconbox flex-col items-center justify-center relative">
|
||||
<span className="contents flex flex-col relative z-2">
|
||||
<span className="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Travel Insurance</span>
|
||||
</span>
|
||||
</span>
|
||||
<span className="lqd-tabs-nav-progress">
|
||||
<span className="lqd-tabs-nav-progress-inner"></span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li data-bs-controls="lqd-tab-item-3" role="presentation" className="text-center">
|
||||
<a href="#lqd-tab-item-3" aria-expanded="false" aria-controls="lqd-tab-item-3" role="tab" data-bs-toggle="tab">
|
||||
<span className="iconbox flex-col items-center justify-center relative">
|
||||
<span className="contents flex flex-col relative z-2">
|
||||
<span className="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Private Insurance</span>
|
||||
</span>
|
||||
</span>
|
||||
<span className="lqd-tabs-nav-progress">
|
||||
<span className="lqd-tabs-nav-progress-inner"></span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li data-bs-controls="lqd-tab-item-4" role="presentation" className="text-center">
|
||||
<a href="#lqd-tab-item-4" aria-expanded="false" aria-controls="lqd-tab-item-4" role="tab" data-bs-toggle="tab">
|
||||
<span className="iconbox flex-col items-center justify-center relative">
|
||||
<span className="contents flex flex-col relative z-2">
|
||||
<span className="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Car Insurance</span>
|
||||
</span>
|
||||
</span>
|
||||
<span className="lqd-tabs-nav-progress">
|
||||
<span className="lqd-tabs-nav-progress-inner"></span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div className="lqd-tabs-content">
|
||||
<div id="lqd-tab-item-1" role="tabpanel" className="lqd-tabs-pane pt-20 fade active show" aria-labelledby="lqd-tab-item-1">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-6">
|
||||
<figure className="inline-flex flex-grow-1 max-w-full relative mb-30">
|
||||
<a href="./assets/images/demo/insurance/tab-items/Image@2x.jpg" className="fresco">
|
||||
<img width="1054" height="832" src="./assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item" />
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 offset-lg-1">
|
||||
<div className="w-full flex flex-col pr-15percent lg:pr-0">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element py-5 px-15 mb-1/5em rounded-5em bg-green-100 text-14 text-green-500">Free Consultation</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/25em leading-1em text-48">Private Health Insurance.</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/75em leading-1/3em text-16 text-gray-700">Holistic development and support for employees the aim of being a first-choice</p>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Protected Policy</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lqd-tab-item-2" role="tabpanel" className="lqd-tabs-pane pt-20 fade" aria-labelledby="lqd-tab-item-2">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-6">
|
||||
<figure className="inline-flex flex-grow-1 max-w-full relative mb-30">
|
||||
<a href="./assets/images/demo/insurance/tab-items/Image@2x.jpg" className="fresco">
|
||||
<img width="1054" height="832" src="./assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item" />
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 offset-lg-1">
|
||||
<div className="w-full flex flex-col pr-15percent">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element py-5 px-15 mb-1/5em bg-green-100 rounded-5em text-14 text-green-500">Free Consultation</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/25em leading-1em text-48">Private Travel Insurance.</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/75em leading-1/3em text-16 text-gray-700">Holistic development and support for employees the aim of being a first-choice</p>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Protected Policy</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lqd-tab-item-3" role="tabpanel" className="lqd-tabs-pane pt-20 fade" aria-labelledby="lqd-tab-item-3">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-6">
|
||||
<figure className="inline-flex flex-grow-1 max-w-full relative mb-30">
|
||||
<a href="./assets/images/demo/insurance/tab-items/Image@2x.jpg" className="fresco">
|
||||
<img width="1054" height="832" src="./assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item" />
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 offset-lg-1">
|
||||
<div className="w-full flex flex-col pr-15percent">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element py-5 px-15 mb-1/5em bg-green-100 rounded-5em text-14 text-green-500">Free Consultation</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/25em leading-1em text-48">Private Health Insurance.</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/75em leading-1/3em text-16 text-gray-700">Holistic development and support for employees the aim of being a first-choice</p>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Protected Policy</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lqd-tab-item-4" role="tabpanel" className="lqd-tabs-pane pt-20 fade" aria-labelledby="lqd-tab-item-4">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-6">
|
||||
<figure className="inline-flex flex-grow-1 max-w-full relative mb-30">
|
||||
<a href="./assets/images/demo/insurance/tab-items/Image@2x.jpg" className="fresco">
|
||||
<img width="1054" height="832" src="./assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item" />
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 offset-lg-1">
|
||||
<div className="w-full flex flex-col pr-15percent">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element py-5 px-15 mb-1/5em bg-green-100 rounded-5em text-14 text-green-500">Free Consultation</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/25em leading-1em text-48">Private car Insurance.</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-2/75em leading-1/3em text-16 text-gray-700">Holistic development and support for employees the aim of being a first-choice</p>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Injuries or Vehicle Damages</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Protected Policy</h3>
|
||||
</div>
|
||||
<div className="iconbox iconbox-inline text-align-default iconbox-circle iconbox-heading-xs mb-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(124, 191, 152)", "hoverColor": "rgb(255, 255, 255)"}'>
|
||||
<div className="iconbox-icon-wrap">
|
||||
<span className="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
||||
<span className="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
||||
<i className="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-18">Annual Bonus and Extras</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default InsuranceTabs
|
||||
@@ -0,0 +1,178 @@
|
||||
import React from 'react'
|
||||
|
||||
function Services() {
|
||||
return (
|
||||
<section className="lqd-section services pt-100 pb-40" id="services">
|
||||
<div className="container">
|
||||
<div className="row items-center">
|
||||
<div className="col col-12 col-lg-6 col-xl-5">
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/5em text-46">Insurance Packages.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-5 offset-xl-1">
|
||||
<div className="ld-fancy-heading">
|
||||
<h6 className="ld-fh-element mb-0/5em text-18 leading-1/5em text-black-70">Being a first-choice employer within our sectors. Our process applies techniques from a variety of disciplines.</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-1">
|
||||
<div className="h-full flex items-center justify-center" id="carousel-image-box-nav"></div>
|
||||
</div>
|
||||
<div className="col col-12">
|
||||
<div className="carousel-container carousel-nav-left carousel-nav-mobile-center carousel-nav-dot-between carousel-nav-sm carousel-nav-square carousel-dots-mobile-center carousel-dots-style1 carousel-dots-mobile-outside pt-30">
|
||||
<div className="carousel-items relative" data-lqd-flickity='{"cellAlign": "left", "prevNextButtons" :true, "pageDots" :false, "fullwidthSide" :true, "groupCells" :false, "equalHeightCells" :true, "pauseAutoPlayOnHover" :false, "navArrow": "4", "buttonsAppendTo": "#carousel-image-box-nav", "addSlideNumbersToArrows" :false, "dotsIndicator": "dots", "numbersStyle": "circle", "dotsAppendTo": "self"}'>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner relative w-full">
|
||||
<div className="carousel-item-content">
|
||||
<div className="lqd-fb lqd-fb-style-1 round relative overflow-hidden lqd-fb-zoom-img-onhover h-pt-100 rounded-4" data-inview="true" data-slideelement-onhover="true" data-slideelement-options='{"visibleElement": "h6, h2", "hiddenElement": ".lqd-fb-txt"}'>
|
||||
<div className="lqd-fb-inner lqd-overlay flex">
|
||||
<div className="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
||||
<figure className="w-full" data-responsive-bg="true">
|
||||
<img width="716" height="888" src="./assets/images/demo/insurance/carousel-image-box/Image-4@2x.jpg" alt="insurance Package" />
|
||||
</figure>
|
||||
<a href="#" title="Services" className="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
||||
</div>
|
||||
<div className="lqd-fb-content lqd-overlay flex items-end">
|
||||
<div className="lqd-fb-bg lqd-overlay flex"></div>
|
||||
<div className="lqd-fb-content-inner relative p-3rem pb-2/5rem w-full" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 250, "initValues": { "y" : 30, "opacity" : 0 } , "animations": { "y" : 0, "opacity" : 1 } }'>
|
||||
<h6 className="uppercase font-medium tracking-0/2em text-12 mb-1/5rem mt-0 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'> Healthcare</h6>
|
||||
<h2 className="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
||||
<a href="#" title="Services">Healthcare Policies</a>
|
||||
</h2>
|
||||
<div className="lqd-fb-txt mt-1rem">
|
||||
<p className="m-0">We embrace holistic development and support for employees the aim of</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner relative w-full">
|
||||
<div className="carousel-item-content">
|
||||
<div className="lqd-fb lqd-fb-style-1 round relative overflow-hidden lqd-fb-zoom-img-onhover h-pt-100 rounded-4" data-inview="true" data-slideelement-onhover="true" data-slideelement-options='{"visibleElement": "h6, h2", "hiddenElement": ".lqd-fb-txt"}'>
|
||||
<div className="lqd-fb-inner lqd-overlay flex">
|
||||
<div className="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
||||
<figure className="w-full" data-responsive-bg="true">
|
||||
<img width="716" height="888" src="./assets/images/demo/insurance/carousel-image-box/Image-3@2x.jpg" alt="insurance packages" />
|
||||
</figure>
|
||||
<a href="#" title="Services" className="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
||||
</div>
|
||||
<div className="lqd-fb-content lqd-overlay flex items-end">
|
||||
<div className="lqd-fb-bg lqd-overlay flex"></div>
|
||||
<div className="lqd-fb-content-inner relative p-3rem pb-2/5rem w-full" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 250, "initValues": { "y" : 30, "opacity" : 0 } , "animations": { "y" : 0, "opacity" : 1 } }'>
|
||||
<h6 className="uppercase font-medium tracking-0/2em text-12 mb-1/5rem mt-0 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'> Insurance</h6>
|
||||
<h2 className="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
||||
<a href="#" title="Services">Life Insurance</a>
|
||||
</h2>
|
||||
<div className="lqd-fb-txt mt-1rem">
|
||||
<p className="m-0">We embrace holistic development and support for employees the aim of</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner relative w-full">
|
||||
<div className="carousel-item-content">
|
||||
<div className="lqd-fb lqd-fb-style-1 round relative overflow-hidden lqd-fb-zoom-img-onhover h-pt-100 rounded-4" data-inview="true" data-slideelement-onhover="true" data-slideelement-options='{"visibleElement": "h6, h2", "hiddenElement": ".lqd-fb-txt"}'>
|
||||
<div className="lqd-fb-inner lqd-overlay flex">
|
||||
<div className="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
||||
<figure className="w-full" data-responsive-bg="true">
|
||||
<img width="716" height="888" src="./assets/images/demo/insurance/carousel-image-box/Image-2@2x.jpg" alt="insurance packages" />
|
||||
</figure>
|
||||
<a href="#" title="Services" className="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
||||
</div>
|
||||
<div className="lqd-fb-content lqd-overlay flex items-end">
|
||||
<div className="lqd-fb-bg lqd-overlay flex"></div>
|
||||
<div className="lqd-fb-content-inner relative p-3rem pb-2/5rem w-full" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 250, "initValues": { "y" : 30, "opacity" : 0 } , "animations": { "y" : 0, "opacity" : 1 } }'>
|
||||
<h6 className="uppercase font-medium tracking-0/2em text-12 mb-1/5rem mt-0 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'> Vehicles</h6>
|
||||
<h2 className="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
||||
<a href="#" title="Services">Health Insurance</a>
|
||||
</h2>
|
||||
<div className="lqd-fb-txt mt-1rem">
|
||||
<p className="m-0">We embrace holistic development and support for employees the aim of</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner relative w-full">
|
||||
<div className="carousel-item-content">
|
||||
<div className="lqd-fb lqd-fb-style-1 round relative overflow-hidden lqd-fb-zoom-img-onhover h-pt-100 rounded-4" data-inview="true" data-slideelement-onhover="true" data-slideelement-options='{"visibleElement": "h6, h2", "hiddenElement": ".lqd-fb-txt"}'>
|
||||
<div className="lqd-fb-inner lqd-overlay flex">
|
||||
<div className="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
||||
<figure className="w-full" data-responsive-bg="true">
|
||||
<img width="716" height="888" src="./assets/images/demo/insurance/carousel-image-box/Image-1@2x.jpg" alt="insurance packages" />
|
||||
</figure>
|
||||
<a href="#" title="Services" className="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
||||
</div>
|
||||
<div className="lqd-fb-content lqd-overlay flex items-end">
|
||||
<div className="lqd-fb-bg lqd-overlay flex"></div>
|
||||
<div className="lqd-fb-content-inner relative p-3rem pb-2/5rem w-full" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 250, "initValues": { "y" : 30, "opacity" : 0 } , "animations": { "y" : 0, "opacity" : 1 } }'>
|
||||
<h6 className="uppercase font-medium tracking-0/2em text-12 mb-1/5rem mt-0 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'> Insurance</h6>
|
||||
<h2 className="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
||||
<a href="#" title="Services">Insurance Policy</a>
|
||||
</h2>
|
||||
<div className="lqd-fb-txt mt-1rem">
|
||||
<p className="m-0">We embrace holistic development and support for employees the aim of</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
||||
<div className="carousel-item-inner relative w-full">
|
||||
<div className="carousel-item-content">
|
||||
<div className="lqd-fb lqd-fb-style-1 round relative overflow-hidden lqd-fb-zoom-img-onhover h-pt-100 rounded-4" data-inview="true" data-slideelement-onhover="true" data-slideelement-options='{"visibleElement": "h6, h2", "hiddenElement": ".lqd-fb-txt"}'>
|
||||
<div className="lqd-fb-inner lqd-overlay flex">
|
||||
<div className="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
||||
<figure className="w-full" data-responsive-bg="true">
|
||||
<img width="716" height="888" src="./assets/images/demo/insurance/carousel-image-box/Image-4@2x.jpg" alt="insurance packages" />
|
||||
</figure>
|
||||
<a href="#" title="Services" className="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
||||
</div>
|
||||
<div className="lqd-fb-content lqd-overlay flex items-end">
|
||||
<div className="lqd-fb-bg lqd-overlay flex"></div>
|
||||
<div className="lqd-fb-content-inner relative p-3rem pb-2/5rem w-full" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": "all-childs", "duration" : 1200, "delay" : 120, "startDelay" : 250, "initValues": { "y" : 30, "opacity" : 0 } , "animations": { "y" : 0, "opacity" : 1 } }'>
|
||||
<h6 className="uppercase font-medium tracking-0/2em text-12 mb-1/5rem mt-0 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'> Healthcare</h6>
|
||||
<h2 className="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
||||
<a href="#" title="Services">Healthcare Policies</a>
|
||||
</h2>
|
||||
<div className="lqd-fb-txt mt-1rem">
|
||||
<p className="m-0">We embrace holistic development and support for employees the aim of</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 text-center">
|
||||
<div className="ld-fancy-heading pt-65 module-bottom">
|
||||
<p className="ld-fh-element mb-0/5em text-15 text-black">Our nearly 8,000 committed <a href="#">staff members</a> are ready to help.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default Services
|
||||
@@ -0,0 +1,94 @@
|
||||
import React from 'react'
|
||||
|
||||
function Testimonials() {
|
||||
return (
|
||||
<section className="lqd-section testimonials pt-90 pb-100 bg-primary bg-center bg-cover bg-no-repeat" style={{backgroundImage: "url('./assets/images/demo/insurance/shape/lines-2.svg')"}}>
|
||||
<div className="container">
|
||||
<div className="row justify-between items-stretch">
|
||||
<div className="col col-12 col-xl-4 col-lg-5 p-0">
|
||||
<div className="ld-fancy-heading module-title">
|
||||
<h2 className="ld-fh-element mb-0/5em leading-1/2em text-50 text-white">Happy families since 1987.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-xl-4 col-lg-5 p-0 self-center">
|
||||
<div className="ld-fancy-heading">
|
||||
<h4 className="ld-fh-element mb-0/25em text-54 font-normal leading-1em font-title text-white">50m</h4>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0/5em leading-1/3em text-14 text-white">We embrace holistic development and support for employees the aim of being a first-choice employer within our sectors. Our process applies techniques</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 p-0">
|
||||
<div className="relative h-55"></div>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-4 p-0">
|
||||
<figure>
|
||||
<img className="w-full" width="632" height="712" src="./assets/images/demo/insurance/testimonials/Testimonial-Image@2x.jpg" alt="testimonials" />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-lg-8 p-0">
|
||||
<div className="module-testimonials w-full h-full flex flex-col justify-center bg-white">
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/75em text-44">Testimonials</h2>
|
||||
</div>
|
||||
<div className="carousel-container carousel-nav-left carousel-nav-mobile-centercarousel-nav-sm carousel-dots-mobile-center carousel-dots-style1 carousel-dots-mobile-outside">
|
||||
<div className="carousel-items -mr-15 -ml-15" data-lqd-flickity='{"cellAlign": "left", "prevNextButtons" :true, "pageDots" :false, "groupCells" :false, "wrapAround" :true, "adaptiveHeight" :true, "pauseAutoPlayOnHover" :false, "navArrow": "6", "buttonsAppendTo": "self", "addSlideNumbersToArrows" :true, "dotsIndicator": "dots", "numbersStyle": "circle", "dotsAppendTo": "self"}'>
|
||||
<div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
||||
<div className="carousel-item-inner w-full min-h-inherit relative">
|
||||
<div className="carousel-item-content w-full min-h-inherit relative">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
||||
<div className="carousel-item-inner w-full min-h-inherit relative">
|
||||
<div className="carousel-item-content w-full min-h-inherit relative">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
||||
<div className="carousel-item-inner w-full min-h-inherit relative">
|
||||
<div className="carousel-item-content w-full min-h-inherit relative">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
||||
<div className="carousel-item-inner w-full min-h-inherit relative">
|
||||
<div className="carousel-item-content w-full min-h-inherit relative">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-1/15em font-normal leading-1/3em text-18 text-text">Their business to develop successful digital ideas and strategies that engage and convert significant, targeted traffic develop successful digital ideas and strategies that engage and convert</p>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<h3 className="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default Testimonials
|
||||
@@ -0,0 +1,43 @@
|
||||
import React from 'react'
|
||||
|
||||
function TrustedCompanies() {
|
||||
return (
|
||||
<section className="lqd-section companies pt-55 pb-65 bg-green-50">
|
||||
<div className="container">
|
||||
<div className="row justify-center">
|
||||
<div className="col col-12 col-lg-8 col-xl-6 text-center mb-65">
|
||||
<div className="ld-fancy-heading">
|
||||
<h2 className="ld-fh-element mb-0/35em text-40 text-green-700">Trusted by global companies</h2>
|
||||
</div>
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0/5em leading-1/25em text-18 text-slate-700">We embrace holistic development and support for employees the aim of being a first-choice employer within our sectors.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12"></div>
|
||||
<div className="col col-12 col-md-6 col-lg-3 text-center">
|
||||
<figure className="mb-25">
|
||||
<img width="177" height="28" src="./assets/images/demo/insurance/companies/logo-4.svg" alt="companies" />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-md-6 col-lg-3 text-center">
|
||||
<figure className="mb-25">
|
||||
<img width="109" height="31" src="./assets/images/demo/insurance/companies/logo-5.svg" alt="companies" />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-md-6 col-lg-3 text-center">
|
||||
<figure className="mb-25">
|
||||
<img width="199" height="29" src="./assets/images/demo/insurance/companies/logo-6.svg" alt="companies" />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col col-12 col-md-6 col-lg-3 text-center">
|
||||
<figure className="mb-25">
|
||||
<img width="140" height="23" src="./assets/images/demo/insurance/companies/logo-8.svg" alt="companies" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default TrustedCompanies
|
||||
@@ -0,0 +1,33 @@
|
||||
import React from 'react'
|
||||
|
||||
function UnderBanner() {
|
||||
return (
|
||||
<section className="lqd-section under-banner py-15 border-bottom border-gray-100">
|
||||
<div className="container">
|
||||
<div className="row items-center justify-between">
|
||||
<div className="col col-12 col-md-6 text-start">
|
||||
<div className="ld-fancy-heading">
|
||||
<p className="ld-fh-element mb-0 text-14 text-gray-700">
|
||||
<img src="./assets/images/demo/insurance/agents/img@2x.png" alt="Ageny" width="47" height="47" />
|
||||
<span>Looking for an agent?</span>
|
||||
<a href="#">Talk to our finance agent</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col col-12 col-md-6 text-end sm:text-start">
|
||||
<a href="#" className="btn btn-naked text-15 text-slate-500">
|
||||
<span className="flex items-center">
|
||||
<span className="btn-txt" data-text="Our design services starts and ends with a best-in-class.">Our design services starts and ends with a best-in-class.</span>
|
||||
<span className="btn-icon">
|
||||
<i className="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default UnderBanner
|
||||
@@ -1,3 +1,6 @@
|
||||
html{
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
|
||||
Reference in New Issue
Block a user