2135 lines
114 KiB
HTML
2135 lines
114 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<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/start-hub-1/base.css" />
|
||
<link rel="stylesheet" href="assets/css/demo/start-hub-1/start-hub-1.css" />
|
||
<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=Be+Vietnam+Pro:wght@400;500;700&family=Nunito:wght@400;600;700&family=Roboto&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
<title>Contact - Start hub One</title>
|
||
</head>
|
||
<body
|
||
data-lqd-cc="true"
|
||
data-mobile-nav-breakpoint="1199"
|
||
data-mobile-nav-style="minimal"
|
||
data-mobile-nav-scheme="gray"
|
||
data-mobile-nav-trigger-alignment="right"
|
||
data-mobile-header-scheme="custom"
|
||
data-mobile-logo-alignment="default"
|
||
data-overlay-onmobile="true"
|
||
>
|
||
<div id="wrap">
|
||
<div
|
||
class="titlebar bg-transparent border-bottom border-black-10"
|
||
id="titlebar"
|
||
style="
|
||
background-image: linear-gradient(180deg, #ff00c414 0%, #ffffff 100%);
|
||
"
|
||
>
|
||
<div class="lqd-sticky-placeholder hidden"></div>
|
||
<header
|
||
id="site-header"
|
||
class="main-header main-header-overlay sticky-header-noshadow"
|
||
data-sticky-header="true"
|
||
data-sticky-values-measured="false"
|
||
>
|
||
<section
|
||
class="lqd-section lqd-hide-onstuck bg-no-repeat bg-center bg-cover bg-white-0 lg:hidden"
|
||
style="
|
||
background-image: url('assets/images/demo/start-hub-1/header-bar-bg.png');
|
||
"
|
||
>
|
||
<div class="w-full flex items-center justify-center h-35">
|
||
<a
|
||
class="btn btn-solid text-11 font-medium tracking-1 mr-15 bg-white border-none uppercase rounded-20 text-black module-btn-xxs"
|
||
><span class="btn-txt" data-text="NEW!">NEW!</span></a
|
||
>
|
||
<div class="ld-fancy-heading relative">
|
||
<p
|
||
class="ld-fh-element inline-block relative text-12 font-normal m-0 text-white tracking-0/5"
|
||
>
|
||
Sign up and receive 20% bonus discount on checkout.
|
||
</p>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#contact"
|
||
class="btn btn-naked btn-icon-right ml-10 text-12 text-blue-300"
|
||
data-localscroll="true"
|
||
><span class="btn-txt" data-text="Learn more">Learn more</span>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</section>
|
||
<section
|
||
class="lqd-section lqd-hide-onstuck bg-white-0 -mb-40 pt-5 lg:hidden"
|
||
data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"opacity":0} , "animations":{"opacity":1}}'
|
||
>
|
||
<div class="container p-0">
|
||
<div class="w-full flex items-center justify-between">
|
||
<div
|
||
class="social-icons-wrapper inline-flex items-center justify-start w-50percent gap-15 animation-element module-icons"
|
||
>
|
||
<span class="grid-item flex"
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="icon social-icon text-20 leading-20 text-gray-400"
|
||
target="_blank"
|
||
><span class="sr-only">Facebook</span>
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 512 512"
|
||
>
|
||
<path
|
||
d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.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.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg> </a></span
|
||
><span class="grid-item flex"
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="icon social-icon text-20 leading-20 text-gray-400"
|
||
target="_blank"
|
||
><span class="sr-only">Twitter</span>
|
||
<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"
|
||
fill="currentColor"
|
||
/>
|
||
</svg> </a></span
|
||
><span class="grid-item flex"
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="icon social-icon text-20 leading-20 text-gray-400"
|
||
target="_blank"
|
||
><span class="sr-only">Github</span>
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 496 512"
|
||
>
|
||
<path
|
||
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
|
||
fill="currentColor"
|
||
/></svg></a
|
||
></span>
|
||
</div>
|
||
<div
|
||
class="flex items-center justify-end w-50percent py-10 animation-element"
|
||
>
|
||
<div
|
||
class="lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none"
|
||
>
|
||
<ul class="reset-ul inline-ul">
|
||
<li class="mb-5 mr-30">
|
||
<a
|
||
class="text-13 text-gray-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label text-13 text-gray-400"
|
||
></span>
|
||
Privacy Policy</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-13 text-gray-500"
|
||
href="page-start-hub-1-contact.html"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label text-13 text-gray-400"
|
||
></span>
|
||
Contact</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div
|
||
class="ld-dropdown-menu flex relative ml-30"
|
||
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-toggle-options='{ "type": "hoverFade" }'
|
||
><span class="ld-module-trigger-txt text-13 text-gray-500"
|
||
>🇺🇸 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 link-14 link-black">
|
||
<ul>
|
||
<li>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#"
|
||
target="_blank"
|
||
rel="nofollow"
|
||
>🏴 English (British)</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#"
|
||
target="_blank"
|
||
rel="nofollow"
|
||
>🇪🇸 Spanish</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="lqd-section mt-40 lg:mt-0 md:hidden">
|
||
<div class="container p-0">
|
||
<div
|
||
class="w-full h-full flex items-center justify-between box-shadow-bottom transition-all pr-15 pl-5 rounded-6 bg-white"
|
||
>
|
||
<div class="w-auto flex">
|
||
<div
|
||
class="module-logo flex navbar-brand-plain -ml-10 py-20 pl-30"
|
||
>
|
||
<a
|
||
class="navbar-brand flex p-0 relative w-100"
|
||
href="index-start-hub-1.html"
|
||
rel="home"
|
||
><span class="navbar-brand-inner post-rel"
|
||
><img
|
||
width="100"
|
||
src="assets/images/demo/start-hub-1/Logo_retina.png"
|
||
alt="Start Hub One" /></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
<div class="w-auto flex mx-15">
|
||
<div class="module-primary-nav flex">
|
||
<div
|
||
class="navbar-collapse inline-flex p-0 lqd-submenu-cover flex-grow-1 flex-shrink-1 overflow-visible h-auto"
|
||
id="main-header-collapse"
|
||
aria-expanded="false"
|
||
role="navigation"
|
||
>
|
||
<ul
|
||
class="main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fade-inactive link-14 link-medium"
|
||
data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}'
|
||
data-localscroll="true"
|
||
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'
|
||
>
|
||
<li>
|
||
<a
|
||
class="text-darkgreen leading-30"
|
||
href="index-start-hub-1.html#about"
|
||
>About</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-darkgreen leading-30"
|
||
href="index-start-hub-1.html#features"
|
||
>Features
|
||
<span
|
||
class="link-icon inline-flex hide-if-empty right-icon"
|
||
><i
|
||
class="lqd-icn-ess icon-ion-ios-arrow-down"
|
||
></i></span
|
||
></a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-darkgreen leading-30"
|
||
href="page-start-hub-1-pricing.html"
|
||
>Pricing</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-darkgreen leading-30"
|
||
href="index-start-hub-1.html#how-it-work"
|
||
>How it works
|
||
<span class="link-badge text-badge">New</span></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-darkgreen leading-30"
|
||
href="page-start-hub-1-contact.html"
|
||
>Contact</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-auto flex -mr-5 ml-20 lg:hidden">
|
||
<a
|
||
href="page-start-hub-1-pricing.html#contact-modal"
|
||
class="btn btn-solid btn-hover-txt-marquee btn-hover-txt-marquee-y btn-icon-right text-14 font-medium rounded-6 leading-30 bg-blue-200 text-blue-900 module-btn-sm"
|
||
data-lity="#contact-modal"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join the Community"
|
||
data-split-text="true"
|
||
data-split-options='{"type": "chars, words"}'
|
||
>Join the Community</span
|
||
>
|
||
<span class="btn-icon m-0"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-add"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section
|
||
class="lqd-section lqd-stickybar-wrap lqd-stickybar-right pointer-events-none md:hidden"
|
||
data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"opacity":0} , "animations":{"opacity":1}}'
|
||
>
|
||
<div class="container">
|
||
<div
|
||
class="w-full h-full flex flex-col justify-between items-center p-10"
|
||
>
|
||
<div class="spacer w-full">
|
||
<div class="spacer-inner"></div>
|
||
</div>
|
||
<div
|
||
class="lqd-scrl-indc flex whitespace-nowrap lqd-scrl-indc-style-dot vertical-lr -rotate-180 animation-element"
|
||
data-lqd-scroll-indicator="true"
|
||
>
|
||
<a
|
||
class="pointer-events-auto text-black"
|
||
href="page-start-hub-1-pricing.html#wrap"
|
||
data-localscroll="true"
|
||
data-lqd-interactive-color="true"
|
||
><span class="lqd-scrl-indc-inner flex items-center"
|
||
><span class="lqd-scrl-indc-txt">scroll</span>
|
||
<span
|
||
class="lqd-scrl-indc-line flex-grow-1 relative bg-black-20"
|
||
><span
|
||
class="lqd-scrl-indc-el inline-block absolute rounded-4"
|
||
></span></span></span
|
||
></a>
|
||
</div>
|
||
<div class="pl-20 -rotate-90">
|
||
<a
|
||
href="page-start-hub-1-pricing.html#modal-mini"
|
||
class="btn btn-solid btn-icon-right rounded-full pointer-events-auto text-white bg-primary module-btn-circle"
|
||
data-lity="#modal-mini"
|
||
data-lqd-interactive-color="true"
|
||
><span class="btn-icon rotate-90"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 512 512"
|
||
fill="currentColor"
|
||
>
|
||
<path
|
||
d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4l0 0 0 0 0 0 0 0 .3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"
|
||
/></svg></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section
|
||
class="lqd-section lqd-stickybar-wrap lqd-stickybar-left pointer-events-none md:hidden"
|
||
data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"opacity":0} , "animations":{"opacity":1}}'
|
||
>
|
||
<div class="container">
|
||
<div
|
||
class="w-full h-full flex justify-center items-center vertical-lr -rotate-180 pt-20 animation-element"
|
||
>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#wrap"
|
||
class="btn btn-naked text-black font-medium tracking-0/5 text-14 pointer-events-auto hover:text-black"
|
||
data-lqd-interactive-color="true"
|
||
data-localscroll="true"
|
||
><span class="btn-txt" data-text="Download Hub App"
|
||
>Download Hub App</span
|
||
></a
|
||
>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="lqd-mobile-sec relative">
|
||
<div
|
||
class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full bg-white"
|
||
>
|
||
<div class="lqd-mobile-modules-container empty"></div>
|
||
<button
|
||
type="button"
|
||
class="p-0 navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent"
|
||
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 relative z-1"
|
||
><span class="bars-inner flex flex-col w-full h-full"
|
||
><span class="bar inline-block"></span>
|
||
<span class="bar inline-block"></span>
|
||
<span class="bar inline-block"></span></span
|
||
></span>
|
||
</button>
|
||
<a
|
||
class="navbar-brand flex relative py-20 w-100"
|
||
href="index-start-hub-1.html"
|
||
><span class="navbar-brand-inner -mr-20"
|
||
><img
|
||
width="100"
|
||
src="assets/images/demo/start-hub-1/logo.png"
|
||
alt="Start Hub One" /></span
|
||
></a>
|
||
</div>
|
||
<div class="lqd-mobile-sec-nav w-full absolute z-10">
|
||
<div
|
||
class="mobile-navbar-collapse navbar-collapse collapse w-full"
|
||
id="lqd-mobile-sec-nav"
|
||
aria-expanded="false"
|
||
role="navigation"
|
||
>
|
||
<ul
|
||
id="mobile-primary-nav"
|
||
class="reset-ul lqd-mobile-main-nav main-nav nav"
|
||
data-localscroll="true"
|
||
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'
|
||
>
|
||
<li><a href="index-start-hub-1.html#about">About</a></li>
|
||
<li>
|
||
<a href="index-start-hub-1.html#features"
|
||
>Features
|
||
<span
|
||
class="link-icon inline-flex hide-if-empty right-icon"
|
||
><i
|
||
class="lqd-icn-ess icon-ion-ios-arrow-down"
|
||
></i></span
|
||
></a>
|
||
</li>
|
||
<li><a href="page-start-hub-1-pricing.html">Pricing</a></li>
|
||
<li>
|
||
<a href="index-start-hub-1.html#how-it-work"
|
||
>How it works<span class="link-badge text-badge"
|
||
>New</span
|
||
></a
|
||
>
|
||
</li>
|
||
<li><a href="page-start-hub-1-contact.html">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<div class="titlebar-inner">
|
||
<div class="container titlebar-container">
|
||
<div class="row titlebar-container justify-center">
|
||
<div
|
||
class="col titlebar-col col-xl-6 col-lg-8 col-12 text-center text-gray-400"
|
||
>
|
||
<h1>Contact</h1>
|
||
<p class="leading-20">
|
||
We are here to answer any question you may have.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<main class="content" id="lqd-site-content">
|
||
<div id="lqd-contents-wrap">
|
||
<section
|
||
class="lqd-section pricing pt-60 pb-360 bg-transparent transition-all mb-50"
|
||
id="pricing"
|
||
data-section-luminosity="dark"
|
||
data-parallax="true"
|
||
data-parallax-options='{ "start": "top bottom", "end": "bottom+=0px top"}'
|
||
data-parallax-from='{"y": "120px"}'
|
||
data-parallax-to='{"y": "0"}'
|
||
>
|
||
<div class="container">
|
||
<div class="row justify-center">
|
||
<div
|
||
class="col col-12 col-md-6 col-lg-7 col-xl-6 relative h-full text-center"
|
||
data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'
|
||
>
|
||
<div class="absolute w-auto top-20 module-shape">
|
||
<div class="lqd-imggrp-single block relative">
|
||
<div
|
||
class="w-50percent lqd-imggrp-img-container inline-flex relative items-center justify-center animation-element"
|
||
>
|
||
<figure class="w-full relative">
|
||
<img
|
||
width="368"
|
||
height="374"
|
||
src="assets/images/demo/start-hub-1/shape-pricing.png"
|
||
alt="pricing"
|
||
/>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative animation-element"
|
||
>
|
||
<h2
|
||
class="mt-0/5em mb-0 ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left"
|
||
data-inview="true"
|
||
data-transition-delay="true"
|
||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'
|
||
>
|
||
<span>Simple pricing for</span>
|
||
<mark class="lqd-highlight"
|
||
><span class="lqd-highlight-txt">everyone.</span>
|
||
<span
|
||
class="lqd-highlight-inner bg-blue-100 left-0 bottom-0"
|
||
></span
|
||
></mark>
|
||
</h2>
|
||
</div>
|
||
<div
|
||
class="ld-fancy-heading relative px-20 xl:px-0 animation-element"
|
||
>
|
||
<p
|
||
class="mb-2/5em leading-25 ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and solid product
|
||
experiences that convert.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col col-12 p-0"
|
||
data-parallax="true"
|
||
data-parallax-options='{ "start": "top bottom", "end": "bottom+=0px top"}'
|
||
data-parallax-from='{"y": "-60px"}'
|
||
data-parallax-to='{"y": "0px"}'
|
||
>
|
||
<div class="module-pricing -mb-340 pt-15 pb-10 sm:m-0">
|
||
<div
|
||
class="lqd-tabs lqd-tabs-style-9 lqd-tabs-style-9-alt2 flex flex-col lqd-nav-underline- lqd-tabs-nav-items-not-expanded"
|
||
data-tabs-options='{"trigger": "click"}'
|
||
>
|
||
<nav class="lqd-tabs-nav-wrap mb-2/5em">
|
||
<ul
|
||
class="reset-ul lqd-tabs-nav flex items-center flex-wrap justify-center relative"
|
||
role="tablist"
|
||
>
|
||
<li
|
||
data-controls="lqd-tab-pricing-monthly"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="text-13 font-medium tracking-0 block active"
|
||
href="page-start-hub-1-pricing.html#lqd-tab-pricing-monthly"
|
||
aria-expanded="false"
|
||
aria-controls="lqd-tab-pricing-monthly"
|
||
role="tab"
|
||
data-bs-toggle="tab"
|
||
><span class="lqd-tabs-nav-txt"
|
||
>Monthly Pricing</span
|
||
></a
|
||
>
|
||
</li>
|
||
<li
|
||
data-controls="lqd-tab-pricing-annual"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="text-13 font-medium tracking-0 block"
|
||
href="page-start-hub-1-pricing.html#lqd-tab-pricing-annual"
|
||
aria-expanded="false"
|
||
aria-controls="lqd-tab-pricing-annual"
|
||
role="tab"
|
||
data-bs-toggle="tab"
|
||
><span class="lqd-tabs-nav-txt"
|
||
>Annual Pricing - Save 30%</span
|
||
></a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="lqd-tabs-content relative">
|
||
<div
|
||
id="lqd-tab-pricing-monthly"
|
||
role="tabpanel"
|
||
class="lqd-tabs-pane fade active show"
|
||
>
|
||
<div class="pt-50 pb-20 px-20 lg:p-0 module-sections">
|
||
<div class="container p-0">
|
||
<div class="row m-0">
|
||
<div class="co-12 col-md-4 p-0">
|
||
<div
|
||
class="module-section mx-20 flex flex-wrap bg-white rounded-10 border-0 border-gray-100 shadow-sm transition-all"
|
||
>
|
||
<div
|
||
class="w-full flex flex-col items-center border-bottom border-gray-100 transition-all pt-15 pb-5 px-35"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="font-title text-16 font-bold leading-1 tracking-0 -mb-1em text-amber-600 ld-fh-element inline-block relative"
|
||
>
|
||
Simple Plan
|
||
</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h3
|
||
class="font-title text-46 font-bold mb-20 ld-fh-element inline-block relative"
|
||
>
|
||
$10
|
||
<small
|
||
class="font-bold text-13 text-sky-900"
|
||
>/mo</small
|
||
>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="module-section-bottom w-full flex flex-col py-30 px-55 items-center text-center"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative lg:text-start"
|
||
>
|
||
<p
|
||
class="text-16 leading-1/5em mb-0/5em text-secondary ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and
|
||
solid product
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="iconbox-icon-container inline-flex relative z-1 rounded-full w-25 h-25 text-14 text-amber-600 bg-amber-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
99.9 Uptime Guarantee
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="iconbox-icon-container inline-flex relative z-1 rounded-full w-25 h-25 text-14 text-amber-600 bg-amber-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
Unlimited Storage
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#contact-modal"
|
||
class="btn btn-solid btn-sm btn-block btn-icon-right btn-hover-reveal module-btn-1 text-15 mt-15 rounded-6 font-medium leading-2em bg-red-100 text-amber-600"
|
||
data-lity="#contact-modal"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join Simple Plan"
|
||
>Join Simple Plan</span
|
||
>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="co-12 col-md-4 p-0">
|
||
<div
|
||
class="module-section mx-20 flex flex-wrap bg-white rounded-10 border-0 border-gray-100 shadow-sm transition-all"
|
||
>
|
||
<div
|
||
class="w-full flex flex-col items-center border-bottom border-gray-100 transition-all pt-15 pb-5 px-35"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="font-title text-16 font-bold leading-1 tracking-0 -mb-1em text-blue-800 ld-fh-element inline-block relative"
|
||
>
|
||
Standard Plan
|
||
</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h3
|
||
class="font-title text-46 font-bold mb-20 ld-fh-element inline-block relative"
|
||
>
|
||
$30
|
||
<small
|
||
class="font-bold text-13 text-sky-900"
|
||
>/mo</small
|
||
>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="module-section-bottom w-full flex flex-col py-30 px-55 items-center text-center"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative lg:text-start"
|
||
>
|
||
<p
|
||
class="text-16 leading-1/5em mb-0/5em text-secondary ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and
|
||
solid product
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-blue iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-blue-800 bg-blue-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
99.9 Uptime Guarantee
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-blue iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-blue-800 bg-blue-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
Unlimited Storage
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#contact-modal"
|
||
class="btn btn-solid btn-sm btn-block btn-icon-right btn-hover-reveal text-15 mt-15 rounded-6 font-medium leading-2em text-white bg-blue-500 module-btn-2"
|
||
data-lity="#contact-modal"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join Standard Plan"
|
||
>Join Standard Plan</span
|
||
>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="co-12 col-md-4 p-0">
|
||
<div
|
||
class="module-section mx-20 flex flex-wrap bg-white rounded-10 border-0 border-gray-100 shadow-sm transition-all"
|
||
>
|
||
<div
|
||
class="w-full flex flex-col items-center border-bottom border-gray-100 transition-all pt-15 pb-5 px-35"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="font-title text-16 font-bold leading-1 tracking-0 -mb-1em text-emerlad-500 ld-fh-element inline-block relative"
|
||
>
|
||
Premium Plan
|
||
</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h3
|
||
class="font-title text-46 font-bold mb-20 ld-fh-element inline-block relative"
|
||
>
|
||
$40
|
||
<small
|
||
class="font-bold text-13 text-sky-900"
|
||
>/mo</small
|
||
>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="module-section-bottom w-full flex flex-col py-30 px-55 items-center text-center"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative lg:text-start"
|
||
>
|
||
<p
|
||
class="text-16 leading-1/5em mb-0/5em text-secondary ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and
|
||
solid product
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-green iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-emerlad-500 bg-green-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
99.9 Uptime Guarantee
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-green iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-emerlad-500 bg-green-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
Unlimited Storage
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#contact-modal"
|
||
class="btn btn-solid btn-sm btn-block btn-icon-right btn-hover-reveal text-15 mt-15 rounded-6 font-medium leading-2em bg-green-100 text-emerlad-500 module-btn-3"
|
||
data-lity="#contact-modal"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join Premium Plan"
|
||
>Join Premium Plan</span
|
||
>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
id="lqd-tab-pricing-annual"
|
||
role=" tabpanel"
|
||
class="lqd-tabs-pane fade"
|
||
>
|
||
<div class="pt-50 pb-20 px-20 lg:p-0 module-sections">
|
||
<div class="container p-0">
|
||
<div class="row m-0">
|
||
<div class="co-12 col-md-4 p-0">
|
||
<div
|
||
class="module-section mx-20 flex flex-wrap bg-white rounded-10 border-0 border-gray-100 shadow-sm transition-all"
|
||
>
|
||
<div
|
||
class="w-full flex flex-col items-center border-bottom border-gray-100 transition-all pt-15 pb-5 px-35"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="font-title text-16 font-bold leading-1 tracking-0 -mb-1em text-amber-600 ld-fh-element inline-block relative"
|
||
>
|
||
Simple Plan
|
||
</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h3
|
||
class="font-title text-46 font-bold mb-20 ld-fh-element inline-block relative"
|
||
>
|
||
$10
|
||
<small
|
||
class="font-bold text-13 text-sky-900"
|
||
>/yr</small
|
||
>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="module-section-bottom w-full flex flex-col py-30 px-55 items-center text-center"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative lg:text-start"
|
||
>
|
||
<p
|
||
class="text-16 leading-1/5em mb-0/5em text-secondary ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and
|
||
solid product
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="iconbox-icon-container inline-flex relative z-1 rounded-full w-25 h-25 text-14 text-amber-600 bg-amber-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
99.9 Uptime Guarantee
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="iconbox-icon-container inline-flex relative z-1 rounded-full w-25 h-25 text-14 text-amber-600 bg-amber-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
Unlimited Storage
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="btn btn-solid btn-sm btn-block btn-icon-right btn-hover-reveal text-15 mt-15 rounded-6 font-medium leading-2em bg-red-100 text-amber-600 module-btn-1"
|
||
target="_blank"
|
||
rel="nofollow"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join Simple Plan"
|
||
>Join Simple Plan</span
|
||
>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="co-12 col-md-4 p-0">
|
||
<div
|
||
class="module-section mx-20 flex flex-wrap bg-white rounded-10 border-0 border-gray-100 shadow-sm transition-all"
|
||
>
|
||
<div
|
||
class="w-full flex flex-col items-center border-bottom border-gray-100 transition-all pt-15 pb-5 px-35"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="font-title text-16 font-bold leading-1 tracking-0 -mb-1em text-blue-800 ld-fh-element inline-block relative"
|
||
>
|
||
Standard Plan
|
||
</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h3
|
||
class="font-title text-46 font-bold mb-20 ld-fh-element inline-block relative"
|
||
>
|
||
$30
|
||
<small
|
||
class="font-bold text-13 text-sky-900"
|
||
>/yr</small
|
||
>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="module-section-bottom w-full flex flex-col py-30 px-55 items-center text-center"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative lg:text-start"
|
||
>
|
||
<p
|
||
class="text-16 leading-1/5em mb-0/5em text-secondary ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and
|
||
solid product
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-blue iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-blue-800 bg-blue-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
99.9 Uptime Guarantee
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-blue iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-blue-800 bg-blue-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
Unlimited Storage
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="btn btn-solid btn-sm btn-block btn-icon-right btn-hover-reveal text-15 mt-15 rounded-6 font-medium leading-2em text-white bg-blue-500 module-btn-2"
|
||
target="_blank"
|
||
rel="nofollow"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join Standard Plan"
|
||
>Join Standard Plan</span
|
||
>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="co-12 col-md-4 p-0">
|
||
<div
|
||
class="module-section mx-20 flex flex-wrap bg-white rounded-10 border-0 border-gray-100 shadow-sm transition-all"
|
||
>
|
||
<div
|
||
class="w-full flex flex-col items-center border-bottom border-gray-100 transition-all pt-15 pb-5 px-35"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="font-title text-16 font-bold leading-1 tracking-0 -mb-1em text-emerlad-500 ld-fh-element inline-block relative"
|
||
>
|
||
Premium Plan
|
||
</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h3
|
||
class="font-title text-46 font-bold mb-20 ld-fh-element inline-block relative"
|
||
>
|
||
$40
|
||
<small
|
||
class="font-bold text-13 text-sky-900"
|
||
>/yr</small
|
||
>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="module-section-bottom w-full flex flex-col py-30 px-55 items-center text-center"
|
||
>
|
||
<div
|
||
class="mb-20 ld-fancy-heading relative lg:text-start"
|
||
>
|
||
<p
|
||
class="text-16 leading-1/5em mb-0/5em text-secondary ld-fh-element inline-block relative"
|
||
>
|
||
Use customer data to build great and
|
||
solid product
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-green iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-emerlad-500 bg-green-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
99.9 Uptime Guarantee
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="w-full mb-20 -mt-5 iconbox flex flex-grow-1 relative flex-wrap items-center iconbox-circle"
|
||
>
|
||
<div class="iconbox-icon-wrap mr-15">
|
||
<div
|
||
class="w-25 h-25 icon-green iconbox-icon-container inline-flex relative z-1 rounded-full text-14 text-emerlad-500 bg-green-100"
|
||
>
|
||
<i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-ion-ios-checkmark"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
<h3
|
||
class="text-14 font-normal m-0 text-secondary lqd-iconbox-heading"
|
||
>
|
||
Unlimited Storage
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="btn btn-solid btn-sm btn-block btn-icon-right btn-hover-reveal text-15 mt-15 rounded-6 font-medium leading-2em bg-green-100 text-emerlad-500 module-btn-3"
|
||
target="_blank"
|
||
rel="nofollow"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="Join Premium Plan"
|
||
>Join Premium Plan</span
|
||
>
|
||
<span class="btn-icon"
|
||
><i
|
||
aria-hidden="true"
|
||
class="lqd-icn-ess icon-md-arrow-forward"
|
||
></i></span
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
<footer id="site-footer" class="main-footer">
|
||
<section
|
||
class="lqd-section footer-content pt-40 text-black"
|
||
data-section-luminosity="dark"
|
||
>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div
|
||
class="w-35percent lg:w-full flex flex-col text-start mb-20 p-10"
|
||
>
|
||
<div
|
||
class="w-full lg:w-50percent sm:w-full mb-25 lqd-imggrp-single block relative"
|
||
>
|
||
<div
|
||
class="w-35percent lqd-imggrp-img-container inline-flex relative items-center justify-center"
|
||
>
|
||
<figure class="w-full relative">
|
||
<img
|
||
width="406"
|
||
height="80"
|
||
src="assets/images/demo/start-hub-1/Logo_retina.png"
|
||
alt="START HUB ONE"
|
||
/>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="mb-20 mr-25percent lg:mr-0 ld-fancy-heading relative"
|
||
>
|
||
<p
|
||
class="ld-fh-element inline-block relative text-14 leading-20 mb-1em text-slate-400 lg:m-0"
|
||
>
|
||
Connect people interested in buying, selling, and renting
|
||
properties. Helping IT sector to make safer.
|
||
</p>
|
||
</div>
|
||
<div class="social-icons-wrapper justify-start gap-20">
|
||
<span class="grid-item flex"
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="icon social-icon text-20 leading-20 text-gray-400"
|
||
target="_blank"
|
||
><span class="sr-only">Facebook</span>
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 512 512"
|
||
>
|
||
<path
|
||
d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.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.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg> </a></span
|
||
><span class="grid-item flex"
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="icon social-icon text-20 leading-20 text-gray-400"
|
||
target="_blank"
|
||
><span class="sr-only">Twitter</span>
|
||
<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"
|
||
fill="currentColor"
|
||
/>
|
||
</svg> </a></span
|
||
><span class="grid-item flex"
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="icon social-icon text-20 leading-20 text-gray-400"
|
||
target="_blank"
|
||
><span class="sr-only">Github</span>
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 496 512"
|
||
>
|
||
<path
|
||
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
|
||
fill="currentColor"
|
||
/></svg></a
|
||
></span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="w-15percent lg:w-25percent sm:w-50percent flex flex-col text-start p-10"
|
||
>
|
||
<div class="mb-20 ld-fancy-heading relative module-title">
|
||
<h3
|
||
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-gray-700"
|
||
>
|
||
About
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="lqd-fancy-menu lqd-custom-menu relative left lqd-menu-td-none"
|
||
>
|
||
<ul class="reset-ul link-14 link-font-normal">
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>About Hub</span>
|
||
<span class="link-badge badge-color">2</span></a
|
||
>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Our Partners</span></a
|
||
>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Privacy Policy</span></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Terms of Service</span></a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="w-15percent lg:w-25percent sm:w-50percent flex flex-col p-10"
|
||
>
|
||
<div class="mb-20 ld-fancy-heading relative module-title">
|
||
<h3
|
||
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-gray-700"
|
||
>
|
||
Contact
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="lqd-fancy-menu lqd-custom-menu relative left lqd-menu-td-none"
|
||
>
|
||
<ul class="reset-ul link-14 link-font-normal">
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Management</span></a
|
||
>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Recording</span></a
|
||
>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Tracking</span>
|
||
<span class="link-badge text-blue-500">New</span></a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
<span>Subscribe</span></a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="w-15percent lg:w-25percent sm:w-50percent flex flex-col p-10"
|
||
>
|
||
<div class="mb-20 ld-fancy-heading relative module-title">
|
||
<h3
|
||
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-gray-700"
|
||
>
|
||
Company
|
||
</h3>
|
||
</div>
|
||
<div
|
||
class="lqd-fancy-menu lqd-custom-menu relative left lqd-menu-td-none"
|
||
>
|
||
<ul class="reset-ul link-14 link-font-normal">
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
Company</a
|
||
>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
Careers</a
|
||
>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
Press media</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-slate-500"
|
||
href="page-start-hub-1-pricing.html#"
|
||
><span
|
||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"
|
||
></span>
|
||
Our Blog</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="w-20percent lg:w-25percent sm:w-50percent flex flex-col p-10"
|
||
id="download"
|
||
>
|
||
<div class="mb-20 ld-fancy-heading relative module-title">
|
||
<h3
|
||
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-gray-700"
|
||
>
|
||
Get the App
|
||
</h3>
|
||
</div>
|
||
<a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="btn btn-solid btn-icon-left btn-has-label text-15 font-medium leading-22 rounded-6 mb-20 text-white bg-blue-800 btn-dark"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="<span class='text-10 font-medium -mb-30'Available on the</span><br>App Store"
|
||
><span class="font-normal -mb-30 text-10"
|
||
>Available on the</span
|
||
><br /><span>App Store</span> </span
|
||
><span class="btn-icon mr-10 text-28"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 384 512"
|
||
>
|
||
<path
|
||
d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg> </span></a
|
||
><a
|
||
href="page-start-hub-1-pricing.html#"
|
||
class="btn btn-solid btn-icon-left btn-has-label text-13 font-medium leading-22 rounded-6 mb-20 bg-blue-100 text-black btn-light"
|
||
><span
|
||
class="btn-txt"
|
||
data-text="<span class='text-10 font-medium -mb-30'>Get it on</span><br>Microsoft Store"
|
||
><span class="font-normal -mb-30 text-10">Get it on</span
|
||
><br /><span>Microsoft Store</span> </span
|
||
><span class="btn-icon mr-10 text-28 text-slate-500"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 448 512"
|
||
>
|
||
<path
|
||
d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z"
|
||
fill="currentColor"
|
||
/></svg></span
|
||
></a>
|
||
<div class="flex justify-start">
|
||
<ul
|
||
class="w-auto sm:w-full sm:text-center px-5 mb-0 border-1 border-gray-100 rounded-4 icon-list-items inline-items"
|
||
>
|
||
<li class="inline-flex icon-list-item inline-item">
|
||
<span
|
||
class="icon-list-icon flex text-center text-12 text-blue-500"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 576 512"
|
||
fill="currentColor"
|
||
>
|
||
<path
|
||
d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"
|
||
/>
|
||
</svg> </span
|
||
><span class="icon-list-text"></span>
|
||
</li>
|
||
<li class="inline-flex icon-list-item inline-item">
|
||
<span
|
||
class="icon-list-icon flex text-center text-12 text-blue-500"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 576 512"
|
||
fill="currentColor"
|
||
>
|
||
<path
|
||
d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"
|
||
/>
|
||
</svg> </span
|
||
><span class="icon-list-text"></span>
|
||
</li>
|
||
<li class="inline-flex icon-list-item inline-item">
|
||
<span
|
||
class="icon-list-icon flex text-center text-12 text-blue-500"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 576 512"
|
||
fill="currentColor"
|
||
>
|
||
<path
|
||
d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"
|
||
/>
|
||
</svg> </span
|
||
><span class="icon-list-text"></span>
|
||
</li>
|
||
<li class="inline-flex icon-list-item inline-item">
|
||
<span
|
||
class="icon-list-icon flex text-center text-12 text-blue-500"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 576 512"
|
||
fill="currentColor"
|
||
>
|
||
<path
|
||
d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"
|
||
/>
|
||
</svg> </span
|
||
><span class="icon-list-text"></span>
|
||
</li>
|
||
<li class="inline-flex icon-list-item inline-item">
|
||
<span
|
||
class="icon-list-icon flex text-center text-12 text-blue-500"
|
||
><svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
height="1em"
|
||
viewBox="0 0 576 512"
|
||
fill="currentColor"
|
||
>
|
||
<path
|
||
d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"
|
||
/>
|
||
</svg> </span
|
||
><span class="icon-list-text"></span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="sm:text-center ld-fancy-heading relative">
|
||
<p
|
||
class="text-10 leading-22 mb-0 ml-0/5em text-blue-700 ld-fh-element inline-block relative"
|
||
>
|
||
4.98 Best Rated App
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section
|
||
class="lqd-section module-bottom text-center mt-60 mb-40 lg:mb-0"
|
||
data-section-luminosity="dark"
|
||
>
|
||
<div class="container">
|
||
<div class="row justify-center">
|
||
<div class="col col-12 col-lg-8 mx-auto">
|
||
<div class="ld-fancy-heading relative">
|
||
<p
|
||
class="text-14 leading-16 text-black-40 ld-fh-element mb-0/5em inline-block relative"
|
||
>
|
||
Hub ™ connects people interested in buying, selling, and
|
||
renting properties. Helping IT sector to make safer, more
|
||
affordable convenient, and accessible device.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</footer>
|
||
</div>
|
||
<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>
|
||
<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-modal-content link-black bg-center bg-cover bg-norepeat"
|
||
style="background-image: url('assets/images/common/modal-bg.jpeg')"
|
||
>
|
||
<div class="container min-h-100vh flex items-center flex-wrap">
|
||
<div class="w-55percent relative flex flex-col sm:w-full">
|
||
<div
|
||
class="flex flex-col items-start justify-center py-10 pr-100 pl-10 module-content"
|
||
>
|
||
<div class="ld-fancy-heading">
|
||
<h2
|
||
class="ld-fh-element mb-0/5em text-120 text-black leading-0/8em font-medium"
|
||
>
|
||
Send a <span>message.</span>
|
||
</h2>
|
||
</div>
|
||
<div class="ld-fancy-heading">
|
||
<p class="ld-fh-element text-18 mb-0/5em">
|
||
We're here to answer any question you may have.
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="w-full flex flex-row flex-grow-1 gap-10 module-info sm:flex-col sm:flex-wrap"
|
||
>
|
||
<div class="w-50percent flex flex-col gap-10">
|
||
<div class="ld-fancy-heading relative">
|
||
<h6
|
||
class="ld-fh-element text-14 font-bold text-black mb-0/5em tracking-0 mb-0/5em inline-block relative"
|
||
>
|
||
careers
|
||
</h6>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<p
|
||
class="ld-fh-element text-16 leading-1/2em mb-0/5em mb-0/5em inline-block relative"
|
||
>
|
||
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"
|
||
>
|
||
<a
|
||
href="cdn-cgi/l/email-protection.html"
|
||
class="__cf_email__"
|
||
data-cfemail="8be8eaf9eeeef9f8cbe3fee9a5e8e4e6"
|
||
>[email protected]</a
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-50percent flex flex-col gap-10 pl-15 sm:pl-0">
|
||
<div class="ld-fancy-heading relative">
|
||
<h6
|
||
class="ld-fh-element text-14 font-bold text-black mb-0/5em tracking-0 mb-0/5em inline-block relative"
|
||
>
|
||
Feedbacks
|
||
</h6>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<p
|
||
class="ld-fh-element text-16 leading-1/2em mb-0/5em mb-0/5em inline-block relative"
|
||
>
|
||
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">
|
||
<span class="text-16 font-bold leading-1/2em text-black"
|
||
><a
|
||
href="cdn-cgi/l/email-protection.html"
|
||
class="__cf_email__"
|
||
data-cfemail="e980878f86a9819c8bc78a8684"
|
||
>[email protected]</a
|
||
></span
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="w-45percent relative flex flex-col sm:w-full module-form"
|
||
>
|
||
<div
|
||
class="lqd-contact-form lqd-contact-form-inputs-underlined lqd-contact-form-button-lg lqd-contact-form-button-block p-10 sm:p-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"
|
||
>
|
||
<div class="row -mr-15 -ml-15">
|
||
<div class="col col-12 col-md-6 px-15">
|
||
<p>
|
||
<span class="lqd-form-control-wrap text"
|
||
><input
|
||
class="text-13 text-black border-black-20 bg-transparent"
|
||
type="text"
|
||
name="name"
|
||
value=""
|
||
size="40"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="What's your name?"
|
||
/></span>
|
||
</p>
|
||
</div>
|
||
<div class="col col-12 col-md-6 px-15">
|
||
<p>
|
||
<span class="lqd-form-control-wrap email"
|
||
><input
|
||
class="text-13 text-black border-black-20 bg-transparent"
|
||
type="email"
|
||
name="email"
|
||
value=""
|
||
size="40"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="Email address"
|
||
/></span>
|
||
</p>
|
||
</div>
|
||
<div class="col col-12 col-md-6 px-15">
|
||
<p>
|
||
<span class="lqd-form-control-wrap tel"
|
||
><input
|
||
class="text-13 text-black border-black-20 bg-transparent"
|
||
type="text"
|
||
name="topic"
|
||
value=""
|
||
size="40"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="Select a Discussion Topic"
|
||
/></span>
|
||
</p>
|
||
</div>
|
||
<div class="col col-12 col-md-6 px-15">
|
||
<p>
|
||
<span class="lqd-form-control-wrap text"
|
||
><input
|
||
class="text-13 text-black border-black-20 bg-transparent"
|
||
type="text"
|
||
name="budget"
|
||
value=""
|
||
size="40"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="What's your budget?"
|
||
/></span>
|
||
</p>
|
||
</div>
|
||
<div class="col col-12 col-12 px-15">
|
||
<p>
|
||
<span class="lqd-form-control-wrap textarea">
|
||
<textarea
|
||
class="text-13 text-black border-black-20 bg-transparent"
|
||
name="message"
|
||
cols="10"
|
||
rows="6"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="Tell us about your project"
|
||
></textarea>
|
||
</span>
|
||
</p>
|
||
</div>
|
||
<div class="col col-12 text-center px-15">
|
||
<input
|
||
type="submit"
|
||
value="— send message"
|
||
class="lqd-cf-form-control text-16 uppercase font-medium leading-1em tracking-1 font-bold bg-primary text-white rounded-100 border-none"
|
||
/>
|
||
<p class="mt-1/25em text-black">
|
||
— copy email:
|
||
<a
|
||
href="cdn-cgi/l/email-protection.html"
|
||
class="__cf_email__"
|
||
data-cfemail="7f161119103f13160e0a161b520b171a121a0c511c1012"
|
||
>[email protected]</a
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<div class="lqd-cf-response-output"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="lqd-modal-foot"></div>
|
||
</div>
|
||
</div>
|
||
<div id="modal-mini" class="lqd-modal lity-hide" data-modal-type="box">
|
||
<div class="lqd-modal-inner">
|
||
<div class="lqd-modal-head"><h2>Contact us</h2></div>
|
||
<div class="lqd-modal-content">
|
||
<div
|
||
class="lqd-contact-form lqd-contact-form-inputs-circle lqd-contact-form-button-block lqd-contact-form-inputs-md"
|
||
>
|
||
<div role="form" lang="en-US">
|
||
<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>
|
||
<span class="lqd-form-control-wrap"
|
||
><input
|
||
class="px-2em border-black-10 text-slate-400"
|
||
type="text"
|
||
name="name"
|
||
value=""
|
||
size="40"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="Name"
|
||
/></span>
|
||
</p>
|
||
<p>
|
||
<span class="lqd-form-control-wrap"
|
||
><input
|
||
class="px-2em border-black-10 text-slate-400"
|
||
type="email"
|
||
name="email"
|
||
value=""
|
||
size="40"
|
||
aria-required="true"
|
||
aria-invalid="false"
|
||
placeholder="Email Address"
|
||
/></span>
|
||
</p>
|
||
<p>
|
||
<span class="lqd-form-control-wrap">
|
||
<textarea
|
||
class="px-2em border-black-10 text-slate-400"
|
||
name="message"
|
||
cols="10"
|
||
rows="3"
|
||
aria-invalid="false"
|
||
placeholder="Message"
|
||
></textarea>
|
||
</span>
|
||
</p>
|
||
<p>
|
||
<input
|
||
type="submit"
|
||
value="Send a message"
|
||
class="has-spinner bg-primary text-white border-none"
|
||
/>
|
||
</p>
|
||
</form>
|
||
<div class="lqd-cf-response-output"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="lqd-modal-foot"></div>
|
||
</div>
|
||
</div>
|
||
<a
|
||
class="fixed z-100"
|
||
href="https://themeforest.net/item/hub-responsive-multipurpose-wordpress-theme/31569152"
|
||
title="Get Start Hub One"
|
||
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
|
||
data-cfasync="false"
|
||
src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"
|
||
></script>
|
||
<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>
|
||
<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>
|
||
<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="lqd-snickersbar-addding-temp mt-0mb-0 hidden">
|
||
Adding {{itemName}} to cart
|
||
</p>
|
||
<p class="lqd-snickersbar-added-temp mt-0mb-0 hidden">
|
||
Added {{itemName}} to cart
|
||
</p>
|
||
<p class="lqd-snickersbar-msg flex items-center mt-0mb-0"></p>
|
||
<p class="lqd-snickersbar-msg-done flex items-center mt-0mb-0"></p>
|
||
</div>
|
||
<div class="lqd-snickersbar-ext ml-1/5em"></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>
|