CHIEFSOFT\ameye
2069 lines
166 KiB
PHP
2069 lines
166 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="keywords" content="HTML Template, site template, seo, marketing, creative, corporate, modern, multipurpose, one page, business, responsive, minimal, saas, startup">
|
|
<meta name="author" content="LiquidThemes">
|
|
<meta name="description" content="Hub is a HTML template with high performance, and award-winning design collection.">
|
|
<meta property="og:title" content="Hub HTML template">
|
|
<meta property="og:description" content="Hub is a HTML template with high performance, and award-winning design collection.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="/assets/images/common/og-image.jpg">
|
|
|
|
<link rel="stylesheet" href="/assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css">
|
|
<link rel="stylesheet" href="/assets/css/theme.min.css">
|
|
<link rel="stylesheet" href="/assets/css/utility.min.css">
|
|
<link rel="stylesheet" href="/assets/css/demo/insurance.css">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Averia+Serif+Libre&family=Be+Vietnam+Pro:wght@400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<title>Insurance Pro</title>
|
|
</head>
|
|
|
|
<body class="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 class="lqd-preloader-wrap lqd-preloader-spinner-classsical opacity-0 hidden" data-preloader-options='{"animationType": "fade"}'>
|
|
<div class="lqd-preloader-inner">
|
|
<div class="lqd-preloader-spc-el"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wrap">
|
|
|
|
<div class="lqd-sticky-placeholder hidden"></div>
|
|
<header id="site-header" class="main-header main-header-overlay" data-sticky-header="true" data-sticky-values-measured="false" data-sticky-options='{"disableOnMobile" :true, "stickyTrigger": "first-section"}'>
|
|
<div class="lqd-head-sec-wrap relative lqd-hide-onstuck pt-20 px-45 pb-10 md:hidden">
|
|
<div class="lqd-head-sec container flex items-stretch p-0">
|
|
<div class="lqd-head-col lg:w-75percent">
|
|
<div class="header-module">
|
|
<div class="iconbox iconbox-side iconbox-custom items-center">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="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 class="text-13 text-white">insurance.liquid.com</h3>
|
|
</div>
|
|
</div>
|
|
<div class="header-module py-10 ml-25">
|
|
<div class="iconbox iconbox-side iconbox-custom items-center">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="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 class="text-13 text-white">13th Street, Soho</h3>
|
|
</div>
|
|
</div>
|
|
<div class="header-module py-10 ml-25">
|
|
<div class="iconbox iconbox-side iconbox-custom items-center">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="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 class="text-13 text-white">Call us: +171 30 60 90</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="lqd-head-col justify-end lg:w-25percent">
|
|
<div class="header-module py-10 module-button">
|
|
<a href="#contact" class="btn btn-naked text-14 text-black" data-localscroll="true">
|
|
<span class="btn-txt" data-text="Contact">Contact</span>
|
|
</a>
|
|
</div>
|
|
<div class="header-module py-10 ml-25">
|
|
<div class="ld-dropdown-menu flex relative" role="menubar">
|
|
<span class="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 class="ld-module-trigger-txt text-14 text-black">🇺🇸 English <i class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
|
|
</span>
|
|
<div class="ld-module-dropdown left collapse absolute" id="dropdown-language" aria-expanded="false" role="menuitem">
|
|
<div class="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 class="lqd-head-sec-wrap relative solid-row md:hidden">
|
|
<div class="lqd-head-sec container flex items-stretch p-0 bg-white rounded-4">
|
|
<div class="col lqd-head-col ml-25">
|
|
<div class="header-module module-logo no-rotate navbar-brand-plain pt-20 pb-25">
|
|
<a class="navbar-brand text-18 h-auto" href="/index-insurance.html" rel="home">
|
|
<span class="navbar-brand-inner">
|
|
<img class="logo-default" src="/assets/images/demo/insurance/logo/logo.svg" alt="Hub Theme">
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col col-auto lqd-head-col">
|
|
<div class="header-module module-primary-nav static flex-col p-0">
|
|
<div class="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" class="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 class="is-active items-center">
|
|
<a class="text-black" href="#banner">Home</a>
|
|
</li>
|
|
<li class="items-center">
|
|
<a class="text-black" href="#about">
|
|
About
|
|
<span class="link-icon right-icon">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="items-center">
|
|
<a class="text-black" href="#insurance">Insurance</a>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a class="text-black" href="#services">
|
|
Services
|
|
<span class="submenu-expander"></span>
|
|
<span class="link-icon right-icon">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="items-center">
|
|
<a class="text-black" href="#help">
|
|
Help Center
|
|
<span class="link-icon right-icon">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="items-center">
|
|
<a class="text-black" href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="header-module py-10 module-button ml-25">
|
|
<a href="#contact-modal" class="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 class="btn-txt" data-text="Contact Us">Contact Us</span>
|
|
<span class="btn-icon bg-green-200 text-13 w-30 h-30">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="lqd-stickybar-wrap lqd-stickybar-right items-end pointer-events-none md:hidden">
|
|
<div class="h-full relative flex vertical-rl overflow-visible">
|
|
<div class="w-full max-w-full flex items-stretch justify-end text-end flex-grow-1">
|
|
<div class="header-module flex-col horizontal-tb rotate-180 py-10">
|
|
<a href="#contact-modal" class="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 class="inline-flex items-center py-1/15em px-2/1em">
|
|
<span class="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 class="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 class="lqd-mobile-sec">
|
|
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch">
|
|
<div class="lqd-mobile-modules-container"></div>
|
|
<button type="button" class="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 class="sr-only">Menu</span>
|
|
<span class="bars inline-block">
|
|
<span class="bars-inner w-full h-full flex flex-col">
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
<a class="navbar-brand flex items-center justify-start" href="/index-insurance.html">
|
|
<span class="navbar-brand-inner">
|
|
<img class="logo-default" src="/assets/images/demo/insurance/logo/logo.svg" alt="Hub Theme">
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="lqd-mobile-sec-nav absolute w-full z-10">
|
|
<div class="mobile-navbar-collapse navbar-collapse" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
|
|
<ul id="mobile-primary-nav" class="lqd-mobile-main-nav main-nav nav">
|
|
<li class="menu-item-home current-menu-item">
|
|
<a href="#wrap">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="#about">
|
|
<span>About</span>
|
|
<span class="link-icon right-icon">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#insurance">Insurance</a>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="#services">
|
|
<span>Services</span>
|
|
<span class="submenu-expander absolute"></span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#help">
|
|
Help Center
|
|
<span class="link-icon right-icon">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="content" id="lqd-site-content">
|
|
<div id="lqd-contents-wrap">
|
|
|
|
<!-- Start Banner -->
|
|
<section class="lqd-section banner min-h-100vh flex flex-wrap items-center bg-center bg-cover bg-no-repeat" id="banner" style="background-image: url('./assets/images/demo/insurance/banner/bnnr-img@2x.jpg');">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col col-12 col-xl-6 col-lg-8">
|
|
<div class="flex flex-wrap pt-150 md:pt-0">
|
|
<div class="ld-fancy-heading">
|
|
<h1 class="ld-fh-element mb-0/25em text-70 text-white">Private medical insurance plans.</h1>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="w-full flex flex-wrap items-center pt-35">
|
|
<div class="w-45percent md:w-33percent sm:w-full">
|
|
<a href="#contact-modal" class="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 class="btn-txt" data-text="Request a Quote">Request a Quote</span>
|
|
</a>
|
|
</div>
|
|
<div class="w-50percent sm:w-full">
|
|
<div class="ld-fancy-heading w-50percent">
|
|
<p class="ld-fh-element mb-15 text-16 text-white">
|
|
<strong>0123 267 8901</strong>
|
|
<br>
|
|
<span class="text-14">Free Consultation</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Banner -->
|
|
|
|
<!-- Start Under Banner -->
|
|
<section class="lqd-section under-banner py-15 border-bottom border-gray-100">
|
|
<div class="container">
|
|
<div class="row items-center justify-between">
|
|
<div class="col col-12 col-md-6 text-start">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="col col-12 col-md-6 text-end sm:text-start">
|
|
<a href="#" class="btn btn-naked text-15 text-slate-500">
|
|
<span class="flex items-center">
|
|
<span class="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 class="btn-icon">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Under Banner -->
|
|
|
|
<!-- Start About -->
|
|
<section class="lqd-section about py-100" id="about">
|
|
<div class="container">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-6 col-xl-5">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/5em text-48">Insurance Packages.</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 offset-xl-1">
|
|
<div class="ld-fancy-heading">
|
|
<h6 class="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 class="col col-12 col-lg-1">
|
|
<div class="h-full flex items-center justify-center" id="about-nav"></div>
|
|
</div>
|
|
<div class="col col-12">
|
|
<div class="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 class="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 class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner">
|
|
<div class="carousel-item-content">
|
|
<div class="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
|
<div class="ld-fancy-heading uppercase text-end relative">
|
|
<h6 class="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 class="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
|
<svg class="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 class="contents">
|
|
<h3 class="mb-15 text-22 leading-1/5em">Protected Insurance</h3>
|
|
<p>
|
|
<span class="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<a href="/page-company-services.html" class="btn btn-naked text-15 font-medium mt-20 mx-35">
|
|
<span class="inline-flex items-center">
|
|
<span class="btn-txt" data-text="Learn more">Learn more</span>
|
|
<span class="btn-icon">
|
|
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner">
|
|
<div class="carousel-item-content">
|
|
<div class="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
|
<div class="ld-fancy-heading uppercase text-end relative">
|
|
<h6 class="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 class="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
|
<svg class="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 class="contents">
|
|
<h3 class="mb-15 text-22 leading-1/5em">Healthcare Policy</h3>
|
|
<p>
|
|
<span class="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<a href="/page-company-services.html" class="btn btn-naked text-15 font-medium mt-20 mx-35">
|
|
<span class="inline-flex items-center">
|
|
<span class="btn-txt" data-text="Learn more">Learn more</span>
|
|
<span class="btn-icon">
|
|
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner">
|
|
<div class="carousel-item-content">
|
|
<div class="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
|
<div class="ld-fancy-heading uppercase text-end relative">
|
|
<h6 class="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 class="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
|
<svg class="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 class="contents">
|
|
<h3 class="mb-15 text-22 leading-1/5em">Car / Vehicle Insurance</h3>
|
|
<p>
|
|
<span class="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<a href="/page-company-services.html" class="btn btn-naked text-15 font-medium mt-20 mx-35">
|
|
<span class="inline-flex items-center">
|
|
<span class="btn-txt" data-text="Learn more">Learn more</span>
|
|
<span class="btn-icon">
|
|
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow px-25 w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner">
|
|
<div class="carousel-item-content">
|
|
<div class="module-carousel transition-all relative mb-45 bg-gray-100 pt-25 pb-15 rounded-10">
|
|
<div class="ld-fancy-heading uppercase text-end relative">
|
|
<h6 class="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 class="iconbox flex-col text-start relative justify-center items-start mb-35 px-35">
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-40 mb-30 text-primary">
|
|
<svg class="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 class="contents">
|
|
<h3 class="mb-15 text-22 leading-1/5em">Healthcare Policy</h3>
|
|
<p>
|
|
<span class="text-17 leading-1/5em">Adjust global theme options and see design changes in real-time.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<a href="/page-company-services.html" class="btn btn-naked text-15 font-medium mt-20 mx-35">
|
|
<span class="inline-flex items-center">
|
|
<span class="btn-txt" data-text="Learn more">Learn more</span>
|
|
<span class="btn-icon">
|
|
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 text-center">
|
|
<div class="module-bottom">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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>
|
|
<!-- End About -->
|
|
|
|
<!-- Start Companies -->
|
|
<section class="lqd-section companies pt-55 pb-65 bg-green-50">
|
|
<div class="container">
|
|
<div class="row justify-center">
|
|
<div class="col col-12 col-lg-8 col-xl-6 text-center mb-65">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/35em text-40 text-green-700">Trusted by global companies</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="col col-12"></div>
|
|
<div class="col col-12 col-md-6 col-lg-3 text-center">
|
|
<figure class="mb-25">
|
|
<img width="177" height="28" src="/assets/images/demo/insurance/companies/logo-4.svg" alt="companies">
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-md-6 col-lg-3 text-center">
|
|
<figure class="mb-25">
|
|
<img width="109" height="31" src="/assets/images/demo/insurance/companies/logo-5.svg" alt="companies">
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-md-6 col-lg-3 text-center">
|
|
<figure class="mb-25">
|
|
<img width="199" height="29" src="/assets/images/demo/insurance/companies/logo-6.svg" alt="companies">
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-md-6 col-lg-3 text-center">
|
|
<figure class="mb-25">
|
|
<img width="140" height="23" src="/assets/images/demo/insurance/companies/logo-8.svg" alt="companies">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Companies -->
|
|
|
|
<!-- Start Insurance Table -->
|
|
<section class="lqd-section insurance-table py-55 bg-primary bg-center bg-no-repeat bg-cover" id="insurance" style="background-image: url('./assets/images/demo/insurance/shape/lines.svg');">
|
|
<div class="container">
|
|
<div class="row justify-center">
|
|
<div class="col col-12 col-lg-8 col-xl-6 text-center md:text-start">
|
|
<div class="ld-fancy-heading pb-15">
|
|
<h2 class="ld-fh-element mb-0/5em text-white">Compare insurance packages to get the best deal.</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-xl-10 md:hidden">
|
|
<div class="flex w-full">
|
|
<div class="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center pt-10 pb-20 px-15 border-right border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-1/25em text-15 text-white">Hub Insurance</p>
|
|
</div>
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center pt-10 pb-20 px-15 border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-1/25em text-15 text-white">Other Companies</p>
|
|
</div>
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full">
|
|
<div class="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full">
|
|
<div class="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full">
|
|
<div class="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Auto-Renewal</h3>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full">
|
|
<div class="flex flex-col w-50percent justify-center py-20 border-right border-bottom border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Responsible Driver Discount</h3>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-bottom border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full">
|
|
<div class="flex flex-col w-50percent justify-center py-20 border-right border-white-20">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-right border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-22 text-green-300">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-25percent justify-center items-center py-20 px-15 border-white-20">
|
|
<div class="iconbox text-align-default" data-animate-icon="true" data-plugin-options='{"color": "rgb(255, 255, 255)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-lg-10 hidden md:block">
|
|
<div class="w-full relative flex flex-col justify-center items-stretch flex-grow-1 mb-35">
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-full relative">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-1/25em text-16 text-white">Hub Insurance</p>
|
|
</div>
|
|
</div>
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Auto-Renewal</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Responsible Driver Discount</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex justify-center items-center text-18 text-green-300 mb-0">
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-lg-10 hidden md:block">
|
|
<div class="w-full relative flex flex-col justify-center items-stretch flex-grow-1">
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-full relative">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-1/25em text-16 text-white">Other Companies</p>
|
|
</div>
|
|
</div>
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Auto-Renewal</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Responsible Driver Discount</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col border-bottom border-white-20">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="w-85percent relative flex items-center justify-start">
|
|
<div class="ld-fancy-heading py-20">
|
|
<h3 class="ld-fh-element mb-0 text-16 font-medium text-white">Full Health Care Package</h3>
|
|
</div>
|
|
</div>
|
|
<div class="w-15percent relative flex items-center justify-center">
|
|
<div class="iconbox text-align-default py-20 px-15" data-animate-icon="true" data-plugin-options='{"color": "rgb(122, 209, 158)"}'>
|
|
<div class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center text-28 text-white">
|
|
<i class="lqd-icn-ess icon-ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Insurance Table -->
|
|
|
|
<!-- Start Counter -->
|
|
<section class="lqd-section counters py-45 border-bottom border-lightgray">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col col-12 text-center">
|
|
<div class="ld-fancy-heading mb-25">
|
|
<h6 class="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em">GLOBAL CLIENTS AROUND THE WORLD</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-0 h1">2.7x</p>
|
|
</div>
|
|
<div class="ld-fancy-heading uppercase">
|
|
<p class="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Avarage growth</p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-0 h1">98.7+</p>
|
|
</div>
|
|
<div class="ld-fancy-heading uppercase">
|
|
<p class="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Customer satisfaction</p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-0 h1">302m</p>
|
|
</div>
|
|
<div class="ld-fancy-heading uppercase">
|
|
<p class="ld-fh-element mb-0/5em text-12 font-bold tracking-0/1em text-black-40">Monthly Payment</p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-sm-6 col-lg-3 text-center mb-25">
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-0 h1">287+</p>
|
|
</div>
|
|
<div class="ld-fancy-heading uppercase">
|
|
<p class="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>
|
|
<!-- End Counter -->
|
|
|
|
<!-- Start Services -->
|
|
<section class="lqd-section services pt-100 pb-40" id="services">
|
|
<div class="container">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-6 col-xl-5">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/5em text-46">Insurance Packages.</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 offset-xl-1">
|
|
<div class="ld-fancy-heading">
|
|
<h6 class="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 class="col col-12 col-lg-1">
|
|
<div class="h-full flex items-center justify-center" id="carousel-image-box-nav"></div>
|
|
</div>
|
|
<div class="col col-12">
|
|
<div class="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 class="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 class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner relative w-full">
|
|
<div class="carousel-item-content">
|
|
<div class="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 class="lqd-fb-inner lqd-overlay flex">
|
|
<div class="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
|
<figure class="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" class="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
|
</div>
|
|
<div class="lqd-fb-content lqd-overlay flex items-end">
|
|
<div class="lqd-fb-bg lqd-overlay flex"></div>
|
|
<div class="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 class="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 class="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
|
<a href="#" title="Services">Healthcare Policies</a>
|
|
</h2>
|
|
<div class="lqd-fb-txt mt-1rem">
|
|
<p class="m-0">We embrace holistic development and support for employees the aim of</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner relative w-full">
|
|
<div class="carousel-item-content">
|
|
<div class="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 class="lqd-fb-inner lqd-overlay flex">
|
|
<div class="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
|
<figure class="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" class="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
|
</div>
|
|
<div class="lqd-fb-content lqd-overlay flex items-end">
|
|
<div class="lqd-fb-bg lqd-overlay flex"></div>
|
|
<div class="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 class="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 class="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
|
<a href="#" title="Services">Life Insurance</a>
|
|
</h2>
|
|
<div class="lqd-fb-txt mt-1rem">
|
|
<p class="m-0">We embrace holistic development and support for employees the aim of</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner relative w-full">
|
|
<div class="carousel-item-content">
|
|
<div class="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 class="lqd-fb-inner lqd-overlay flex">
|
|
<div class="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
|
<figure class="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" class="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
|
</div>
|
|
<div class="lqd-fb-content lqd-overlay flex items-end">
|
|
<div class="lqd-fb-bg lqd-overlay flex"></div>
|
|
<div class="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 class="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 class="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
|
<a href="#" title="Services">Health Insurance</a>
|
|
</h2>
|
|
<div class="lqd-fb-txt mt-1rem">
|
|
<p class="m-0">We embrace holistic development and support for employees the aim of</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner relative w-full">
|
|
<div class="carousel-item-content">
|
|
<div class="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 class="lqd-fb-inner lqd-overlay flex">
|
|
<div class="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
|
<figure class="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" class="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
|
</div>
|
|
<div class="lqd-fb-content lqd-overlay flex items-end">
|
|
<div class="lqd-fb-bg lqd-overlay flex"></div>
|
|
<div class="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 class="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 class="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
|
<a href="#" title="Services">Insurance Policy</a>
|
|
</h2>
|
|
<div class="lqd-fb-txt mt-1rem">
|
|
<p class="m-0">We embrace holistic development and support for employees the aim of</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width flex flex-col items-stretch justify-center transition-shadow w-33percent md:w-40percent sm:w-full">
|
|
<div class="carousel-item-inner relative w-full">
|
|
<div class="carousel-item-content">
|
|
<div class="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 class="lqd-fb-inner lqd-overlay flex">
|
|
<div class="lqd-fb-img lqd-overlay flex overflow-hidden scale-1 opacity-100">
|
|
<figure class="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" class="liquid-overlay-link inline-block w-full h-full absolute top-0 left-0 text-start overflow-hidden indent-hide"></a>
|
|
</div>
|
|
<div class="lqd-fb-content lqd-overlay flex items-end">
|
|
<div class="lqd-fb-bg lqd-overlay flex"></div>
|
|
<div class="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 class="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 class="my-0 text-24 font-medium" data-split-text="true" data-split-options='{"type": "lines"}'>
|
|
<a href="#" title="Services">Healthcare Policies</a>
|
|
</h2>
|
|
<div class="lqd-fb-txt mt-1rem">
|
|
<p class="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 class="col col-12 text-center">
|
|
<div class="ld-fancy-heading pt-65 module-bottom">
|
|
<p class="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>
|
|
<!-- End Services -->
|
|
|
|
<!-- Start Text Image Naked -->
|
|
<section class="lqd-section text-image-naked py-40">
|
|
<div class="container">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-5 mb-30">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/75em text-48">Covering your family's needs.</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0/5em">Protectec Insurance Policy</h3>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-0/5em">Competitive Packages</h3>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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" class="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 class="btn-txt" data-text="Request a Quote">Request a Quote</span>
|
|
<span class="btn-icon bg-green-200 text-green-500 w-30 h-30">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="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>
|
|
<!-- End Text Image Naked -->
|
|
|
|
<!-- Start Tab Items -->
|
|
<section class="lqd-section tab-items pt-40 pb-55">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col col-12">
|
|
<div class="lqd-tabs lqd-tabs-style-3 mb-30" data-tabs-options='{"trigger": "click"}'>
|
|
<nav class="lqd-tabs-nav-wrap mb-2em">
|
|
<ul class="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" class="text-center">
|
|
<a class="active" href="#lqd-tab-item-1" aria-expanded="false" aria-controls="lqd-tab-item-1" role="tab" data-bs-toggle="tab">
|
|
<span class="iconbox flex-col items-center justify-center relative">
|
|
<span class="contents flex flex-col relative z-2">
|
|
<span class="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Health Insurance</span>
|
|
</span>
|
|
</span>
|
|
<span class="lqd-tabs-nav-progress">
|
|
<span class="lqd-tabs-nav-progress-inner"></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li data-bs-controls="lqd-tab-item-2" role="presentation" class="text-center">
|
|
<a href="#lqd-tab-item-2" aria-expanded="false" aria-controls="lqd-tab-item-2" role="tab" data-bs-toggle="tab">
|
|
<span class="iconbox flex-col items-center justify-center relative">
|
|
<span class="contents flex flex-col relative z-2">
|
|
<span class="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Travel Insurance</span>
|
|
</span>
|
|
</span>
|
|
<span class="lqd-tabs-nav-progress">
|
|
<span class="lqd-tabs-nav-progress-inner"></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li data-bs-controls="lqd-tab-item-3" role="presentation" class="text-center">
|
|
<a href="#lqd-tab-item-3" aria-expanded="false" aria-controls="lqd-tab-item-3" role="tab" data-bs-toggle="tab">
|
|
<span class="iconbox flex-col items-center justify-center relative">
|
|
<span class="contents flex flex-col relative z-2">
|
|
<span class="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Private Insurance</span>
|
|
</span>
|
|
</span>
|
|
<span class="lqd-tabs-nav-progress">
|
|
<span class="lqd-tabs-nav-progress-inner"></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li data-bs-controls="lqd-tab-item-4" role="presentation" class="text-center">
|
|
<a href="#lqd-tab-item-4" aria-expanded="false" aria-controls="lqd-tab-item-4" role="tab" data-bs-toggle="tab">
|
|
<span class="iconbox flex-col items-center justify-center relative">
|
|
<span class="contents flex flex-col relative z-2">
|
|
<span class="iconbox-title font-medium my-0 text-16 leading-1/15em font-body">Car Insurance</span>
|
|
</span>
|
|
</span>
|
|
<span class="lqd-tabs-nav-progress">
|
|
<span class="lqd-tabs-nav-progress-inner"></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="lqd-tabs-content">
|
|
<div id="lqd-tab-item-1" role="tabpanel" class="lqd-tabs-pane pt-20 fade active show" aria-labelledby="lqd-tab-item-1">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-6">
|
|
<figure class="inline-flex flex-grow-1 max-w-full relative mb-30">
|
|
<a href="/assets/images/demo/insurance/tab-items/Image@2x.jpg" class="fresco">
|
|
<img width="1054" height="832" src="/assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item">
|
|
</a>
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 offset-lg-1">
|
|
<div class="w-full flex flex-col pr-15percent lg:pr-0">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/25em leading-1em text-48">Private Health Insurance.</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Protected Policy</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="lqd-tab-item-2" role="tabpanel" class="lqd-tabs-pane pt-20 fade" aria-labelledby="lqd-tab-item-2">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-6">
|
|
<figure class="inline-flex flex-grow-1 max-w-full relative mb-30">
|
|
<a href="/assets/images/demo/insurance/tab-items/Image@2x.jpg" class="fresco">
|
|
<img width="1054" height="832" src="/assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item">
|
|
</a>
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 offset-lg-1">
|
|
<div class="w-full flex flex-col pr-15percent">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/25em leading-1em text-48">Private Travel Insurance.</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Protected Policy</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="lqd-tab-item-3" role="tabpanel" class="lqd-tabs-pane pt-20 fade" aria-labelledby="lqd-tab-item-3">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-6">
|
|
<figure class="inline-flex flex-grow-1 max-w-full relative mb-30">
|
|
<a href="/assets/images/demo/insurance/tab-items/Image@2x.jpg" class="fresco">
|
|
<img width="1054" height="832" src="/assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item">
|
|
</a>
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 offset-lg-1">
|
|
<div class="w-full flex flex-col pr-15percent">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/25em leading-1em text-48">Private Health Insurance.</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Protected Policy</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="lqd-tab-item-4" role="tabpanel" class="lqd-tabs-pane pt-20 fade" aria-labelledby="lqd-tab-item-4">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-6">
|
|
<figure class="inline-flex flex-grow-1 max-w-full relative mb-30">
|
|
<a href="/assets/images/demo/insurance/tab-items/Image@2x.jpg" class="fresco">
|
|
<img width="1054" height="832" src="/assets/images/demo/insurance/tab-items/Image@2x.jpg" alt="tab item">
|
|
</a>
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 offset-lg-1">
|
|
<div class="w-full flex flex-col pr-15percent">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/25em leading-1em text-48">Private car Insurance.</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Injuries or Vehicle Damages</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Protected Policy</h3>
|
|
</div>
|
|
<div class="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 class="iconbox-icon-wrap">
|
|
<span class="iconbox-icon-container flex items-center justify-center relative text-green-300 bg-green-100 text-16 w-30 h-30 rounded-full">
|
|
<span class="iconbox-icon-hover-bg inline-block w-full h-full top-0 left-0 opacity-0 absolute transition-opacity bg-primary"></span>
|
|
<i class="lqd-icn-ess icon-ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<h3 class="text-18">Annual Bonus and Extras</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Tab Items -->
|
|
|
|
<!-- Start Testimonials -->
|
|
<section class="lqd-section testimonials pt-90 pb-100 bg-primary bg-center bg-cover bg-no-repeat" style="background-image: url('./assets/images/demo/insurance/shape/lines-2.svg');">
|
|
<div class="container">
|
|
<div class="row justify-between items-stretch">
|
|
<div class="col col-12 col-xl-4 col-lg-5 p-0">
|
|
<div class="ld-fancy-heading module-title">
|
|
<h2 class="ld-fh-element mb-0/5em leading-1/2em text-50 text-white">Happy families since 1987.</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-xl-4 col-lg-5 p-0 self-center">
|
|
<div class="ld-fancy-heading">
|
|
<h4 class="ld-fh-element mb-0/25em text-54 font-normal leading-1em font-title text-white">50m</h4>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="col col-12 p-0">
|
|
<div class="relative h-55"></div>
|
|
</div>
|
|
<div class="col col-12 col-lg-4 p-0">
|
|
<figure>
|
|
<img class="w-full" width="632" height="712" src="/assets/images/demo/insurance/testimonials/Testimonial-Image@2x.jpg" alt="testimonials">
|
|
</figure>
|
|
</div>
|
|
<div class="col col-12 col-lg-8 p-0">
|
|
<div class="module-testimonials w-full h-full flex flex-col justify-center bg-white">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/75em text-44">Testimonials</h2>
|
|
</div>
|
|
<div class="carousel-container carousel-nav-left carousel-nav-mobile-centercarousel-nav-sm carousel-dots-mobile-center carousel-dots-style1 carousel-dots-mobile-outside">
|
|
<div class="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 class="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
|
<div class="carousel-item-inner w-full min-h-inherit relative">
|
|
<div class="carousel-item-content w-full min-h-inherit relative">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
|
<div class="carousel-item-inner w-full min-h-inherit relative">
|
|
<div class="carousel-item-content w-full min-h-inherit relative">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
|
<div class="carousel-item-inner w-full min-h-inherit relative">
|
|
<div class="carousel-item-content w-full min-h-inherit relative">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-2em text-18 text-text">Rachel Scarlett, Envato Ceo</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item has-width w-full flex flex-col items-stretch justify-center transition-shadow pr-15 pl-15">
|
|
<div class="carousel-item-inner w-full min-h-inherit relative">
|
|
<div class="carousel-item-content w-full min-h-inherit relative">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="ld-fancy-heading">
|
|
<h3 class="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>
|
|
<!-- End Testimonials -->
|
|
|
|
<!-- Start Help -->
|
|
<section class="lqd-section help py-100" id="help">
|
|
<div class="container">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-lg-5">
|
|
<div class="flex flex-col -mb-10percent -mr-55 -ml-70 md:mr-0 md:ml-0">
|
|
<figure class="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 class="col col-12 col-lg-7">
|
|
<div class="ld-fancy-heading z-1 relative">
|
|
<h2 class="ld-fh-element mb-0/5em text-48 h1">Have questions?</h2>
|
|
</div>
|
|
<div class="accordion accordion-md accordion-title-underlined accordion-expander-lg mb-2em" id="lqd-has-accordion" role="tablist" aria-multiselectable="true">
|
|
<div class="accordion-item panel">
|
|
<div class="accordion-heading" role="tab" id="accordion-heading-1" data-id="accordion-item-1">
|
|
<h4 class="accordion-title text-18 font-medium" data-bs-controls="accordion-item-1">
|
|
<a class="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 class="accordion-expander text-22">
|
|
<i class="lqd-icn-ess icon-ion-ios-add"></i>
|
|
<i class="lqd-icn-ess icon-ion-ios-remove"></i>
|
|
</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-item-1" class="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-1" data-bs-parent="#lqd-has-accordion">
|
|
<div class="accordion-content">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="accordion-item panel ">
|
|
<div class="accordion-heading" role="tab" id="accordion-heading-2" data-id="accordion-item-2">
|
|
<h4 class="accordion-title text-18 font-medium" data-bs-controls="accordion-item-2">
|
|
<a class="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 class="accordion-expander text-22">
|
|
<i class="lqd-icn-ess icon-ion-ios-add"></i>
|
|
<i class="lqd-icn-ess icon-ion-ios-remove"></i>
|
|
</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-item-2" class="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-2" data-bs-parent="#lqd-has-accordion">
|
|
<div class="accordion-content">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="accordion-item panel ">
|
|
<div class="accordion-heading" role="tab" id="accordion-heading-3" data-id="accordion-item-3">
|
|
<h4 class="accordion-title text-18 font-medium" data-bs-controls="accordion-item-3">
|
|
<a class="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 class="accordion-expander text-22">
|
|
<i class="lqd-icn-ess icon-ion-ios-add"></i>
|
|
<i class="lqd-icn-ess icon-ion-ios-remove"></i>
|
|
</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-item-3" class="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-3" data-bs-parent="#lqd-has-accordion">
|
|
<div class="accordion-content">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="accordion-item panel ">
|
|
<div class="accordion-heading" role="tab" id="accordion-heading-4" data-id="accordion-item-4">
|
|
<h4 class="accordion-title text-18 font-medium" data-bs-controls="accordion-item-4">
|
|
<a class="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 class="accordion-expander text-22">
|
|
<i class="lqd-icn-ess icon-ion-ios-add"></i>
|
|
<i class="lqd-icn-ess icon-ion-ios-remove"></i>
|
|
</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-item-4" class="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-4" data-bs-parent="#lqd-has-accordion">
|
|
<div class="accordion-content">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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 class="accordion-item panel ">
|
|
<div class="accordion-heading" role="tab" id="accordion-heading-5" data-id="accordion-item-5">
|
|
<h4 class="accordion-title text-18 font-medium" data-bs-controls="accordion-item-5">
|
|
<a class="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 class="accordion-expander text-22">
|
|
<i class="lqd-icn-ess icon-ion-ios-add"></i>
|
|
<i class="lqd-icn-ess icon-ion-ios-remove"></i>
|
|
</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-item-5" class="accordion-collapse collapse relative z-1" role="tabpanel" aria-labelledby="accordion-heading-5" data-bs-parent="#lqd-has-accordion">
|
|
<div class="accordion-content">
|
|
<div class="ld-fancy-heading">
|
|
<p class="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>
|
|
<!-- End Help -->
|
|
|
|
<!-- Start Contact -->
|
|
<section class="lqd-section contact" id="contact">
|
|
<div class="container p-0">
|
|
<div class="row m-0 items-stretch">
|
|
<div class="col col-12 col-lg-7 p-0">
|
|
<div class="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="background-image: url('./assets/images/demo/insurance/shape/lines-3.svg');">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element mb-0/5em leading-1/1em text-50">Request an Insurance policy.</h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="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" class="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 class="btn-txt" data-text="Request a Quote">Request a Quote</span>
|
|
<span class="btn-icon bg-white text-green-500 w-30 h-30">
|
|
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-lg-5 p-0">
|
|
<div class="w-full h-full relative flex flex-col justify-center">
|
|
<figure class="max-w-full relative inline-flex justify-center vertical-top flex-grow-1">
|
|
<img class="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>
|
|
<!-- End Contact -->
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<footer id="site-footer" class="main-footer pt-60 pb-50 text-blue-900">
|
|
<section class="lqd-section module-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col col-12 col-lg-4">
|
|
<div class="w-full flex flex-col mb-30">
|
|
<div class="lqd-imggrp-single mb-30">
|
|
<div class="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 class="mb-30">
|
|
<ul class="social-icon social-icon-border-none text-22">
|
|
<li>
|
|
<a class="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 class="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 class="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 class="ld-fancy-heading">
|
|
<p class="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 class="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 class="relative" method="post" action="#">
|
|
<p class="ld_sf_paragraph">
|
|
<input class="w-full block" type="email" name="email" placeholder="Enter your email address">
|
|
</p>
|
|
<button type="submit" class="inline-flex items-center justify-center">
|
|
<span class="submit-text hidden sm:block">Subscribe</span>
|
|
<span class="submit-icon">
|
|
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
|
</span>
|
|
<span class="ld-sf-spinner absolute">
|
|
<span>Sending </span>
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-lg-7 offset-lg-1">
|
|
<div class="row items-stretch">
|
|
<div class="col col-12 col-md-4 mb-30">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-1/75em font-bold text-15">Insurance</h3>
|
|
</div>
|
|
<div class="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none">
|
|
<ul class="reset-ul">
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Investment Plans</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Life Insurance</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">
|
|
<span>Contact Agent</span>
|
|
<span class="link-badge text-green-700 bg-green-100">APPLY</span>
|
|
</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Vehicle Insurance</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Follow us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-md-4 mb-30">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-1/75em font-bold text-15">About Hub</h3>
|
|
</div>
|
|
<div class="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none">
|
|
<ul class="reset-ul">
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Company</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">
|
|
<span>Careers</span>
|
|
<span class="link-badge text-green-700 bg-green-100">3</span>
|
|
</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Press media</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Our Blog</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Find an Office</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-md-4 mb-30">
|
|
<div class="ld-fancy-heading">
|
|
<h3 class="ld-fh-element mb-1/75em font-bold text-15">Contact</h3>
|
|
</div>
|
|
<div class="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none">
|
|
<ul class="reset-ul">
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Privacy Policy</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Report a Bug</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Contact Agent</a>
|
|
</li>
|
|
<li class="mb-15">
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">
|
|
<span>Subscribe</span>
|
|
<span class="link-badge text-green-700 bg-green-100">APPLY</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-green-700 text-16 leading-1/5em" href="#">Follow us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="lqd-section module-bottom">
|
|
<div class="container">
|
|
<div class="row items-stretch">
|
|
<div class="col col-12 col-md-6 text-start">
|
|
<div class="lqd-fancy-menu lqd-simple-menu w-full h-full flex flex-col justify-center pt-35 border-top border-lightgray">
|
|
<ul class="lqd-simple-menu-ul reset-ul inline-nav">
|
|
<li>
|
|
<a class="mr-20 text-green-700 text-12" href="#" target="_blank">Privacy Policy</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-green-700 text-12" href="#" target="_blank">Help Center</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-md-6 text-end sm:text-start">
|
|
<div class="ld-fancy-heading pt-35 mb-20 border-top border-lightgray sm:pt-0 sm:border-top-0">
|
|
<p class="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>
|
|
</div>
|
|
|
|
<!-- GDPR -->
|
|
<div id="lqd-gdpr" class="lqd-gdpr lqd-gdpr-visible lqd-gdpr-ready">
|
|
<div class="lqd-gdpr-inner flex items-center">
|
|
<div class="lqd-gdpr-left text-14">🍪 This website uses cookies to improve your web experience. </div>
|
|
<div class="lqd-gdpr-right">
|
|
<button class="lqd-gdpr-accept tracking-0/3 uppercase font-bold">Accept </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /GDPR -->
|
|
|
|
<!-- Contact Modal -->
|
|
<div id="contact-modal" class="lity-modal lqd-modal lity-hide" data-modal-type="fullscreen">
|
|
<div class="lqd-modal-inner">
|
|
<div class="lqd-modal-head">
|
|
</div>
|
|
<section class="lqd-section lqd-modal-content flex flex-wrap items-center h-vh-100 link-black bg-center bg-cover bg-norepeat py-80" style="background-image: url(./assets/images/common/modal-bg.jpeg);">
|
|
<div class="container">
|
|
<div class="row items-center">
|
|
<div class="col col-12 col-md-6">
|
|
<div class="pr-10percent pb-30 md:pr-0">
|
|
<div class="ld-fancy-heading">
|
|
<h2 class="ld-fh-element text-122 mb-0/5em leading-0/8em font-medium text-black">Send a <span>message.</span></h2>
|
|
</div>
|
|
<div class="ld-fancy-heading">
|
|
<p class="ld-fh-element mb-2/5em">We're here to answer any question you may have.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-12 col-md-6">
|
|
<div class="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 class="screen-reader-response">
|
|
<p role="status" aria-live="polite" aria-atomic="true"></p>
|
|
</div>
|
|
<form action="/assets/php/mailer.php" method="post" class="lqd-cf-form" novalidate="novalidate" data-status="init">
|
|
<p class="relative mb-0">
|
|
<span class="lqd-form-control-wrap mb-15" data-name="text">
|
|
<input type="text" name="name" value="" size="40" class="lqd-cf-form-control border-black-20 text-13 text-black" aria-required="true" aria-invalid="false" placeholder="Your name">
|
|
</span>
|
|
<span class="lqd-form-control-wrap mb-15" data-name="email">
|
|
<input type="email" name="email" value="" size="40" class="lqd-cf-form-control border-black-20 text-13 text-black" aria-required="true" aria-invalid="false" placeholder="Your Email Address">
|
|
</span>
|
|
<span class="lqd-form-control-wrap mb-15" data-name="textarea">
|
|
<textarea name="message" cols="10" rows="4" class="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" value="Send email" class="lqd-cf-form-control has-spinner bg-primary border-none text-white text-17 font-medium leading-1/5em">
|
|
</p>
|
|
</form>
|
|
<div class="lqd-cf-response-output"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-6 col-md-3">
|
|
<div class="flex flex-col">
|
|
<div class="ld-fancy-heading relative">
|
|
<h6 class="ld-fh-element inline-block relative mb-1/25em text-13 font-bold uppercase tracking-0/1em text-black">careers</h6>
|
|
</div>
|
|
<div class="ld-fancy-heading relative">
|
|
<p class="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 class="ld-fancy-heading relative">
|
|
<p class="ld-fh-element mb-0/5em inline-block relative text-16 font-bold leading-1/2em text-black">careers@hub.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-6 col-md-3">
|
|
<div class="flex flex-col pl-15 md:pl-0">
|
|
<div class="ld-fancy-heading relative">
|
|
<h6 class="ld-fh-element inline-block relative mb-1/25em text-13 font-bold uppercase tracking-0/1em text-black">Feedbacks</h6>
|
|
</div>
|
|
<div class="ld-fancy-heading relative">
|
|
<p class="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 class="ld-fancy-heading relative">
|
|
<p class="ld-fh-element mb-0/5em inline-block relative text-16 font-bold leading-1/2em text-black">info@hub.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="lqd-modal-foot"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Modal -->
|
|
|
|
<!-- Hub wordpress -->
|
|
<a class="fixed z-100" href="https://themeforest.net/item/hub-responsive-multipurpose-wordpress-theme/31569152" title="Get Hub WordPress Theme" style="bottom: 2rem; left: 2rem;" target="_blank" rel="nofollow">
|
|
<svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4_2)"> <path d="M61.07 30.5719C61.07 31.7719 59.17 32.8429 59.03 34.0039C58.887 35.1899 60.476 36.6829 60.197 37.8219C59.913 38.9789 57.81 39.5649 57.397 40.6639C56.984 41.7629 58.158 43.6079 57.61 44.6499C57.062 45.6919 54.877 45.7639 54.21 46.7339C53.543 47.7039 54.246 49.7709 53.462 50.6549C52.678 51.5389 50.544 51.0819 49.662 51.8669C48.78 52.6519 48.977 54.8239 48.002 55.4969C47.027 56.1699 45.07 55.2149 44.019 55.7679C42.968 56.3209 42.65 58.4739 41.538 58.8959C40.426 59.3179 38.764 57.9169 37.607 58.1959C36.468 58.4759 35.633 60.4959 34.446 60.6339C33.285 60.7739 31.994 59.0159 30.796 59.0159C29.598 59.0159 28.307 60.7729 27.146 60.6339C25.959 60.4909 25.123 58.4759 23.985 58.1959C22.828 57.9119 21.153 59.3079 20.054 58.8909C18.955 58.4739 18.616 56.3119 17.573 55.7629C16.53 55.2139 14.561 56.1629 13.59 55.4919C12.619 54.8209 12.814 52.6449 11.93 51.8609C11.046 51.0769 8.91197 51.5339 8.12997 50.6489C7.34797 49.7639 8.05599 47.7019 7.38199 46.7279C6.70799 45.7539 4.52999 45.6939 3.98199 44.6439C3.43399 43.5939 4.61698 41.7689 4.19498 40.6579C3.77298 39.5469 1.67599 38.9739 1.39499 37.8159C1.11499 36.6769 2.70398 35.1849 2.56198 33.9979C2.42298 32.8369 0.521973 31.7649 0.521973 30.5669C0.521973 29.3689 2.42198 28.2959 2.56198 27.1359C2.70498 25.9499 1.11599 24.4559 1.39499 23.3179C1.67899 22.1609 3.78098 21.5749 4.19498 20.4759C4.60898 19.3769 3.43399 17.5319 3.98199 16.4899C4.52999 15.4479 6.71599 15.3759 7.38199 14.4049C8.04799 13.4339 7.34597 11.3679 8.12997 10.4839C8.91397 9.59991 11.048 10.0569 11.93 9.2719C12.812 8.4869 12.615 6.31489 13.59 5.64089C14.565 4.96689 16.522 5.9229 17.573 5.3709C18.624 4.8189 18.942 2.66491 20.054 2.24291C21.166 1.82091 22.828 3.22189 23.985 2.94289C25.124 2.66289 25.96 0.642903 27.146 0.504903C28.307 0.365903 29.598 2.12291 30.796 2.12291C31.994 2.12291 33.286 0.365903 34.447 0.504903C35.633 0.647903 36.469 2.66289 37.608 2.94289C38.765 3.22789 40.44 1.83091 41.539 2.24791C42.638 2.66491 42.977 4.82691 44.02 5.37591C45.063 5.92491 47.032 4.97589 48.002 5.64589C48.972 6.31589 48.778 8.49291 49.662 9.27691C50.546 10.0609 52.681 9.60391 53.462 10.4889C54.243 11.3739 53.536 13.4359 54.209 14.4099C54.882 15.3839 57.061 15.4439 57.609 16.4949C58.157 17.5459 56.974 19.3689 57.396 20.4809C57.818 21.5929 59.915 22.1659 60.196 23.3229C60.476 24.4619 58.887 25.9549 59.029 27.1409C59.169 28.3009 61.07 29.3729 61.07 30.5719Z" fill="#E1E6EA"/> <path d="M16.827 31.128C16.8266 33.7663 17.569 36.3515 18.9693 38.5876C20.3696 40.8237 22.3712 42.6204 24.745 43.772L18.045 25.411C17.2419 27.2098 16.8276 29.158 16.829 31.128H16.827ZM40.36 30.419C40.3402 29.0449 39.9382 27.7034 39.199 26.545C38.4448 25.5953 37.9679 24.4557 37.821 23.252C37.8029 22.6078 38.0412 21.9828 38.4835 21.5141C38.9257 21.0454 39.5359 20.7713 40.18 20.752C40.242 20.752 40.301 20.76 40.362 20.763C38.8617 19.3896 37.0811 18.3584 35.1432 17.7408C33.2054 17.1231 31.1564 16.9337 29.1382 17.1856C27.1199 17.4375 25.1804 18.1247 23.4538 19.1998C21.7272 20.2748 20.2546 21.712 19.138 23.412C19.468 23.422 19.778 23.429 20.038 23.429C21.507 23.429 23.782 23.251 23.782 23.251C23.9354 23.239 24.0873 23.2885 24.2042 23.3886C24.3212 23.4886 24.3935 23.631 24.4055 23.7845C24.4174 23.9379 24.3679 24.0898 24.2679 24.2067C24.1678 24.3236 24.0254 24.396 23.872 24.408C23.872 24.408 23.111 24.498 22.264 24.542L27.38 39.759L30.454 30.538L28.265 24.538C27.508 24.494 26.792 24.404 26.792 24.404C26.6487 24.3799 26.5197 24.303 26.4305 24.1885C26.3412 24.0739 26.2981 23.93 26.3098 23.7853C26.3215 23.6405 26.3871 23.5054 26.4936 23.4066C26.6001 23.3079 26.7397 23.2527 26.885 23.252C26.885 23.252 29.205 23.43 30.585 23.43C32.054 23.43 34.329 23.252 34.329 23.252C34.4824 23.24 34.6343 23.2895 34.7512 23.3896C34.8682 23.4896 34.9405 23.632 34.9525 23.7855C34.9644 23.9389 34.9149 24.0908 34.8149 24.2077C34.7148 24.3246 34.5724 24.397 34.419 24.409C34.419 24.409 33.656 24.499 32.811 24.543L37.888 39.643L39.288 34.96C39.852 33.5028 40.2121 31.9747 40.358 30.419H40.36ZM31.122 32.352L26.907 44.605C29.7372 45.4383 32.7578 45.36 35.541 44.381C35.502 44.3194 35.4685 44.2544 35.441 44.187L31.122 32.352ZM43.199 24.388C43.2646 24.8665 43.298 25.3489 43.299 25.832C43.2751 27.5629 42.9122 29.2725 42.231 30.864L37.938 43.272C41.1024 41.4302 43.423 38.426 44.4056 34.899C45.3882 31.3719 44.9553 27.6006 43.199 24.388ZM30.876 14.752C27.6372 14.7522 24.4711 15.7128 21.7782 17.5123C19.0854 19.3118 16.9866 21.8695 15.7472 24.8618C14.5079 27.8542 14.1838 31.1468 14.8158 34.3234C15.4478 37.4999 17.0075 40.4178 19.2978 42.7079C21.588 44.998 24.5059 46.5576 27.6826 47.1894C30.8592 47.8212 34.1518 47.4968 37.144 46.2573C40.1363 45.0178 42.6938 42.9189 44.4932 40.2259C46.2926 37.5329 47.253 34.3668 47.253 31.128C47.248 26.7861 45.5209 22.6236 42.4507 19.5536C39.3804 16.4835 35.2178 14.7567 30.876 14.752ZM30.876 46.752C27.7852 46.7525 24.7637 45.8366 22.1936 44.1198C19.6235 42.4031 17.6202 39.9627 16.4371 37.1074C15.254 34.252 14.9443 31.11 15.547 28.0786C16.1498 25.0472 17.638 22.2626 19.8234 20.0771C22.0088 17.8915 24.7933 16.4031 27.8246 15.8002C30.856 15.1972 33.9981 15.5068 36.8535 16.6897C39.7089 17.8726 42.1494 19.8757 43.8663 22.4458C45.5832 25.0158 46.4994 28.0372 46.499 31.128C46.4937 35.2699 44.846 39.2407 41.9173 42.1696C38.9886 45.0985 35.0179 46.7464 30.876 46.752Z" fill="#317296"/> </g> <defs> <clipPath id="clip0_4_2"> <rect width="61.57" height="61.144" fill="white"/> </clipPath> </defs> </svg>
|
|
</a>
|
|
|
|
<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 class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
|
<div class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
|
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
|
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
|
<div class="lqd-cc-solid-txt-inner">Explide</div>
|
|
</div>
|
|
</div>
|
|
<div class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
|
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
|
<div class="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 class="lqd-cc-solid-txt flex justify-center text-center relative">
|
|
<div class="lqd-cc-solid-txt-inner">Drag</div>
|
|
</div>
|
|
<div class="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 class="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 class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
|
<div class="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" fill-rule="evenodd" clip-rule="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 class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
|
<!-- End custom cursor -->
|
|
|
|
<template id="lqd-temp-snickersbar">
|
|
<div class="lqd-snickersbar flex flex-wrap lqd-snickersbar-in" data-item-id>
|
|
<div class="lqd-snickersbar-inner flex flex-wrap items-center">
|
|
<div class="lqd-snickersbar-detail">
|
|
<p class="hidden lqd-snickersbar-addding-temp my-0">Adding {{itemName}} to cart</p>
|
|
<p class="hidden lqd-snickersbar-added-temp my-0">Added {{itemName}} to cart</p>
|
|
<p class="my-0 lqd-snickersbar-msg flex items-center my-0"></p>
|
|
<p class="my-0 lqd-snickersbar-msg-done flex items-center my-0"></p>
|
|
</div>
|
|
<div class="lqd-snickersbar-ext ml-4"></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template id="lqd-temp-sticky-header-sentinel">
|
|
<div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
|
</template>
|
|
<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1" data-modal-type="default" style="display: none;">
|
|
<div class="lity-backdrop"></div>
|
|
<div class="lity-wrap" data-lity-close role="document">
|
|
<div class="lity-loader" aria-hidden="true">Loading...</div>
|
|
<div class="lity-container">
|
|
<div class="lity-content"></div>
|
|
</div>
|
|
<button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>×</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |