1843 lines
130 KiB
HTML
1843 lines
130 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="">
|
||
<head>
|
||
<!-- Required Meta Tags Always Come First -->
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
||
<!-- Title -->
|
||
<title>App Workflow | Front - Multipurpose Responsive Template</title>
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" href="./favicon.ico">
|
||
|
||
<!-- Font -->
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||
|
||
<!-- CSS Implementing Plugins -->
|
||
<link rel="stylesheet" href="./assets/css/vendor.min.css">
|
||
<link rel="stylesheet" href="./assets/vendor/bootstrap-icons/font/bootstrap-icons.css">
|
||
<link rel="stylesheet" href="./assets/vendor/aos/dist/aos.css">
|
||
|
||
<!-- CSS Front Template -->
|
||
<link rel="stylesheet" href="./assets/css/theme.min.css?v=1.0">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- ========== HEADER ========== -->
|
||
<header id="header" class="navbar navbar-expand-lg navbar-end navbar-absolute-top navbar-light navbar-show-hide"
|
||
data-hs-header-options='{
|
||
"fixMoment": 1000,
|
||
"fixEffect": "slide"
|
||
}'>
|
||
<!-- Topbar -->
|
||
<div class="container navbar-topbar">
|
||
<nav class="js-mega-menu navbar-nav-wrap">
|
||
<!-- Toggler -->
|
||
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="d-flex justify-content-between align-items-center small">
|
||
<span class="navbar-toggler-text">Topbar</span>
|
||
|
||
<span class="navbar-toggler-default">
|
||
<i class="bi-chevron-down ms-2"></i>
|
||
</span>
|
||
<span class="navbar-toggler-toggled">
|
||
<i class="bi-chevron-up ms-2"></i>
|
||
</span>
|
||
</span>
|
||
</button>
|
||
<!-- End Toggler -->
|
||
|
||
<div id="topbarNavDropdown" class="navbar-nav-wrap-collapse collapse navbar-collapse navbar-topbar-collapse">
|
||
<div class="navbar-toggler-wrapper">
|
||
<div class="navbar-topbar-toggler d-flex justify-content-between align-items-center">
|
||
<span class="navbar-toggler-text small">Topbar</span>
|
||
|
||
<!-- Toggler -->
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||
<i class="bi-x"></i>
|
||
</button>
|
||
<!-- End Toggler -->
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="navbar-nav">
|
||
<!-- Demos -->
|
||
<li class="hs-has-mega-menu nav-item">
|
||
<a id="demosMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle active" aria-current="page" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Demos</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-mega-menu dropdown-menu w-100" aria-labelledby="demosMegaMenu" style="min-width: 40rem;">
|
||
<!-- Promo -->
|
||
<div class="navbar-dropdown-menu-promo">
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link active" href="./index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M15.6 5.59998L20.9 10.9C21.3 11.3 21.3 11.9 20.9 12.3L17.6 15.6L11.6 9.59998L15.6 5.59998ZM2.3 12.3L7.59999 17.6L11.6 13.6L5.59999 7.59998L2.3 10.9C1.9 11.3 1.9 11.9 2.3 12.3Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M17.6 15.6L12.3 20.9C11.9 21.3 11.3 21.3 10.9 20.9L7.59998 17.6L13.6 11.6L17.6 15.6ZM10.9 2.3L5.59998 7.6L9.59998 11.6L15.6 5.6L12.3 2.3C11.9 1.9 11.3 1.9 10.9 2.3Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Main</span>
|
||
<p class="navbar-dropdown-menu-media-desc">Over 60 corporate, agency, portfolio, account and many more pages.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link " href="./demo-real-estate/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 3C5.67157 3 5 3.67157 5 4.5V6H3.5C2.67157 6 2 6.67157 2 7.5C2 8.32843 2.67157 9 3.5 9H5V19.5C5 20.3284 5.67157 21 6.5 21C7.32843 21 8 20.3284 8 19.5V9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H8V4.5C8 3.67157 7.32843 3 6.5 3Z" fill="#035A4B"/>
|
||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M20.5 11H10V17.5C10 18.3284 10.6716 19 11.5 19H15.5C17.3546 19 19.0277 18.2233 20.2119 16.9775C20.1436 16.9922 20.0727 17 20 17C19.4477 17 19 16.5523 19 16V13C19 12.4477 19.4477 12 20 12C20.5523 12 21 12.4477 21 13V15.9657C21.6334 14.9626 22 13.7741 22 12.5C22 11.6716 21.3284 11 20.5 11Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Real Estate</span>
|
||
<p class="navbar-dropdown-menu-media-desc">Find the latest homes for sale, real estate market data.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link " href="./demo-jobs/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path opacity="0.3" d="M20 15H4C2.9 15 2 14.1 2 13V7C2 6.4 2.4 6 3 6H21C21.6 6 22 6.4 22 7V13C22 14.1 21.1 15 20 15ZM13 12H11C10.5 12 10 12.4 10 13V16C10 16.5 10.4 17 11 17H13C13.6 17 14 16.6 14 16V13C14 12.4 13.6 12 13 12Z" fill="#035A4B"/>
|
||
<path d="M14 6V5H10V6H8V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V6H14ZM20 15H14V16C14 16.6 13.5 17 13 17H11C10.5 17 10 16.6 10 16V15H4C3.6 15 3.3 14.9 3 14.7V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V14.7C20.7 14.9 20.4 15 20 15Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Jobs <span class="badge bg-success rounded-pill ms-1">Hot</span></span>
|
||
<p class="navbar-dropdown-menu-media-desc">Search millions of jobs online to find the next step in your career.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
</div>
|
||
<!-- End Promo -->
|
||
|
||
<!-- Promo -->
|
||
<div class="navbar-dropdown-menu-promo">
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link " href="./demo-course/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M20 19H4C2.9 19 2 18.1 2 17H22C22 18.1 21.1 19 20 19Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M20 5H4C3.4 5 3 5.4 3 6V17H21V6C21 5.4 20.6 5 20 5Z" fill="#035A4B"/>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9167 6.83334H9.91666C9.18899 6.83334 8.66666 7.37744 8.66666 8.08334V13.9167C8.66666 14.6226 9.18899 15.1667 9.91666 15.1667H14.9167C15.1841 15.1667 15.3333 15.0112 15.3333 14.75V14.3333H10.3333C10.1032 14.3333 9.91665 14.1468 9.91665 13.9167C9.91665 13.6866 10.1032 13.5 10.3333 13.5H15.3333V7.25001C15.3333 6.9888 15.1841 6.83334 14.9167 6.83334Z" fill="#035A4B"/>
|
||
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="10">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9167 6.83334H9.91666C9.18899 6.83334 8.66666 7.37744 8.66666 8.08334V13.9167C8.66666 14.6226 9.18899 15.1667 9.91666 15.1667H14.9167C15.1841 15.1667 15.3333 15.0112 15.3333 14.75V14.3333H10.3333C10.1032 14.3333 9.91665 14.1468 9.91665 13.9167C9.91665 13.6866 10.1032 13.5 10.3333 13.5H15.3333V7.25001C15.3333 6.9888 15.1841 6.83334 14.9167 6.83334Z" fill="white"/>
|
||
</mask>
|
||
<g mask="url(#mask0)">
|
||
</g>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Course <span class="badge bg-success rounded-pill ms-1">Hot</span></span>
|
||
<p class="navbar-dropdown-menu-media-desc">Learn on your schedule. An online learning and teaching demo.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link " href="./demo-shop/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path opacity="0.3" d="M20 22H4C3.4 22 3 21.6 3 21V2H21V21C21 21.6 20.6 22 20 22Z" fill="#035A4B"/>
|
||
<path d="M12 14C9.2 14 7 11.8 7 9V5C7 4.4 7.4 4 8 4C8.6 4 9 4.4 9 5V9C9 10.7 10.3 12 12 12C13.7 12 15 10.7 15 9V5C15 4.4 15.4 4 16 4C16.6 4 17 4.4 17 5V9C17 11.8 14.8 14 12 14Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">E-Commerce</span>
|
||
<p class="navbar-dropdown-menu-media-desc">Choose an online store & get your business online today!</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link " href="./demo-app-marketplace/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path opacity="0.3" d="M18 10V20C18 20.6 18.4 21 19 21C19.6 21 20 20.6 20 20V10H18Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M11 10V17H6V10H4V20C4 20.6 4.4 21 5 21H12C12.6 21 13 20.6 13 20V10H11Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M10 10C10 11.1 9.1 12 8 12C6.9 12 6 11.1 6 10H10Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M18 10C18 11.1 17.1 12 16 12C14.9 12 14 11.1 14 10H18Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M14 4H10V10H14V4Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M17 4H20L22 10H18L17 4Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M7 4H4L2 10H6L7 4Z" fill="#035A4B"/>
|
||
<path d="M6 10C6 11.1 5.1 12 4 12C2.9 12 2 11.1 2 10H6ZM10 10C10 11.1 10.9 12 12 12C13.1 12 14 11.1 14 10H10ZM18 10C18 11.1 18.9 12 20 12C21.1 12 22 11.1 22 10H18ZM19 2H5C4.4 2 4 2.4 4 3V4H20V3C20 2.4 19.6 2 19 2ZM12 17C12 16.4 11.6 16 11 16H6C5.4 16 5 16.4 5 17C5 17.6 5.4 18 6 18H11C11.6 18 12 17.6 12 17Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">App Marketplace</span>
|
||
<p class="navbar-dropdown-menu-media-desc">Find apps and integrates seamlessly with popular apps.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
</div>
|
||
<!-- End Promo -->
|
||
|
||
<!-- Promo -->
|
||
<div class="navbar-dropdown-menu-promo">
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link " href="./demo-help-desk/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.1671 18.1421C22.4827 18.4577 23.0222 18.2331 23.0206 17.7868L23.0039 13.1053V5.52632C23.0039 4.13107 21.8729 3 20.4776 3H8.68815C7.2929 3 6.16183 4.13107 6.16183 5.52632V9H13C14.6568 9 16 10.3431 16 12V15.6316H19.6565L22.1671 18.1421Z" fill="#035A4B"/>
|
||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M1.98508 18V13C1.98508 11.8954 2.88051 11 3.98508 11H11.9851C13.0896 11 13.9851 11.8954 13.9851 13V18C13.9851 19.1046 13.0896 20 11.9851 20H4.10081L2.85695 21.1905C2.53895 21.4949 2.01123 21.2695 2.01123 20.8293V18.3243C1.99402 18.2187 1.98508 18.1104 1.98508 18ZM5.99999 14.5C5.99999 14.2239 6.22385 14 6.49999 14H11.5C11.7761 14 12 14.2239 12 14.5C12 14.7761 11.7761 15 11.5 15H6.49999C6.22385 15 5.99999 14.7761 5.99999 14.5ZM9.49999 16C9.22385 16 8.99999 16.2239 8.99999 16.5C8.99999 16.7761 9.22385 17 9.49999 17H11.5C11.7761 17 12 16.7761 12 16.5C12 16.2239 11.7761 16 11.5 16H9.49999Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Help Desk</span>
|
||
<p class="navbar-dropdown-menu-media-desc">A customer service demo that helps you balance customer needs.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
<!-- Promo Link -->
|
||
<a class="navbar-dropdown-menu-promo-link" href="https://htmlstream.com/contact-us" target="_blank">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M12 17C16.4183 17 20 13.4183 20 9C20 4.58172 16.4183 1 12 1C7.58172 1 4 4.58172 4 9C4 13.4183 7.58172 17 12 17Z" fill="#035A4B"/>
|
||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M6.53819 9L10.568 19.3624L11.976 18.8149L13.3745 19.3674L17.4703 9H6.53819ZM9.46188 11H14.5298L11.9759 17.4645L9.46188 11Z" fill="#035A4B"/>
|
||
<path opacity="0.3" d="M10 22H14V22C14 23.1046 13.1046 24 12 24V24C10.8954 24 10 23.1046 10 22V22Z" fill="#035A4B"/>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 17C8 16.4477 8.44772 16 9 16H15C15.5523 16 16 16.4477 16 17C16 17.5523 15.5523 18 15 18C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20C15.5523 20 16 20.4477 16 21C16 21.5523 15.5523 22 15 22H9C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18C8.44772 18 8 17.5523 8 17Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">New demo ideas?</span>
|
||
<p class="navbar-dropdown-menu-media-desc">
|
||
Send us your suggestions <i class="bi-box-arrow-up-right ms-1"></i>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Promo Link -->
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
|
||
<!-- Promo Item -->
|
||
<div class="navbar-dropdown-menu-promo-item">
|
||
</div>
|
||
<!-- End Promo Item -->
|
||
</div>
|
||
<!-- End Promo -->
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Demos -->
|
||
|
||
<!-- Docs -->
|
||
<li class="hs-has-mega-menu nav-item"
|
||
data-hs-mega-menu-item-options='{
|
||
"desktop": {
|
||
"maxWidth": "20rem"
|
||
}
|
||
}'>
|
||
<a id="docsMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Docs</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-mega-menu hs-position-right dropdown-menu" aria-labelledby="docsMegaMenu" style="min-width: 20rem;">
|
||
<!-- Link -->
|
||
<a class="navbar-dropdown-menu-media-link" href="./documentation/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M4.85714 1H11.7364C12.0911 1 12.4343 1.12568 12.7051 1.35474L17.4687 5.38394C17.8057 5.66895 18 6.08788 18 6.5292V19.0833C18 20.8739 17.9796 21 16.1429 21H4.85714C3.02045 21 3 20.8739 3 19.0833V2.91667C3 1.12612 3.02045 1 4.85714 1ZM7 13C7 12.4477 7.44772 12 8 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H8C7.44772 14 7 13.5523 7 13ZM8 16C7.44772 16 7 16.4477 7 17C7 17.5523 7.44772 18 8 18H11C11.5523 18 12 17.5523 12 17C12 16.4477 11.5523 16 11 16H8Z" fill="#035A4B"/>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.85714 3H14.7364C15.0911 3 15.4343 3.12568 15.7051 3.35474L20.4687 7.38394C20.8057 7.66895 21 8.08788 21 8.5292V21.0833C21 22.8739 20.9796 23 19.1429 23H6.85714C5.02045 23 5 22.8739 5 21.0833V4.91667C5 3.12612 5.02045 3 6.85714 3ZM7 13C7 12.4477 7.44772 12 8 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H8C7.44772 14 7 13.5523 7 13ZM8 16C7.44772 16 7 16.4477 7 17C7 17.5523 7.44772 18 8 18H11C11.5523 18 12 17.5523 12 17C12 16.4477 11.5523 16 11 16H8Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Documentation <span class="badge bg-primary rounded-pill ms-1">v4.1</span></span>
|
||
<p class="navbar-dropdown-menu-media-desc">Development guides for building projects with Space</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Link -->
|
||
|
||
<div class="dropdown-divider"></div>
|
||
|
||
<!-- Link -->
|
||
<a class="navbar-dropdown-menu-media-link" href="./snippets/index.html">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<span class="svg-icon svg-icon-sm text-primary">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path opacity="0.3" d="M21 2H13C12.4 2 12 2.4 12 3V13C12 13.6 12.4 14 13 14H21C21.6 14 22 13.6 22 13V3C22 2.4 21.6 2 21 2ZM15.7 8L14 10.1V5.80005L15.7 8ZM15.1 4H18.9L17 6.40002L15.1 4ZM17 9.59998L18.9 12H15.1L17 9.59998ZM18.3 8L20 5.90002V10.2L18.3 8ZM9 2H3C2.4 2 2 2.4 2 3V21C2 21.6 2.4 22 3 22H9C9.6 22 10 21.6 10 21V3C10 2.4 9.6 2 9 2ZM4.89999 12L4 14.8V9.09998L4.89999 12ZM4.39999 4H7.60001L6 8.80005L4.39999 4ZM6 15.2L7.60001 20H4.39999L6 15.2ZM7.10001 12L8 9.19995V14.9L7.10001 12Z" fill="#035A4B"/>
|
||
<path d="M21 18H13C12.4 18 12 17.6 12 17C12 16.4 12.4 16 13 16H21C21.6 16 22 16.4 22 17C22 17.6 21.6 18 21 18ZM19 21C19 20.4 18.6 20 18 20H13C12.4 20 12 20.4 12 21C12 21.6 12.4 22 13 22H18C18.6 22 19 21.6 19 21Z" fill="#035A4B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 ms-3">
|
||
<span class="navbar-dropdown-menu-media-title">Snippets</span>
|
||
<p class="navbar-dropdown-menu-media-desc">Move quickly with copy-to-clipboard feature</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- End Link -->
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Docs -->
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
<!-- End Topbar -->
|
||
|
||
<div class="container">
|
||
<nav class="js-mega-menu navbar-nav-wrap">
|
||
<!-- Default Logo -->
|
||
<a class="navbar-brand" href="./index.html" aria-label="Front">
|
||
<img class="navbar-brand-logo" src="./assets/svg/logos/logo.svg" alt="Logo">
|
||
</a>
|
||
<!-- End Default Logo -->
|
||
|
||
<!-- Toggler -->
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-default">
|
||
<i class="bi-list"></i>
|
||
</span>
|
||
<span class="navbar-toggler-toggled">
|
||
<i class="bi-x"></i>
|
||
</span>
|
||
</button>
|
||
<!-- End Toggler -->
|
||
|
||
<!-- Collapse -->
|
||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||
<div class="navbar-absolute-top-scroller">
|
||
<ul class="navbar-nav">
|
||
<!-- Landings -->
|
||
<li class="hs-has-mega-menu nav-item">
|
||
<a id="landingsMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle active" aria-current="page" href="#" role="button" aria-expanded="false">Landings</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-mega-menu dropdown-menu w-100" aria-labelledby="landingsMegaMenu" style="min-width: 30rem;">
|
||
<div class="row">
|
||
<div class="col-lg-6 d-none d-lg-block">
|
||
<!-- Banner Image -->
|
||
<div class="navbar-dropdown-menu-banner" style="background-image: url(./assets/svg/components/shape-3.svg);">
|
||
<div class="navbar-dropdown-menu-banner-content">
|
||
<div class="mb-4">
|
||
<span class="h2 d-block">Branding Works</span>
|
||
<p>Experience a level of our quality in both design & customization works.</p>
|
||
</div>
|
||
<a class="btn btn-primary btn-transition" href="#">Learn more <i class="bi-chevron-right small"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- End Banner Image -->
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-lg-6">
|
||
<div class="navbar-dropdown-menu-inner">
|
||
<div class="row">
|
||
<div class="col-sm mb-3 mb-sm-0">
|
||
<span class="dropdown-header">Classic</span>
|
||
<a class="dropdown-item " href="./landing-classic-corporate.html">Corporate</a>
|
||
<a class="dropdown-item " href="./landing-classic-analytics.html">Analytics <span class="badge bg-primary rounded-pill ms-1">Hot</span></a>
|
||
<a class="dropdown-item " href="./landing-classic-studio.html">Studio</a>
|
||
<a class="dropdown-item " href="./landing-classic-marketing.html">Marketing</a>
|
||
<a class="dropdown-item " href="./landing-classic-advertisement.html">Advertisement</a>
|
||
<a class="dropdown-item " href="./landing-classic-consulting.html">Consulting</a>
|
||
<a class="dropdown-item " href="./landing-classic-portfolio.html">Portfolio</a>
|
||
<a class="dropdown-item " href="./landing-classic-software.html">Software</a>
|
||
<a class="dropdown-item " href="./landing-classic-business.html">Business</a>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-sm">
|
||
<div class="mb-3">
|
||
<span class="dropdown-header">App</span>
|
||
<a class="dropdown-item " href="./landing-app-ui-kit.html">UI Kit</a>
|
||
<a class="dropdown-item " href="./landing-app-saas.html">SaaS</a>
|
||
<a class="dropdown-item active" href="./landing-app-workflow.html">Workflow</a>
|
||
<a class="dropdown-item " href="./landing-app-payment.html">Payment</a>
|
||
<a class="dropdown-item " href="./landing-app-tool.html">Tool</a>
|
||
</div>
|
||
|
||
<span class="dropdown-header">Onepage</span>
|
||
<a class="dropdown-item " href="./landing-onepage-corporate.html">Corporate</a>
|
||
<a class="dropdown-item " href="./landing-onepage-saas.html">SaaS <span class="badge bg-primary rounded-pill ms-1">Hot</span></a>
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Landings -->
|
||
|
||
<!-- Company -->
|
||
<li class="hs-has-sub-menu nav-item">
|
||
<a id="companyMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" aria-expanded="false">Company</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-sub-menu dropdown-menu" aria-labelledby="companyMegaMenu" style="min-width: 14rem;">
|
||
<a class="dropdown-item " href="./page-about.html">About</a>
|
||
<a class="dropdown-item " href="./page-services.html">Services</a>
|
||
<a class="dropdown-item " href="./page-customer-stories.html">Customer Stories</a>
|
||
<a class="dropdown-item " href="./page-customer-story.html">Customer Story</a>
|
||
<a class="dropdown-item " href="./page-careers.html">Careers</a>
|
||
<a class="dropdown-item " href="./page-careers-overview.html">Careers Overview</a>
|
||
<a class="dropdown-item " href="./page-hire-us.html">Hire Us</a>
|
||
<a class="dropdown-item " href="./page-pricing.html">Pricing</a>
|
||
<a class="dropdown-item " href="./page-contacts-agency.html">Contacts: Agency</a>
|
||
<a class="dropdown-item " href="./page-contacts-startup.html">Contacts: Startup</a>
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Company -->
|
||
|
||
<!-- Account -->
|
||
<li class="hs-has-sub-menu nav-item">
|
||
<a id="accountMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" aria-expanded="false">Account</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-sub-menu dropdown-menu" aria-labelledby="accountMegaMenu" style="min-width: 14rem;">
|
||
<!-- Authentication -->
|
||
<div class="hs-has-sub-menu nav-item">
|
||
<a id="authenticationMegaMenu" class="hs-mega-menu-invoker dropdown-item dropdown-toggle " href="#" role="button" aria-expanded="false">Authentication</a>
|
||
|
||
<div class="hs-sub-menu dropdown-menu" aria-labelledby="authenticationMegaMenu" style="min-width: 14rem;">
|
||
<a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#signupModal">Signup Modal</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item " href="./page-login.html">Login</a>
|
||
<a class="dropdown-item " href="./page-signup.html">Signup</a>
|
||
<a class="dropdown-item " href="./page-reset-password.html">Reset Password</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item " href="./page-login-simple.html">Login Simple</a>
|
||
<a class="dropdown-item " href="./page-signup-simple.html">Signup Simple</a>
|
||
<a class="dropdown-item " href="./page-reset-password-simple.html">Reset Password Simple</a>
|
||
</div>
|
||
</div>
|
||
<!-- End Authentication -->
|
||
|
||
<a class="dropdown-item " href="./account-overview.html">Personal Info</a>
|
||
<a class="dropdown-item " href="./account-security.html">Security</a>
|
||
<a class="dropdown-item " href="./account-notifications.html">Notifications</a>
|
||
<a class="dropdown-item " href="./account-preferences.html">Preferences</a>
|
||
<a class="dropdown-item " href="./account-orders.html">Orders</a>
|
||
<a class="dropdown-item " href="./account-wishlist.html">Wishlist</a>
|
||
<a class="dropdown-item " href="./account-payments.html">Payments</a>
|
||
<a class="dropdown-item " href="./account-address.html">Address</a>
|
||
<a class="dropdown-item " href="./account-teams.html">Teams</a>
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Account -->
|
||
|
||
<!-- Pages -->
|
||
<li class="hs-has-sub-menu nav-item">
|
||
<a id="pagesMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" aria-expanded="false">Pages</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-sub-menu dropdown-menu" aria-labelledby="pagesMegaMenu" style="min-width: 14rem;">
|
||
<a class="dropdown-item " href="./page-faq.html">FAQ</a>
|
||
<a class="dropdown-item " href="./page-terms.html">Terms & Conditions</a>
|
||
<a class="dropdown-item " href="./page-privacy.html">Privacy & Policy</a>
|
||
<a class="dropdown-item " href="./page-coming-soon.html">Coming Soon</a>
|
||
<a class="dropdown-item " href="./page-coming-soon-simple.html">Coming Soon: Simple</a>
|
||
<a class="dropdown-item " href="./page-maintenance-mode.html">Maintenance Mode</a>
|
||
<a class="dropdown-item " href="./page-status.html">Status</a>
|
||
<a class="dropdown-item " href="./page-invoice.html">Invoice</a>
|
||
<a class="dropdown-item " href="./page-error-404.html">Error 404</a>
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Pages -->
|
||
|
||
<!-- Blog -->
|
||
<li class="hs-has-sub-menu nav-item">
|
||
<a id="blogMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" aria-expanded="false">Blog</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-sub-menu dropdown-menu" aria-labelledby="blogMegaMenu" style="min-width: 14rem;">
|
||
<a class="dropdown-item " href="./blog-journal.html">Journal</a>
|
||
<a class="dropdown-item " href="./blog-metro.html">Metro</a>
|
||
<a class="dropdown-item " href="./blog-newsroom.html">Newsroom</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item " href="./blog-article.html">Article</a>
|
||
<a class="dropdown-item " href="./blog-author-profile.html">Author Profile</a>
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Blog -->
|
||
|
||
<!-- Portfolio -->
|
||
<li class="hs-has-sub-menu nav-item">
|
||
<a id="portfolioMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" aria-expanded="false">Portfolio</a>
|
||
|
||
<!-- Mega Menu -->
|
||
<div class="hs-sub-menu dropdown-menu" aria-labelledby="portfolioMegaMenu" style="min-width: 14rem;">
|
||
<a class="dropdown-item " href="./portfolio-grid.html">Grid</a>
|
||
<a class="dropdown-item " href="./portfolio-product-article.html">Product Article</a>
|
||
<a class="dropdown-item " href="./portfolio-case-studies-branding.html">Case Studies: Branding</a>
|
||
<a class="dropdown-item " href="./portfolio-case-studies-product.html">Case Studies: Product</a>
|
||
</div>
|
||
<!-- End Mega Menu -->
|
||
</li>
|
||
<!-- End Portfolio -->
|
||
|
||
<!-- Button -->
|
||
<li class="nav-item">
|
||
<a class="btn btn-primary btn-transition" href="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/" target="_blank">Buy now</a>
|
||
</li>
|
||
<!-- End Button -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- End Collapse -->
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ========== END HEADER ========== -->
|
||
|
||
<!-- ========== MAIN CONTENT ========== -->
|
||
<main id="content" role="main">
|
||
<!-- Hero -->
|
||
<div class="container content-space-t-4">
|
||
<div class="w-lg-75 text-center mx-lg-auto">
|
||
<div class="mb-9">
|
||
<h1 class="display-4 mb-4">A better way to <span class="text-primary text-highlight-warning">boost</span> productivity</h1>
|
||
<p class="lead">You do not need another workflow client!</p>
|
||
</div>
|
||
|
||
<div class="w-75 mx-auto">
|
||
<img class="img-fluid" src="./assets/svg/illustrations/oc-collaboration.svg" alt="Image Description">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Hero -->
|
||
|
||
<!-- Clients -->
|
||
<div class="container content-space-2 content-space-t-lg-3">
|
||
<!-- Heading -->
|
||
<div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
|
||
<h2>Join 40,000+ agencies and businesses using Front today!</h2>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<!-- Swiper Slider -->
|
||
<div class="js-swiper-hero-clients swiper text-center">
|
||
<div class="swiper-wrapper">
|
||
<!-- Slide -->
|
||
<div class="swiper-slide">
|
||
<img class="avatar avatar-lg avatar-4x3" src="./assets/svg/brands/capsule-dark.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<div class="swiper-slide">
|
||
<img class="avatar avatar-lg avatar-4x3" src="./assets/svg/brands/fitbit-dark.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<div class="swiper-slide">
|
||
<img class="avatar avatar-lg avatar-4x3" src="./assets/svg/brands/forbes-dark.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<div class="swiper-slide">
|
||
<img class="avatar avatar-lg avatar-4x3" src="./assets/svg/brands/mailchimp-dark.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<div class="swiper-slide">
|
||
<img class="avatar avatar-lg avatar-4x3" src="./assets/svg/brands/layar-dark.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<div class="swiper-slide">
|
||
<img class="avatar avatar-lg avatar-4x3" src="./assets/svg/brands/hubspot-dark.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Slide -->
|
||
</div>
|
||
</div>
|
||
<!-- End Swiper Slider -->
|
||
</div>
|
||
<!-- End Clients -->
|
||
|
||
<!-- Features -->
|
||
<div class="container content-space-1 content-space-b-lg-3">
|
||
<div class="row align-items-lg-center">
|
||
<div class="col-lg-5 mb-5 mb-lg-0">
|
||
<div class="pe-lg-6">
|
||
<div class="mb-4">
|
||
<h2 class="h1">All-in-one</h2>
|
||
</div>
|
||
|
||
<div class="d-flex gap-3 mb-4">
|
||
<img class="avatar avatar-xss avatar-4x3" src="./assets/svg/brands/slack-icon.svg" alt="Logo">
|
||
<img class="avatar avatar-xss avatar-4x3" src="./assets/svg/brands/jira-icon.svg" alt="Logo">
|
||
<img class="avatar avatar-xss avatar-4x3" src="./assets/svg/brands/gitlab-icon.svg" alt="Logo">
|
||
</div>
|
||
|
||
<div class="mb-4">
|
||
<p>Front is a collaboration hub for work, no matter what work you do. It's a place where conversations happen, decisions are made, and information is always at your fingertips. With Front, your team is better connected.</p>
|
||
</div>
|
||
|
||
<a class="link" href="#">Get started <i class="bi-chevron-right small ms-1"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-lg-7">
|
||
<!-- Browser Device -->
|
||
<figure class="device-browser">
|
||
<div class="device-browser-header">
|
||
<div class="device-browser-header-btn-list">
|
||
<span class="device-browser-header-btn-list-btn"></span>
|
||
<span class="device-browser-header-btn-list-btn"></span>
|
||
<span class="device-browser-header-btn-list-btn"></span>
|
||
</div>
|
||
<div class="device-browser-header-browser-bar">www.htmlstream.com/front/</div>
|
||
</div>
|
||
|
||
<div class="device-browser-frame">
|
||
<img class="device-browser-img" src="./assets/img/1618x1010/img1.jpg" alt="Image Description">
|
||
</div>
|
||
</figure>
|
||
<!-- End Browser Device -->
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Features -->
|
||
|
||
<!-- Features -->
|
||
<div class="bg-dark rounded-2 mx-3 mx-xl-10" style="background-image: url(./assets/svg/components/wave-pattern-light.svg);">
|
||
<div class="container-xl container-fluid content-space-1 content-space-md-2 px-4 px-md-8 px-lg-10">
|
||
<!-- Heading -->
|
||
<div class="text-center mx-md-auto mb-5 mb-md-9">
|
||
<h2 class="h1 text-white">What can you do with Front?</h2>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<!-- Swiper Slider -->
|
||
<div class="js-swiper-card-blocks swiper swiper-equal-height mb-7">
|
||
<div class="swiper-wrapper">
|
||
<!-- Slide -->
|
||
<div class="swiper-slide">
|
||
<!-- Card -->
|
||
<div class="card text-center">
|
||
<div class="card-body">
|
||
<div class="mb-4">
|
||
<img class="img-fluid" src="./assets/svg/illustrations/oc-looking-for-answers.svg" alt="Image Description" style="height: 12rem;">
|
||
</div>
|
||
|
||
<h3 class="card-title">Integrations</h3>
|
||
<p class="card-text">Front works with the tools and services you already use every day. Pipe in information or take action without leaving Front.</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<!-- Slide -->
|
||
<div class="swiper-slide">
|
||
<!-- Card -->
|
||
<div class="card text-center">
|
||
<div class="card-body">
|
||
<div class="mb-4">
|
||
<img class="img-fluid" src="./assets/svg/illustrations/oc-growing.svg" alt="Image Description" style="height: 12rem;">
|
||
</div>
|
||
|
||
<h3 class="card-title">Security</h3>
|
||
<p class="card-text">We take security seriously at Slack. We offer measures like 2FA and SSO to ensure the safety of your data and protect your organization.</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Slide -->
|
||
|
||
<!-- Slide -->
|
||
<div class="swiper-slide">
|
||
<!-- Card -->
|
||
<div class="card text-center">
|
||
<div class="card-body">
|
||
<div class="mb-4">
|
||
<img class="img-fluid" src="./assets/svg/illustrations/oc-chatting.svg" alt="Image Description" style="height: 12rem;">
|
||
</div>
|
||
|
||
<h3 class="card-title">Channels</h3>
|
||
<p class="card-text">Communication in Front happens in channels, organized by project, topic, team, or whatever makes sense for you.</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Slide -->
|
||
</div>
|
||
|
||
<!-- Swiper Pagination -->
|
||
<div class="js-swiper-card-blocks-pagination swiper-pagination swiper-pagination-light d-lg-none"></div>
|
||
</div>
|
||
<!-- End Swiper Slider -->
|
||
|
||
<div class="text-center">
|
||
<p class="text-white">See Help Front in action. <a class="link link-warning" href="#">Get a demo <i class="bi-arrow-right-circle-fill align-middle fs-3 ms-1"></i></a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Features -->
|
||
|
||
<!-- Testimonials -->
|
||
<div class="container content-space-2 content-space-t-lg-3">
|
||
<!-- Heading -->
|
||
<div class="w-lg-50 mb-5 mb-md-9">
|
||
<h2>Front worklfow is loved by users worldwide</h2>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<div class="row">
|
||
<div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
|
||
<!-- Card -->
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<!-- Rating -->
|
||
<div class="d-flex gap-1 mb-2">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
</div>
|
||
<!-- End Rating -->
|
||
|
||
<div class="mb-auto">
|
||
<p class="card-text">With Front Pay, you can check out across the web and in apps without having to enter any payment information.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-footer pt-0">
|
||
<!-- Media -->
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0">
|
||
<img class="avatar avatar-circle" src="./assets/img/160x160/img8.jpg" alt="Image Description">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h5 class="card-title mb-0">Christina Kray</h5>
|
||
<p class="card-text small">Business Manager</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Media -->
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
|
||
<!-- Card -->
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<!-- Rating -->
|
||
<div class="d-flex gap-1 mb-2">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star-half.svg" alt="Review rating" width="16">
|
||
</div>
|
||
<!-- End Rating -->
|
||
|
||
<div class="mb-auto">
|
||
<p class="card-text">From boarding passes to transit and movie tickets, there's pretty much nothing you can't store with Front Pay.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-footer pt-0">
|
||
<!-- Media -->
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0">
|
||
<img class="avatar avatar-circle" src="./assets/img/160x160/img9.jpg" alt="Image Description">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h5 class="card-title mb-0">Andrea Gardy</h5>
|
||
<p class="card-text small">CEO at Slack</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Media -->
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-sm-6 col-lg-4">
|
||
<!-- Card -->
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<!-- Rating -->
|
||
<div class="d-flex gap-1 mb-2">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
<img src="./assets/svg/illustrations/star.svg" alt="Review rating" width="16">
|
||
</div>
|
||
<!-- End Rating -->
|
||
|
||
<div class="mb-auto">
|
||
<p class="card-text">I love Front Pay for cash back, reward points and fraud protection – just like when you're swiping your card.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-footer pt-0">
|
||
<!-- Media -->
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0">
|
||
<img class="avatar avatar-circle" src="./assets/img/160x160/img3.jpg" alt="Image Description">
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h5 class="card-title mb-0">Philip Williams</h5>
|
||
<p class="card-text small">Front Pay user</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Media -->
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Testimonials -->
|
||
|
||
<!-- Feature Stats -->
|
||
<div class="container content-space-t-1 content-space-t-md-2 content-space-b-2 content-space-b-lg-3">
|
||
<div class="row col-md-divider col-divider-rotated">
|
||
<div class="col-md-4">
|
||
<div data-aos="fade-up" data-aos-delay="100">
|
||
<!-- Stats -->
|
||
<div class="text-center px-md-3 px-lg-8">
|
||
<span class="svg-icon svg-icon-lg mb-3">
|
||
<svg width="71" height="64" viewBox="0 0 71 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M36.4408 14.7697L41.59 25.3653C41.59 25.5633 41.7881 25.5633 41.8871 25.6624L53.4729 27.2467C53.7699 27.2467 53.968 27.7419 53.7699 28.0389L45.3529 36.1589C45.1549 36.3569 45.1549 36.4559 45.1549 36.654L47.1353 48.2398C47.1353 48.5368 46.8383 48.9329 46.4422 48.7349L36.0447 43.1896C35.8466 43.1896 35.7476 43.1896 35.5496 43.1896L25.1521 48.7349C24.855 48.9329 24.3599 48.5368 24.4589 48.2398L26.4394 36.654C26.4394 36.4559 26.4394 36.3569 26.2413 36.1589L17.8243 28.138C17.5273 27.8409 17.6263 27.3458 18.1214 27.3458L29.7072 25.6624C29.9052 25.6624 30.0042 25.4643 30.0042 25.3653L35.2525 14.7697C35.7476 14.3737 36.2427 14.3737 36.4408 14.7697Z" fill="#F5CA99"/>
|
||
<path opacity="0.25" d="M55.4534 6.15489L56.9387 8.92754C56.9387 8.92754 56.9387 8.92754 57.1368 8.92754L60.2065 9.42266C60.4046 9.42266 60.4046 9.62072 60.2065 9.62072L57.929 11.8982C57.929 11.8982 57.929 11.8982 57.929 12.0963L58.4241 15.166C58.4241 15.3641 58.226 15.3641 58.226 15.3641L55.4534 13.7797H55.2553L52.4827 15.265C52.2846 15.265 52.2846 15.265 52.2846 15.067L52.7797 11.9973V11.7992L50.5022 9.5217V9.42266L53.5719 8.92754C53.5719 8.92754 53.5719 8.92754 53.77 8.92754L55.2553 6.15489C55.2553 5.95684 55.2553 5.95684 55.4534 6.15489Z" fill="#F5CA99"/>
|
||
<path opacity="0.25" d="M12.1799 0.609375L13.4672 3.38204C13.4672 3.38204 13.4672 3.38204 13.6653 3.38204L16.636 3.87716C16.834 3.87716 16.834 4.07521 16.636 4.07521L14.5565 6.1547C14.5565 6.1547 14.5565 6.1547 14.5565 6.35275L15.0516 9.32346C15.0516 9.52151 14.8535 9.52151 14.8535 9.52151L12.2789 8.03616C12.2789 8.03616 12.2789 8.03616 12.0809 8.03616L9.40723 9.42249C9.20918 9.42249 9.20918 9.42249 9.20918 9.22444L9.7043 6.25373C9.7043 6.25373 9.7043 6.25373 9.7043 6.05568L7.42676 3.97618V3.87716L10.3975 3.38204C10.3975 3.38204 10.3975 3.38204 10.5955 3.38204L11.8828 0.609375C11.9818 0.609375 12.1799 0.609375 12.1799 0.609375Z" fill="#F5CA99"/>
|
||
<path opacity="0.25" d="M13.7643 49.7252L15.2496 52.4978C15.2496 52.4978 15.2496 52.4978 15.4477 52.4978L18.5174 52.993C18.7155 52.993 18.7155 53.191 18.5174 53.191L16.2399 55.4685C16.2399 55.4685 16.2399 55.4685 16.2399 55.6666L16.735 58.7363C16.735 58.9344 16.5369 58.9344 16.5369 58.9344L13.7643 57.449H13.5662L10.8926 58.8353C10.6945 58.8353 10.6945 58.8354 10.6945 58.6373L11.1897 55.5676V55.3695L8.91211 53.191V52.993L11.9818 52.4978C11.9818 52.4978 11.9818 52.4978 12.1799 52.4978L13.4672 49.7252C13.6652 49.6261 13.7643 49.6261 13.7643 49.7252Z" fill="#F5CA99"/>
|
||
<path opacity="0.25" d="M60.2063 53.2901L61.7907 56.3598C61.7907 56.3598 61.7907 56.3598 61.9888 56.3598L65.4546 56.8549C65.6526 56.8549 65.6526 57.053 65.4546 57.152L62.979 59.6276C62.979 59.6276 62.979 59.6276 62.979 59.8257L63.6722 63.2915C63.6722 63.4895 63.4741 63.4895 63.4741 63.4895L60.4044 61.9052H60.2063L57.1366 63.4895C56.9386 63.4895 56.9386 63.4895 56.9386 63.2915L57.6317 59.8257V59.6276L55.1561 57.152C54.9581 56.954 55.1561 56.954 55.1561 56.8549L58.622 56.3598H58.82L60.4044 53.2901C59.8102 53.1911 60.0083 53.1911 60.2063 53.2901Z" fill="#F5CA99"/>
|
||
</svg>
|
||
|
||
</span>
|
||
<p class="mb-0"><span class="text-dark fw-semi-bold">4.80 out of 5 starts</span> from 81 reviews</p>
|
||
</div>
|
||
<!-- End Stats -->
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-md-4">
|
||
<div data-aos="fade-up">
|
||
<!-- Stats -->
|
||
<div class="text-center px-md-3 px-lg-8">
|
||
<span class="svg-icon svg-icon-lg mb-3">
|
||
<svg width="68" height="58" viewBox="0 0 68 58" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="30" y="20" width="38" height="38">
|
||
<path d="M49.2621 57.7238C59.5984 57.7238 67.9776 49.3446 67.9776 39.0083C67.9776 28.6721 59.5984 20.2928 49.2621 20.2928C38.9258 20.2928 30.5466 28.6721 30.5466 39.0083C30.5466 49.3446 38.9258 57.7238 49.2621 57.7238Z" fill="white"/>
|
||
</mask>
|
||
<g mask="url(#mask0)">
|
||
<path d="M66.5 39C66.5 29.335 58.665 21.5 49 21.5C39.335 21.5 31.5 29.335 31.5 39C31.5 48.665 39.335 56.5 49 56.5C58.665 56.5 66.5 48.665 66.5 39Z" fill="url(#pattern0)" stroke="white" stroke-width="3"/>
|
||
</g>
|
||
<mask id="mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="15" y="0" width="38" height="38">
|
||
<path d="M34.2621 37.7238C44.5984 37.7238 52.9776 29.3446 52.9776 19.0083C52.9776 8.67205 44.5984 0.292847 34.2621 0.292847C23.9258 0.292847 15.5466 8.67205 15.5466 19.0083C15.5466 29.3446 23.9258 37.7238 34.2621 37.7238Z" fill="white"/>
|
||
</mask>
|
||
<g mask="url(#mask1)">
|
||
<path d="M51.5 19C51.5 9.33502 43.665 1.5 34 1.5C24.335 1.5 16.5 9.33502 16.5 19C16.5 28.665 24.335 36.5 34 36.5C43.665 36.5 51.5 28.665 51.5 19Z" fill="url(#pattern1)" stroke="white" stroke-width="3"/>
|
||
</g>
|
||
<mask id="mask2" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="38" height="38">
|
||
<path d="M19.2621 57.7238C29.5984 57.7238 37.9776 49.3446 37.9776 39.0083C37.9776 28.6721 29.5984 20.2928 19.2621 20.2928C8.92583 20.2928 0.546631 28.6721 0.546631 39.0083C0.546631 49.3446 8.92583 57.7238 19.2621 57.7238Z" fill="white"/>
|
||
</mask>
|
||
<g mask="url(#mask2)">
|
||
<path d="M36.5 39C36.5 29.335 28.665 21.5 19 21.5C9.33502 21.5 1.5 29.335 1.5 39C1.5 48.665 9.33502 56.5 19 56.5C28.665 56.5 36.5 48.665 36.5 39Z" fill="url(#pattern2)" stroke="white" stroke-width="3"/>
|
||
</g>
|
||
<defs>
|
||
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||
<use xlink:href="#image0" transform="scale(0.01)"/>
|
||
</pattern>
|
||
<pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||
<use xlink:href="#image1" transform="scale(0.00625)"/>
|
||
</pattern>
|
||
<pattern id="pattern2" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||
<use xlink:href="#image2" transform="scale(0.01)"/>
|
||
</pattern>
|
||
<image id="image0" width="100" height="100" xlink:href="data:image/jpeg;base64,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"/>
|
||
<image id="image1" width="160" height="160" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAN3QAAIHEAAC/SAABIgP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAoACgAwERAAIRAQMRAf/EAQEAAAAGAwEBAAAAAAAAAAAAAAECBAYHCAMFCQAKAQABBQEBAAAAAAAAAAAAAAAAAQMEBQYCBxAAAQMDAgUEAgICAwEAAAAAAgEDBAAFBhESEDAhEwcgMSIUIwhBFUAyJBYXGBEAAgECBAQDBQUFBQQLAAAAAQIDEQQAIRIFMUEiE1FhMnGBQiMUMPCRUgahsWIkFeHxgpIzECByQ0DB0bJTYzRUJRYmEgAABAMHAgMHBAMAAAAAAAAAARECITESEDBBUWEiAyAycZGhQMHRQmITM/CBsSPhggQTAQACAgEDAwQDAQEBAAAAAAEAESExQVFhcRDwgZGhscEg0eEw8UD/2gAMAwEAAhEDEQAAAe5LHQB4UAEBDwCAgIYw16KmRCIoAl7RL0mAQQSckjigoCAgKhhRE07TtUoNjFsaXSnlyQYky1siJCKLa+bX2Esaw7rScABJySYqgAAIGDS8982Ki847RpFd5sI3XMhRpz0bl6xzjE3072Heu7bPQ3U5I7nBEEqElilDwhxSC8y6u24aJ3A0qJrHG3ZDnzpGtHrFmv6K9V2yrnLGmdGYDvVbWYmTpsIiKlQkdFBTIBgqRCn/ADZRpVe5cNN1wHLr5i2fR3H+j2qzegszNp3lMr6MS2bNafE3bvc1j65KCRFkFFyqhlDh89lXb8e5UNN3yp4c3TMqwddoehOA9MtUyzKlpVSBJiOJyFNPofl6ZUSqhFEiK/uVzKHVDB8vkSfzcejZE6zc9bZqROVdoL3Yb0hz9cOqxqbAyId6H6vW32Yk+2pE6hARCvzlcyodVOJx+YlfPCreB3lUi7iPL6A4n1CR4Fm/rCitbw5EFHoLs2efQa/F25vMwmAoIQfYuYDKHErU1I+QLjqwFfpGC7XsSXXdLvPvYLH0djJjsWQLyraVNfsJqZ0g9M8VmG2zyYQiKhUfadZBDqGDynze0WlsDivZa2WdBQ/Uec2YodfaLN6e2DTMyTobed75ycXPT+wydy975KlULyIVV8oZBDqpxBVaUxZvK/EewtPqTqO6CuFvRWXoNVPVRcW/ehVvmsw4SruT870W3HliYCAiB8gcDCnVBDwvzjRp2qzHokausQNMo5TrbmWK25ta1zrm7ub7GU95mMv3rvLU4EBED6FFTIgKoIeFhw6+c7Kb6OXuIuss+/IVm84U7ZuM26z2un1mXN2qwN3NNi04FQRA+RQUyCGDweDwcU8fv6VQbyLbzKxXY1b8hWEWT6qTYk++mb2dqrfP9LNNhU6hUEYPlVABEEUwCHhOKuH9Kr5R6jdOQIasK+PXmGvd59yWtV0RVOiDsGdXI+ACoIxXyqeDwAKIFRaBZ7V8sMj6C6mZD4ZYi2wiS/VzbhTKCzeqzM26jKpxEymAQBUgPhQoFDGgwF65G+fep0srbp59pIzLz6i8N6Y1LrS3Mk0O1iSZY3WIknRZ3X8KRTwJQeoYwavax290zXUYua0vNzzj09lT479ZclqC6ocSdeokqpEdncZ5brHTlrMm1FcwRl82uAN/0Q9JNvI426LGg67+eIOor/nbivQNtU2Ujx1djEiT+o0sSapxXlNYb0Xz3ZyGNN2qtERM9aZhytkruUZsZ5nG+aWPx1rdq91aazTzGor5vZ29z1lid5qwOiysn6HP5u+Cg0XXFJzuOEU8H//aAAgBAQABBQL1aVpWnBUpaXiq0q8XPVpXRKkXCBFDJ/OOC42b37JYcNvvn7UTZ4Y3+xcphj/3PH5Ft/8ApBVfxvypjuSyGpEeQqpxc9OlXOYlut2fT8oCxZFn97ubb1zRpQcdlVEttlBsitZMw8ijWpy4ZBa7sXjO+yUmYVl79wzlp9qS3wc9GlGYNB5M87xbJDvWfZJeZkt5wFYTZUV0BWx2kru+PjI5DxeBrnOZyDx7kuLyMetyxl8Ur9G4YoLpW7gfp8r5K9AtWU5FDlGRr3E+RtjvG1QiF/GYSm1ZrWCnb7aII/ZYkyPf/FCwH8O8UNQRFtGw4H6f2VzSTDyWQ8Wo9KI9Ct6p3bU2NxfsLyMpa0FBjTxQWpKkkV/tvUvE6T0ftRaTtvk8+qCiG7qilGPt1jDpuPsL9NhzOY9uYa8nQ4bGI+V7TeXfrRe3j+WWO+PLxOk9H7d4izOxdxNDTQadQW3YTZOnitihwoNyYlGOM4Vaceb/AO64s/bvtxsfujmQ293GfHNiw0JC8T9PmDG1yvxxMBQfjeK76/Dv2G5BipQH1SVjklDi20WCqdjiX+NaccxmzN32zK5HsV2S1y8JslktduXi56VRCTMfF8XFPNEmSV7za4OxbNIyKxf1M7D52yNbpuki3XACGGILWdd6342lxsFnrxZeIF3jFxc9XnLBHcvxTC8pS+3G847e7xffIkfuR2yVirJKCRGtt0WPVhuDKx8s8rf2Z2iJc5w+H3I1uuJcXPX+xOAXPx1l3j3yTNkx8+yM7yUSV0s0mRFL+3FpLLMYn2qdZ37fdMXc7zOFM5Q9m5cXPXn+JMZziLONTsQlZDEV5poxRIUpttRbOQ3ByCbBftOWR5seKcyNG8cXt24ZOvFzked4oM5wMNZCXTGzdIklMORrkrdS5IfYtt5brD76LtYscYvIy8XOR5umNz8ytjY1OtzatP2+NIKZhbcin8JuG+2eMr7cCw/9eMmNnCvHVjwal4n6iIQHPvN9stNSJj1xdiCSIRK5G7Ck7YLWj7lvssSMOIfFVpaXifoUkFJ+RR4ieRszzi9yQhvbowaJDBRpqMrgfVRX8ZE4s09i1FRyMeP3CbMmOCQ1u4nS1rUu6sx6lvTJjscPrTMzw0L5GlwkaIG/yxwRViIGjEJDl22ODKx1IjBvQ8QRZE806Osl3CEm6RaOpUuPEbm3mTOZiRR7CMprcRXuwy77OW4TAyGrzY7rj0qOz2xtjaGrTGyQzoNW9nYL0a4Tqtdti2e3n0rdtc6UsZCp4TCp02XeZcFkBYbDcv10Fu9Q/wAduf0KS3ub7TD1XDx/YrkjPjI2HZ+DXkmrRgeRhIj40wIsttsN69STo8Wwm3abKjETH//aAAgBAgABBQL/AC1MUopI19ta/wCU5SPPNV94a+05qMhFVCReUq6I8KqiNqtI3WgjSm5QgdGxuoQUKkJtph0leFUXkk8RLsoUpSpaUxbpZwJX9kCUEhtxHSQqZ6ONe3reXoKcOtL0olqQ7pWqqoM612VSmu4dMRNvJL5GCUvAkp34i8nyChNErfrTLmx3kp0c/n+NOD/+p/Mm4xkqRFpGxGlZa0iu7h5B9KT2r+FqS8RE1t1OT0bA5I7XAUFVxuEJIPINNRBehTWxVuS0/RJ0kJ8iVab3UEggR5SVQUxWGQmzyZKq22fRtNy1He7gyg1Ig6DQolON60LbjiQt4P8AJdDeL0ftI2SbYuoue9OjoqjTXVSEjX4JUc1+xyiAVp5kWyjtIKkNOihV2taRvZW5nc19dajAqyOXJX8jBUqUYLXtXbEkeYVFbRUWAvy5c3o+jm2m5CV8VQm9aEV0ca1om9qw0+fLmnukEtCddwkoJpJTcsVQD30rLaqgiPLkTkGtVVVpPfXouuoVby1LlaLUqS93N3Aq1pF6L7qqUrhtrbpJyU0X1oirSDpwuEP7IIiotLRUK1urXVVSrW3tCtqLSjp6ED0aVJgtyKdjPMVrS1urWgSmIpyKABbHio17UI8deCVpSii07bozlOWWls0mhsr2rVsZCkRBT1f/2gAIAQMAAQUC/wAtBIqCKS19GkGG2qxmXk/rXNUhNaORCAVFU5QpqrKii9xBondK3EVC01RONJQSVGjMTWOSnUhkRjqipyRZEU39CKkSg0oWidobYa0trKiiutq02oVKT8L3+3rYHqZVrwFNaaCo7HRdBRx6u91dNptJM5T5IrtaJaTgFMIhG0vR1aJtVXt1Ja7jPJVdWq/nWhXSomqkHxRx9sKKUi0W5xO+5UxhWz5AdUX34B1WEwDbbirokfeboJGP4OCrPbfuRLv5Da6GafJm0PuhIgvxqbXQoq6tbda1QKNruqwg060DwXJHQk8mGKPSNgttrtWpkbsOQHPxoVENFqlRXNXXpDTB3bY7H5LLigcKYMxqQi1M0VlPjTLm4BXWpPRGUaarc8q3BF+tym3XAWNNOS3Ne1abcpg1Gkf0px3eTLLhi6zKBLwQAzykXRYSfiljqKFpQOJXUk7pCUaShI4W5LqG0eXbOsc2tUejLroaKLulGfVl9BoH9RuTm9rl2xtUjaUYV2xWjgiSOwyRTaQK+yoIbhOcuLbSOkFBGirTqvQTLWrgOg8uDDjC1t4JSpwVNREeuwHBnxm2OXbp31j3IqUnBUoh6KKImvS6HyNa14xJ5xqZksyOKey06WtOSG2KdcJ1zjrw9qXiK0Va0hKlNXSU3Q3saC9RqcvUba5cnTpSUl9X/9oACAECAgY/Ava1MyGzcKSadQy8BSe5BLdqJEgR0DELpRHuERoIClowH1DQKQXBLqlgU5iMghS6NArTCDQLcUl1JbtFPzip/dcpZC3XpJ2t0Y06tLEcKiMUHMrkj6UwCuFPHIGsiIQcKS7hvmULtGEbvAbZ5WHZUUxuNRXIhW2YqLuxunpkCoxMFzSd+ohBDoJQf2m7SFJqTsrun5MPgE5CgDayVmlngKnSGxVBLdo7tMI3tsUhGYgDzG+oSd5gnHIlvE6NBUUrMg5Z3n7WbpCFkbYSvEyK2AjZAhuCNu6eKLswpz6nXh8XLBMLgnMNDBly9xXdbPzF66BDncO5Mz/i8qlyDeUOlRDtzBMb2lexkJUnoNj/ADEHM9fgN72jerjCFLr/AP/aAAgBAwIGPwL2tCIbzpFVRU/uMXeIrZtURPaO41FRRIRukCEUBCY1ETgK+QxiPpH1CkwmNQQ7mp4QhCYU5iIiFE4iNifMZhMvdcVn0xBHYhCIqkQp4+25q6SysS1zcUui69w2qFYEMhXgdybehAR4iAjFwKkyN54CJIY3dopwON3W4yYWo3IbcysKxMBtgKFVw+24U8kiKHhdMN2f8BTyBsQ6TFRSMIfQhSFLz3CqBtzyuoCh/wCUpj+uBkFeISGoiKWzMQi8Kcga4Xf3OM05CC8xFUViOkNBEEF4/trqvuBGTv8AmXUn+4wbGoppKV4TiC26hDna3K8/2s2zsy6IzvFzO2IhZEwjBuu6+eDchSUulCDbwubi3OPG4NryVoa/jka3dD/wn6ahSl1agwzixRfP/Bet5SceLL4D+s45Y2rYgq5PLMHyP7jvVKYnUWo3s8jG4n+nxCcbXeg2ETQron1//9oACAEBAQY/Avs/H/oCy3F7awRvIIlea4ijRpTWkas7AGQ04ccdkbgu83AJEsG1SwSm3pUfzEsrxW6GuWkO0n8NBi4uks91M6R6reBoIqTOQdKmRJyqLWmfHnTDiwX+jrEw6FtxcTT9adDyyehqZ8EGmvVWmLQ7tZmW3VpCJJJIbSW5SY1NTIFWkRJK0HHLhhb7bbKe+nAbvbeJ4o7pD8DxGklvPF+brWQDgpwrf/XLcWoJE0H9WDbin8aJ9OsTrp9meVa4treBpLc3wP0Rn0qJZozGtxaMA7PFdQNMlVcKTq6ajPEghmjlML9uZUcM0UlA2iQDNG0ngfsr2+PC0tpbhqI0hCxqWZu2tHl0gV0jNuAxJvW4bpJbSTwC42+wiunZLaOWmlu3afQo99Z61zRLjqbPpGrD7fc7hIbburqVO2vdeFXjhe4kgCxz3EcTU1pSta5nPCaVrKOFFUFTn6a63GqueeA9xcu0ZzEHxHTl6nKiNUJ44E98BKXbWncimPo9SRkSB7gCv5dK88SXYhu5reMCMuimVICDpCukOtY/+E5HhxGNZSC8tHzjlt2NvKlcqSwvreLqyquuPVwbjSaLQ8Fy0enb7xTqaFZ9RNtc6vVBG5NCOAY5VpjcUuZK67StvIfXBfWzd+G4idh0SdxM/wA+YPPEhQq8F1sVsLgBSJGkt7hY0E5B7b3FobkIG9XZ0jAlicOhLrVcxqjYxuvtV1IPn9g0kjBERSzuxCqqqKkknIAYurXZ7Jb559VvF9TG4iuY2qrTNUp27dwp01r3FqenTie6vN4v5LqdJEmDXB7cMMmrurFwS3EvdYEIFA1UHHLo6pWH+of+WOJ7an0D9vsx3JG1Oc2OeoL+UH88nj4YDSKZc9fYToiRR6FJFONc8Ry7iw/mSYrdG7v06AL8EcZjHbgGZLGi8gSMDtSC2kcZfMdAgzDUeJYwchXIZeGGl/q3831dcrNOjxvQ6C9TKKZ8ajFNxspezX5d3Gvct3A4EMlae+mFm7rUKE6dLx6us5ayoBBP5fDF3vFw6wW8FrJ35mOnStdVFB65XkYCoGbVpTniK4kjeH6pr6/7ch6kO530t4kLKCQHt4WVG5B1an2FzsO1yRJu19td7ez3E0jRQ7XtUUM6teyMubTzyxlLdKjW6knJTiYWct3cXMjS1upWWOOKFpmPbjgVWJHY7aish9LCmeCWap1FzX45s+o8coq4ofUwLZ/DGlWLHwqM8MzE+s6EHFuS/hhJJKada6tfozqQMzSuXDEWmHUoiHz3AqKurFRlxy8T4Y6l6aV6jVuQ48SMLwp9/wDqw9vcQxzROpVkkQMpqKcDjXslv39vvJs7RU1zWlyxz+nAGcUoHDKlPYMQ3e89y4foaPbS4Swj0MJEa6jX5s76xXSTp8fIIOQpkAoyFAAoyVQOA8PsNz2Ozm094WT7qyyMJNMMOix2rSpUfTxwE3TBq1e88AMOa9RYUPmdR1e7HX4lD5AFSafhT34duDyIBQcF4NT3GnvGBqQOqg/Fo+Hxp+3xxBGFENtDpkMS9WtgRqeZ/VK1OVchywq+4DlT+/AlPuHjgCo+/vOMvf8A34if4Q41ez4j7hjL7G9np8reNvsdzjNSepoRZP7PmWBxlx0J+IoB+w4Va5Mdf+ZgRgjI6asfYgJp54qc+OQ8mBGfKrLiuf8ADpHE61OQApQCtMRmvVWvn/bjrZpZcu1bxH5kh4DlRRgTybbd3DD/AFEpJGtSTRRK0ckXAeNMC2k2m+tXqVLdMy0XgToANW5CmfjgzCRQgXWa5cBU18MT2G3X8VxcWa1KKTVo1bQxTUBrET5Gnl9jtH6uhj/ndpv02u6YcZNuvRNJET4/S3aZeUpxTg2lDTyIrjP4Tl7yoP7AcOIm16gwOXp688uRKLgR0yZkzb8qk8P82IXC655M9bcaV4DwGVfPH09ohaRsh9/bg/qj9XP9Vcah9HbZMA+RVUhlFOlRxb05nElrdx/SB4aiz26xe/vFjZ+13/pbO1uJFi7hp3HEaE8M8W3Zgt7i3ubaO9hn7MY70E2or1oq0cKvvw+4PcRw2uhIruaaVI47SKboeWZndAq1NOPE4bef0teWV127aezuGs9yN+ZLi4lhnlkmrdXBiKRotFHT8zyH2P6p2mP/AF/6edwthx13G1SJuKRCgJrcfTdv/FifUCDGw481JNfx0nFtfbndWWxJfJ3rSHcBcm4ljbMPJHbwyC2U1+MhvLH/AMhbRz21wglt9ytSZ7C4jbg8c+leFcwcLzpIG8BkcW38KeP3HHGp1Uy6hpqM/bXjgRXcziNmWqhzTSvLTw0sOOIl/o23zSWoTszNG0sqsM0KF116g37cd/sW9hZQsFtLS3ijhXrqWkkCAVbP9uJdvmfvWl0DHNDrYKA+RClSGRgOBBqDiabZy7f1C7mvrt5ZTNM9zcNrkaaVvmTux+N6seFcvsSrAEEEEHMEHIgjmDjZ9qnh/wDzu6brb7ps7MAY2tEeS4G3yM9Vc29zqhKt6kCn4sS7W0SXCWcT28MTooRwwUmR6KBz8Mb/APo+Zpdwgjd7uPuxfJtryaYfUbfZVZ2ljpKOrp6w2XMrNErJHO/TE4YMjfhwGE15MWyPAVz5HhkuEz6cv31HvOI1J5VpXx4/gDjURXPy5nIYv75I+9OlvriT4IupU7j5Z6a192LS6/UW/LaXt9GLmCLTNKWhZmUOyxRusaMyGhanDBuNt3GK6gX5YaFu5HMfijOgkLInnmD9k1/tgcfqH9MF922p4tRndYgJLu2gAr8+RYlePxkjUcDi1/UMaxrv9hF9F+odvjyaeP8A0E3O0RvVrp1LxDCnHjuNzsD295cw3KbqRrpO8hlEqQ6ZgIxIHGasaeeLC43S2W03M20TblaBUf6a7IKTJVC6gP6h4VwNErxoFiKsi5L4rkeQamI21BpVUA5516aMaV5Yqx9vtrpyOQoAanD7leTLHbWiB5mZvYFC82kfLSPdiTbrCCSJa6XR4+4xQF1EbqmrSvRn7/biaDebOG72rr7FlJZ9UXc6oxFNDGHtzqOQzJOL7aLXZo9rs5zHe7doQ1IX5F2HlfS8jO6h/SKVI4U+zi/XX6TD2W1b3NLM8lsPl2G8SFnu7SSIho2tb9PmhWqrHWKUXFzf3m22wvgVSdrV3t1uVQUDlZFuSGzzoaYuLrsrZUMUSQoTNIB1yvLJMRG0skjseQoMsLFMilY5CKaulkoQMwR01zAw4SNGXsTPBpk/8PNa9Q6xQjn4YjaaJwwRNWROkFE9Iz4MxzJxbzOXaG3vUCWasp+rn7Uiq2ivotpR1EmmR45Y+p0RyQHvBY7KC2t7pa6Taj+at5EDapXMhC+mhUcsXP1EP6phFY2h+nuNlaSgjKuvbm26LQPqFqCHag888L/XJ4vorWzmutugpVzDdtcxhZGCIst3aG3Hckp/zBT1UH2W9fpmfso242jLaXE8XdSzv4/mWd3pHVWGZRwzpi52bcV7d5ayvHcLmq0OaOAQG0yLmK0yw0ihyY21UXiRz/DClFo9NTgsasFL8vA6sx4YRnBYVVCDXToQ6pWHBagSavvmOp5rgJA0SOWUSspZIEfprpo2o8dX+LE9jOwLxTlm+ZJ2IZE6u8hiObxrMVFS3PxwILusyt0LO3CJRWNKV7SpUIKUJ44E+zbnLcBdbG2DfMSjqV6Tm2Wo86U8sX9nuEjS3kWyG8tjJXot5r+OKZYgy10BlQChNaZ/aSOqov1W02Vw2mgJk1TQ6mpxYiDBFOPAe73Z4la1PauqrpQlVil5cW09pvfTjjtTxPFNBRzkVDmo7etTRlrp9XA4i1yiBEqNXpkLokqA682FElpThliOSNteZLOURV1n8oyyVTT24hWKZFZZKvqlZRSOjKPVQ0Za5U4c8MJ7nQpgSQQKGm1j5mrtq8kal1oXPE58Ty/Sw26YySra7625aUi0myawkjQO6qx0i+gXTwOryrX7O4ETBvoLa325mB1dUa/Uso8O3LdMp8xjqoOHvHPjgyU4Z9NK/wBmHSeMPnlzYc6Vy4nH8q5GQKq69xNS04+I4n2nColv9QJDpEyIHppNGahk1MV9g8Mdrb9q3S7uFzKw2Fw4AU8z22RFzFKnPCT75u8H6eUxx6bW2jXcdwoo6RcMk0VtBwU6RJKOVBi7lsHub2/vlRLncb7stcGOPMQxdqKIRRFs24liBUmg+yLMwVVBZmY0VVAqSSeAAxNtX6Xki3Hcs45dxHzLCzPAmA+m9mHIj5QP5uGJrqeR5pppnmlkkJZ5JJDrld2JzZ2zOFocqA5HGjjWv7ac6Z4YfFyp4+RHLLGmlafDnTPPOlQCKHkcd1okrp1Macc1/KR9/PE8YXTpiWuQGevhl9kSxCgZkk0AHiSeGGWCN7mXIZCkKauDyN6tHsGeLvZ9xb+k2ts3bk2zbzLHBcDIrNLKWM15FMtGXV0aSCFGG1avuc8UNa1wPDMimXH7+WOVV9P3PkcZagwHhx4cPAmmI9Qbtl6E5MBqOVPhUk4hpqog0gAmhLUJHGtKjypywjxuY5dTmqE1zz05ZUzxuVlduJfp7e0vbaXQiOUuHu4ZbdxHpU9p7ZSrUqQ9Dwrjy41Hh/v0j+fJWlEPSpJp1Nz9gr7sBGchR8zQOlAB4IK1PhUkjDxTdUd11KTnpfgwNeNcfU2qD+qWcdIx/wC8thVvpiTTrUkmM+JoeNQ6umiRSVdCullZTpZWVtJV1bj7MGvDyrypgA/f+/FCtfE0pXOvVXBqKZ1zqRWlc8/PAK6fBagZL6V4+qhxp5AEswzrQg1PmSeVcRj2+fH254/UW5pXsI1nslsx9Mr7YLq5vJojzT6ncuyf47cjlgD8o/djuoSYm6ZY+cZ/Onl5YB4qfiH7j4f7TLcSrGoBPUc2pyVeLHPE30lYoRRIvGZ2Onr/AIfHl7cW2v1xir1z1E55nnniZ8qsKD2YTkV6l92ZGBn1rwPP2H24a4jK7fu4X/1KrWG6p6RdIKF6DLuDrXnqppwsG52EkcbvphvEXu2U7f8AlXK9Go19Jo4HEDGtq5gMPD8aYVm55nhX3Dg2JK1VdVACMq+/IYQBhqNBkD/2YMjV/E0rxyBNMLZbSoW7m6ZL101W+1QEdd3MKjuSgH5UINZW8EDstptlkpFvaR9tS51SSMSXknmfLuXFxMxkkb4nYnniuK8m4jBpwPLFY+k+Hw/2Yo6kfuPsPPGpzSL0qoFFCgk09mfvwiU4Z+/j+/A9lPL7nGs4EqeH39+D4rSo8VNPLlXAdAGHq0+fiDyw8EoVlkXS8FwiyRup+F1cMkinzGFP08u3uCOvbpVijP8AAYJEnh0eSBMdyHdBLFlSKa2eFqZ1o8Mkv/dGP5JrCSXXWrTyJpp5tCf3YWbcbralQcFhmuZ5B/hayhjH+Y4UXN1LMozaOH+XR/8AikBafI/lZMCOGNIo14KihVHuHM/72lxUH7/jj//aAAgBAQMBPyGv4VK/gKlRmZ5EHbJ1glR16luVBElSpUr0dRru/P6isiOIBQoseELKmGtj5GLDkMt9RqUkzqtsqVgR6nWexRGsQeDoTIbQUd8NwWiQRNAyli0KlMLgW8AUY2bSuqRdLselqOXsxOr5l7B32jqQlKaK4Gn0q9VelSoQQa1gI0exuDbEgJf8K3bWk1FehuMQdc2wgQPIsljUhvYxrvUqi9eDOmp75YampYCj8BGZQd0ogIK53geaW1gUr1hQCl0QO9XVeSamJHIE1jERlSngmdFoWFsv6u3fDdVlqOAUUsTFC0g9crlpLiWSyOk0cOBUSVBGVKhDCLIjF4GMrgJa2w20UOYVPloTkL6uloAguEVUgTmyO5GixkptV4W12KtMUKQhayJv/wAEIKBXtZnyUS8ZuXR2AQ+NPEpbwRruq8v5WOxeK6oZUqTbg0GJIwQTOZfwGdoFRUXlPJOfUoFsXBmmuRvMHf0FK1YpeMUCiLrcWDtIR/TMInofUPQC0a5PWivsUzj60b+m12qoCgZyHe+qTQOsctsW9bTlkMS6Hcvdh7nqsd0HAfmwgeZQNFbnTBOjcN3rF5kwFbxspUZwc4wlwPIAB9pfAKUaKK1vUABc9rrChF+2RYEqVa7BVzCtUFtIC0eflg0ipWi0YAKEqDAIyvSMPQmd/Z5mu5vKjhobJYwDXo1k66OYgrfIvbcxxX3ihOTajS57WtPWIPa4KVQoukDGXJGXyaZtprTQtTARpsXpADV2Bm2X5YrOcVdWQccucTIAvV6+eSEDpMDWCryDxLwMxrz+orGq0ritV29KR9Yh6X2btC+x6OdiWvwN5zanyz6khOfyAEXxNpgfrPy6wPnEZuAieBMcqwHdXKb7QpYk+QOxOmgTmhbV9Vb7ylHSpVUryuNK1ZqOUG1zTSlg9J3tLfSvW3Nc0MFawgHQ4SAzOA57kp+MQtn4FPYLyhiRJvMIepTeNaaeWj6u8VaZI16rsfhD4jW8dgw/JdLJi5nuvNUOzqBxV1LOktqWmoVy4mSE+qBrDyGqRzcK6EKhsytCgDeUyyxBPXSoWiwtQbEzDWUwRxUdNOnANX9eReqR3JgWUR8FuRAHNLPTm6AqkatVIybVJYk3hDUPTTdoyqJwEwmnpjp1duovnBxNA8DzTHShXNoglwAjyyvbAFMdehKydjV6mVLADbCcaFKYJy2TmlBFKuo2wcDlWbWdQwNdSCl9M6YusgbKs3eUHQzbakVwLvutlCoACYnQLGyxEEZY9axs0aw2S0MYzb0OnqMBzwJYMAaSAaMxcEECA3DjAXdmECzHM0MTMxtJBqmjaloZwcGXbocXa4n+4HAFucrTGPBuWhPUvFoAujyOIVNcgGMLXqBEEbYbKggU0vxFk2ZemIwDHVNr1G3yeeGnKIuqrplQ5iolNUwllPQH0GfQ/gQZt8k1o8UuOpEQD0nJ0KCLcjukjJNd7XtlLxWxCAqbSsUBgC3peLllLY1oijWPE111DqTG1DbMG1v6yjNi9ryzNZwo1OvSOgnxbEDlU8MISsMvNw027Ky06F3KVNgleATdNd+NO/7i2dgATlH029D+H7gzlGF9oQhEK5EAg5dvSxeRLgDEqolH1d2XKBUNN2WFoVFbJUN4ENy9kSqKthgJUfuRqEaiEzkyudTXMuv5qLGESqSlOFlLqNALBkaIgDFWEV0CQoK2gVSCMFZ4r8EI1GOV9E+m0YQ/g9mKVQBQVisznNRHAwCDz6KUFbMsiu5zNAzlHTID3vIQFFTtUKyXzXipRIOeG5DbKstjDwibkQwyXe7A1SXBQzXokIcREFmVTR2lqAxijAu+Mw0gAAhBsXhY+IqLs/wQYMMKmblqX1PoP8bNpQ2hOMJOvPMpMcSq85ZdLFmekdhYIyNKqq86W2FYYSSNTgSKAF8jcIvzYKikKD/faJXWzIsV35A5uBvIRxVtsQcujVUbjF7WP9mxvRmvo2MK+oDXiaAT7noX+A9T1vzZUFWUpgJkfxMdqIFvOTbXeXprcAdBZMDq25yrvD32/JLMDIDBjfzFe7k+aAuw2ibsYibWieYWSG5v5kM2AEPVywqplispLD8npHLC22J4alarlo9cst4lD/LcuCO+IxU4AWrqAFusba09bDQVylwwjD6wU1Nqx86YHWg1SvGfvGFbKhnj0GFWl89pedtsDdUEwQfUal8V9FrqCV0ZILplI8hqqxd3WM9IZi2BhBZXcdOO/Av5Fly4cU0cdlQABCsWhsiRFMRZccXNzOiT7hLhL4sAtlMFinXVFM7xKVqPzvehb8XASqg4wmuaydTCbb1B4LxkYfucZJrgikqXMdQqrOb1yDlTOVHtS6Y0mO0wG45H8SlqbIKsVMD7eiLcjqTI6bixEUN0xjRqNmenatgMmWR6kQ8y79a9BaWNWVAUXa8UK8PKX3zpFnpsFrK8vWdQG+yqlZFSD19MlxKpckhdiht8xNWhgmgapokMzskcA7k1Tn4gKcaLzu6fA8ViKJgDZUKPA6q3fzKQgWWV1FVaiu8OJ2VW6BMHOvGOOt47FMW3RQtCAp+HqGupfBvbAZYZBzJVsLHi7rdKFV4A8CVn2yGps6liHJ0gYG/lVLJxgquFJjXysNdYki018T0LreHh1Q+zzwVdbNIIgs/hdfJL08kRxY+RiUWweTsGnkDc1GoPUVhxKLooBCQ+IkFRNsFvoiMA2SZXhKZCQCLzEQykydyumyb/AEaDZVfArHLZmK0YnfNVnbDxcY4mt7B6g0cH7l+R+LIJyI3YEPTuF89pfOUEexzxNY4u1fWvE0oHfin0eMy18lyvHP4RXsF3R8EVCY1QYkc32ttdqBYdV47N9VMD6fgMYNkb1rn72/EpVHi465rV4R85ERW4C35EdgwpG0YBlGdTZQqpL7VTsJbbMG0cFkcIW4YBVxlcoqJQqmjZUrCJANRdlE1hQLcsmlkYtyoZ4BnOO1A01VgFL8ZgzmcsmVABTK8u5kPMuc2XU41u2/EwVft1C1FQeO/ZOQcPE//aAAgBAgMBPyH/ALn8H/gXSHmaBV2jc9CZK+YpVj3dYwL1q3nxGurnRY+9T/VPz/kPlZ+ffOpdiyfwf5XEZqtcXr8fXHiKi79+9y+FmOesc6cdvZE4wYY6dD7z+YIab5P2QCGdPiErX7f/AD6QWzXq/wAWjLNFTqkAOzq6wNwKDPWIBjRlYd1IOqvQYGQi3gS1er9+r/FfuPH9vExntZVHeOGNRirtOnM6GTctiHKpZFaPuf5Be/o4h6v8TOLvU6IvAcTk5iUeUfKAu2GR4p0fMvHP/Ilrsw+8xETzqX3EtlDKZNamH46oBylRHg7TppmzKMdz/P8AjVct1C+EpfmXGtxjxztCUyCEOZd19Io2J5uCLW+jL9IhbDYVX2/43PbP0lx7xQxN4V99/E2BBtYSbHFSuQ9aiDBgEvrFVSBt6MtTs/L/AJcDf2w/SBRwISeqKx25fSBeqwl56NhjiIcwQN37EIrMUXlKG794/wCQpZbX1OSNQ3bfTuhwyxXaXE3xHqLY7kMNk5Oo04nlo50xA7LzvH/MdO+KXqbQJztnMcQEs5EWqeIFXKGI/qgsLytg/ZOlBOpxn6/80HDMt8QLqW71Eaij4M7/AHEncPmXOptkWWND/pxOT+/SVAjecsYNqywyBELcWllabYf9AQcB+/36T3UC2orOVNMV8Hkl7y7Hv9Qmmj/lYZdQJ/GDx1/E5EU75h6DVgSKR6H/ADt0Ru4tNee8ow9LR9BWjDFEQkLxOC7z1u/6iX8/CQMufQ+Kcdntj/Zo0dk49HZEISOviWJL00QeOX1U+IR2NxvD17czFbuVElRjGPP18+7n3iGo2xKXUcqiDHMpIYDDl0Hbq9IRdBR6cTzD4iO3oBR6bV6CMEULjLebh9tfaI/rfsf1DfsQzHwBfzUoV/QH0P7lMwPB6HpUYgz/2gAIAQMDAT8h/wDretL4lskTr/W/rL0Lr8W+MV95Ymj4fY/bOPEVeseYaB3lP1Lv6XFZ/FPxf7+IkULp06+8nMDEIOu//Kj6mPRB5rf5w9HHeK3Ve/dQ8oM/wJW0Pn2zSWPse+kXrFuT3j3mKgxTD+pYWV7v6jK/wfyP3WTrHeT/AIBbRuXlz0H7f3nEtph06TzHz6QGwvtxAr2cBx8TKGmVupMM3M5cdG4Yi22B9Ff8A6G6Dq/0c/EzJ+OJtn2/5Cl7ylfeUJBnYzyswwyvD1Av2f6enEscfXy+OkW/+FVy9+/gi5eZ3anK8sVNcS5NG/8A2A1iaeiGm51BYeeP+TdrZNneCYSl9/QC2QVjM/t0msCJCZ6OIK3bmoLs9n/f7/4t4Tcx7oTmGAS5fMLTeNfkbXRLHEx7M0s9TxTGooUseMd5SeQ3fTP1/wCNRenH1lSGFnzRa/mtfntPqtFkpfMGn0mCOJITZ+k+8c3VeVzFARwVAOinTp4/5f8AtIyPqzhfZjz4Fl83x95WYUlQhklrZOBOI/ygwY5QEVaBNPdP/Ikqs76PD8MbUgUPwnZfprpBBjQ3zXBxxCYi8d+I0FqFQCYIRh9jmIhX6XjYMc6wNGDPbz/zBq5J7z3nfQBzLI5weJi4DEGqwxANniLU1VS6urP1rt9M7iXt3FLtnLjqTRq9murAqhhx/wA8xBOYi0LxCyNw1LqHcUK/X9zQdH4lIHMdgz98RMXbP/TKHhfqYKXjHGJSRiW4Qm43ECmZ45nAKOP+g5cz+v1DHMPcu0PSylGoONbDK3mPZ6/5baNx8/Jnz0PvC2EFQcTKFYRZEdmIbDq/j/mBzMAx22djpWnmCIvE6fQTrAU5qKpesQAoNwmyOE8V/cEf516JzGu8+e72z/k54WmOWYQzCrvORLHylZW9In2xo+g+gcUwb9dzTXqDFpn+N7241+YVZ9zA+PZOZaEHmlnxLUFOQDHNdOx1f3UXe3t99DR6cegjcEZgRZl+nB6DriYiDkmBR0c/uU/eVKW+tn2T9zg48QuE3vT9suPMbf6+0usry+pmJ6//2gAMAwEAAhEDEQAAEP1kvXzjvwj8eyCgApyKrweWhU+dN0sWrkLhQc60U9Eo4QA7Flm0add1ItIh6nHo9NeYO+ml8piu5xf9iyKZikHJv5dUno4HFThlPO+5A27/AAPq2316gZgbz58hVoRGtqGAfWk2uTFWPxYC0CgTZYWjqki4tZTkbdaSfagdSzwwDJJzK0X9sbe1UagQyxHrAy9jQPBwokb/2gAIAQEDAT8QfftKx/7iv1M/J+vS33p5zBu8e+k9uf6l8THv7vW5r0vFrvpnm5YWABVdBV5eDEIRwLFFCAyWUjfzE3R9r+0t0hRWajcFf5G6ddfP4Iqs43Kdc11/MChxi8+8z4Pfadx9dSm6CGGD7T3r2ahfvEEStyUYFtcYL4JTW49uTWNFWoxMzWhTpkCCw3kIk7d4ZqEzQKECdc2lrvhmGOAgQ8bktgUppeo3l0P5K2YIpphVHk+DreaBIRQSKO9Q/og/5qDNcb7FVn/oygaqVD5f8I54mT+zWeCJo+fxH7O3jmVKP1h0RHcu89gPN1YcnIugCwXZ5wVrk0lxYie5Xi21Ch0ENjLTcGlwoswskGoamBDZsBsihQnKcs5uYQwNsDajJMxVmKgdY4x7rrkReNopzkfliqhTZCXQUix5Zkf0ObKIR3uusejeEBY6ABSzlssCpS1UjMu3vz/UV9rlod7/AB4eYPfumfl9vbDh14lFX78xyuMiD8nXAFUC4GCncrPjZjwuAG7kPHakCNtJCaCQeoTYSuLAYbion4HLY5CqI7YrbsKJhvKGZiRgNPk6NyVtW7zIdP3CU9Snt3oGQCoKzxhYF6EmAhfpo0ZwFUILpu2zeRLQFjcB9CyByA9LUUvUwS5PQ1u5K4QVLRdUPFh8L8+InsenidjR+ufMW775m8blHv8AED39P7gm0cshUgQiQ86EH9+triu41JvVVDWkwLJHBCOXJkKGCRaw6NSBWwoZxlA075GhpoBOwLdCc3iWos0DsLEAxPMRjMENlNriW3GRSzThoiPTzgGUlUgwKroVmZbHLsljrVBiUUtWl6glhKGJSBNtPZ115taIwgPqLoBjqMaCHCw8+7/8I4f59M9oOe0taP19odPX3+oT8pR+GhOcjuPcWYHJbdMrYpAd6DUxrsQWlEFlwKxHMoJgEyGLdbGjkCIfyFDmqF65WSzCEBlBFa69sRFA1MGPbDOXb31qt5I63AUwyg5tdGjYJtqm5Qli2VKXAHGqcYY+i851DcKUZH3xnPVQVOtFrZqvPxLApMFIsixRhHZDv3/hdTJXf2Zg37OWDOeOL98Tf38EXoO/sgINoWhqkNFMOHUYkwjbYEUcJdXaN9BkMvbAZQ7bC03OPAAcq8GgLLTSxjuIYjPiNSJKQGVTJ2UJaekcA7NNBOjvJtKGIg7eASbzDRRVIUXoessAXErq2DbAkXAFLAJBvS3MBypxirQgUxk2ibMmgyWHWnH6QTixxA81rUuP/fm4N8Zv/Jgf/SGqdv19sRaVuia+/wC4e/MJZwqqHGBuGQRIBFiUACihi8eQgpbjZXhS1cPUFbCQyR1bgDS4IyN+RJj9GZXJXshUlFjRBLE78GkqQFRVggG0cFMIQ0YMl4XBdq4ro4YwYopRigWG/W/dszYiIewPcysz7SGHBDBamSOInpWe6YXvro+zpknVSVDf44MQc9vdRAfnje6zuHs149jBqz/zF58+sImJj9BaHBywLdhbGCGQy8SwgnKwaJX+0zrnDuUF5l70EBTYaJNtlLfkykGYUlahcNGMYSniXEFHQ2vUe5mpTcjzUQLObF8c1Q9GEcGHTbgbosXfArV2UiWeCX6LUJBgArVFFEgdKjaLhd2cRoUFFWxrugnkYEeb3mDPuoLs57dfMGXh/EPGuOuY8eHshB8+ePEQy4HuPrUjCMygaAcxQ6Qf2WMvoCLROI6xutI5g2E7FFsiEZ+LMIcMWYhC0QoKjQqstEOlFzm27dtvgCKTOKYltBWLNQFsqABBhgWmhKHZKusCzRqCl3krAFmnEbwS5jENS0BPwE66CRBFFD0StscDO50DHAN9fvqDPaNZv6TM8dPjxA+3vUPPvcIahd+MwOtOl2NkSYtTjC2eTL/a8GOFSI0dtNTNBrEbkYQaTCXqwHskLljZUYkEEd0Q3rEZepjEhoWqha8wV+tNOQFALC7GNkO0vobUyk214DFizMDxaV9ZlgnBCpDfsDQ5LQDcld1tug21us88Mry/rr1nXjb/AJpqJnjk3B+XD6aHiBfv8+gxBsawrOTXJpiQaazN7CwZAF2C4f8AMfbWpP3g5GQCkYgQG6bmSWSD9gw9ImdzCEGpCC1vVhQrTzOI3GIWhyqAEY+7lzLcwA1MDQyISarLgBv2gy15Zcw7oonDcHGaJ+A8qGtl0VO+fLfniDL2ffmJ3Pf9wP0cwZ9++Y+Lmnbn+vUcxJn9ECyUWQjUSdURuQt9BULQTIbhHhSDg8rRo1FIy7Gw5M9EnAQCg7MwOvVGqwjxYuGu8pgwPoKqELpDABbmKrJNMCnZmV5dnY0GIYYoz7AQEKNSKCEk0CiEXmwyCCDt89fH3uY9c/HMfnp9+mcwZ8HP9ZgL+Hx1+YcV19/mBVPvzLOp9f1Bv3vfrWymtx7EQDpSGy7QF7asCqG6LHKlQeJGwGk3g3YMw0QwPcrXFqxQANTQAoBOSFldMhSSi4NxWjKWxKoiNy9UDQJRiARAlAhiE1ejzc2JgiQM6pB4JxOM5Mcvx8zb31e3WVt6X1f38zb458R/z31gpv8AO/j0Iivn2wffHxPbOIw9JBoodHV03V2wkrW3G4NIkywtRB0YQuQaKrHuqWZ51jtSVmBsbAsXxXGYK+uWgkwEIdSljiCEAjfLY9jVssyteb7XAU1BcDqg7UIrBVbvuxuJjpkhN3Z7x/UX5/OrYrkxVd78/SbnWu3jtH3r/wAhz7/cUNzthbHs/qLOZTAHr1AAK1EnwGsUwBharpk09xjfjcb3JdZSYQ7i2bCMkgAm1wikWVG7KLCQyNI0Jd24ui9KAuSmDbKQyoB3eoIs5tcA3Ke4YjbJFuQJV4G04i0FgDaCvMC0hIbL+ffiOP8AdbYvv9YzFDjzj7dfmcff+R129/WNTpE737+sBtVCOlilqoBM5IfMCtKMICkEjMUAsMgo3EBTeEEtlwJZBTB9olcFVgKAYjbEzZYu5loEJOm+tpTwWNS5BiqVu4ZAcEaAs2sW1ZLIXkaJKaI7SGqxhFlRjAni6AVB4WdHkdg4LwIUK3OSoJDZ4TiK2Nl8KrNt7USCwdaPQsheDqVcUqj9Pz8ROjfb3dkuLR57fPHMyvO/j9R7r/EpITuvIGulI22hbEpVUUEocNh0L9IqNRGQ6FrS1ixjl8YO7Eo3pTAxaownaJMs6cBEjkAQTYLIAjy7JgZjaaukmrKIdWoSqpMu5Uig7gKZoUUs6wSmBVCaxbNKrKtxigYJEgFITbAinqrOBWK/jEVV4hsFTQgdAtVEdRwFylmRhomRuy0UBpSY25GgDe7oiacKKR4ySLuxTOLxhXaoVqAOXol4boumCTOXnrmcXvOfria2PAV3VACFqi0ZjL6DbcLEhSKVbFBa1feMvaqtl9s4l5ZeAJW1bBaVXXrFHlEA0IGwZTVIzHk+cpvByORfRM7GWM2qNZwFaEQVgOKI2BeA81yheIsBhIXVY4FR0VB8DYCRT3ChWh22csUCYQNOlrYGcHN8b8Ugy0XsoyZlUjijGxWExLqzgLAI596sWQWEu5Si2Byj0oNsGe0KlqoQd7J+0LAMLI0WiTlvmukoVTUxRz1jDSWbBtLUppZt7X2QW4bHHkKLxdGzkI22RneibFpZXCAzgVvMBOW0gswJW4IruQYLCqwoV4MYuPEDd7aDRUoRd3zERK1FkEKoUXELVxhzC4SyAlahZaC8+NOTIYWah1y6rfeIDbv9yYBrOOVbs1IGj6x6qr1ANrdKlioDyAa1mTaBUgKo4aSNlgKptRWL5FiByuea4iYYwV7xVbCNCUG+3JtHtbYLRUtwTBUE3e8mXW0manGK7555uOKVzFoEtqlFoKgJuoazeLIumQONVF7UnTxjFY3A+FkL1dgq0wIrTP/aAAgBAgMBPxD/AJ4dajr0MweuYPrK9KldfVxuZGDVoC+mXfaCR4vkGO6Z+LrmnaOKPId1iF9B55xDKbcjRPlF8VjrSVFaBLRfJTRCrs5x0xDlL8A/FhXmvMdLp9h+zjw5sMxomBlMW0087NhpxEAF6TkUss4sbO0M+m5h49KlSpiMYWhdc/r7pAguYDRdrWGDFLVa0LlSaVh5ooacuMGX5j7vdePrWPj/ANleE8VU9i7xxKS0EUZZ0u7fNpVETvy28LfJeXzXncGooDeQ64cATxRyYzRh4Ix9xDN9N1q3YF05Un0Qrp9IsLFHiwSjvStstXk5lhbs/ZzKiQYj1l+lRCpQSoObKXF7Mm6xhM3fEsipvlbhOnNa5e7stHNdelv9feLaK/P/AMjbiBy7fj9RyGtQFVeXqvQvq1FA7M828YzXz9YkIRwYcFWFV/5D4qTS0/SKaFj2eOg/nrLRQfzmsaPsH7cBUKAvyrx249dJxA9blwstvCsA7gnDCvd9VUFq2lWq+V68Q3O3wdPnr0xDh0/deJUNWC/O39fEwLwMdfMyZLVxfb306kuxz71xKI9xnYuz7zMcUqzZPPfS+TwruzZsiDizl5rUFTt6dE8w362+aD33r6AFd77SktgZ+3tmbzUPzn/3wMzoWHfXj7l/WWOWT737/MMyoJfSzgzXvMUhv3+p2wmy5idipYWPrDH2LBEE1N+rj0qEYb4W/Amfvf0gyv8AoeyVF9lP7+sagafyxLOCPQX/AI/5AgGHv/yVY27Wj9vaGri6ofu/tD29tV/otgUQOr38Sq5Ao49U8uj2pnPoRzOYQ1CDRfrLFB+TF8veIt1RY9Nvi/7PpHclB/XHzFTHB+iXArBR194iscBDMkpWNrzfZ/fiFDMRFAayaFtMDfaVgvJeQ8dfw+YI4iIWXyDLngzcMSgkmUZtAjkG8iJ68+lenEJgG8HnL/Jgtf2rn7RSg0qAnAo+gnRh25wIrxb04+YzUUv0jO6sxLTlLbnEUur5PEfFE5LOtFf+QusNFGXu9fPxGWJGzGTN8ZhSwmKqjbbXLiqXZzv0r04lenEPQAsJJToYhWtkeKuNkmA3mt73/k2i1tlBhMVt1xUtys5Ep/3cJ3Dfv5jWazL1ekuAsjdctdD9uiOzYpKMmzKWnNZ+svSABRRWu2Mp/Ho+hr+BCVUAsJYhSHInHiXaUqeSWrwl4ed9aP8AU4mBVXhvWkt6S6BatqwbMY6ZMXCFCVRHnv8ANX/7G4Un+8TO3PSNdfI9+x3mq/oGsFUfBnHXzBpHmkBVztznPSXXJy8qB53kvGsaMw16MNSpWfUnMKlzBrHHR5Hj6Q7SOLpT8f3Kmu1i8rxt/wB/Fbat6M3d/jbuHQKTjrh+PFdeIsI2xxy/r/YcHUetYdd/3Kggts0ycPnhNd5phSXt6aNHOG4KDUg5CkWAFQ5No9PV1CoelehOYC4BjmmrXfA39yU9ykqJcy4PS6/88yyKDS97TH4rx9s7EoRmisji8V2+LhQtDjI1WdWl4IA3fVdc3xnfHxFAqhwpnP1mySotvAt1fk9buHpj+VQdkP1H4CXheJuxRzlT4zZGwDD3o5p/XExbfxspR13Te88XKSHQG2v/AHMq4uMYHj2c/E6RVLo7b83WzwRSXNeOx9H8Q9K6wh/NibGfOV9MIo0bhgN94OcNfE0E5rGGs/4eCY0Bxf8An7esUBNDNG+VU+3ed4fgM7yjftcrtv6rfvsHMPUnn+KBwAuN2aXb9h0/LUUmVKrtXa92VV5TdOJRFahVXX37xMmjdbiMa/M+hLi+h/Bhj1Nbdf3HGpU2i5EuQmS2uwwEJUZuK8m4Plj9KQIvXOILXNV8xFnMqnWmtnZsdSg7LCBSrIFWPDdzM1Z1IMuX9YPrlwrr97/HeZVnq/qcY3Bggzgclnry3A2OLFdVNIIiORHT2YYNGY2u0CZg2rqiMqcdZ0AzVcXGDJ37tsdmYx8RhAd0Z6+ghlpmL9u3x/sxK6Ew1CsvLJeViamKaDi+g6dwqX1gcGZ/Jrw09o2CLI3NHgvxNytRlXWFW3a8BvueHy0EFkeBwB93q8tu4C4JV05jmE5wftMIJbg+X3qVAaiUXE45txAXOoCRSRMIlj2RlqUnL+QfpEXXE8e0exMIzO0PPl4lWUD8H2HvKpFw7/Jb4UPJDGEgAB4DBKom0M1UQ5hglM//2gAIAQMDAT8Q8/y8eupzOO8Jcv0ek59PML5mPTtL9aCuXQlrrRx3gdFHfnsaPOBfEA5GIwL2MjWQR5rMqXlDkh1ha5vJqxw25BYAqvhZcc0Xmtu25kl8PnSiHpS3NEUbXjB5zOXZetLUyTzW3gbDHCbNC4UAbSUC0seSxMc2RueYenmUemCXAXwAe8Neaa6MQkKK2VgXN2WWQCyEYxrWOS7UOlucD8RABZ7H2u3N5z3uCClcN480FcscLCbpKY2b7OKMilyhVVoq2i8INHy8aYxqtVmmzkvKrMl4NqXBQbbbvLOjX11zcvQ705PgizmOgyBzVl10CHRSygoqbQp+uT6nqfxQAVTONXQseFQ6vgeh3EqA+GqYu3TWLM/LhR/qh2M1534zaGVVvsf2/iARDc0wCsW/mW7b6CgK0Ddd0OhcyCX7Hk/r460meTY023V+b67lLcHIWYzxn7VFq5J3PunXp+oCSmHQe66wquKBvGEhU/Als9W07JMzMN/wY6ooot4W+uUUZyDcqvF5wCho+3TqzBWsz89WtdHmZF2/BEZ3VqOXg+kZVW0sdZ+v0jAsoOd/PB+Y8AwauUvQTEAf66eOsWAV5wJnHT6hrCEvGcwEZw2cCuTMuX6lRJxCMBqq68Xa+VUa46jduzJx5zn4475iAvtfGP8Az5lADBVXBp/r6eZWIwPf/sYahKbtvad9H8S2qi+nzLQGIV3qnKDPgz9wERGncfUjGEYhcD5Bs+1RSk0D6mIg8N/1+oEh0/VweTnpCQNcb6n+xkGiFXljGy/H7Ye0p2VrGcUfeJVBaDR8Ntf1xCTja9++kXkGEEb8ohrZO9OJUH0PR9d3yB7Igp5EvsSlXQfeMKvY/wBf7KDDK469JXcVPz/sOildunb5PxOYr7RWt67NfFZ47/tlOqRFbXNICih4e71S2RR1Y8OOy9e3EeMpIwsELYMbehnMDugZgBsoKE2xwiBf8mcegt2LeMPtGOJTz09kMgogTssQMEeXuESa2N7wqgjnSeL3KA5r95fzVIhbzuYatG+70X2wKgl0UdM2cVvdnlm2LHNEqgvR2OkCk2Jkviqb2JscPMMPW8pnRQxRuxQOayXN+h6kfSrVQ3ek0m91AnN12iztDe1YYLXxl31lCc6UCMCvIOG4wFw43Y/1qcoVxxnN46UfMBBEYssY0qYBpQovLRaOxy8YDczFkpvnWhry15hyDAAhsd0uAbqxLnn+F16EYR8DQgaTbN4aI9/DmNPwpkN10EoCZVLalJw6Gr1iV3xRwzkXnGUG3QjzLIyUTjtzoa/8iibID+vqQ4Ooa3kr9nwXmULNV2jQu0pvLi3ivhg3t2CjFPUrGcnXofYVgMoyHGNFtb2v8Of43MTM+SzKdU4OgiPO5m91UIdDSvvWIwKhQA0riqxoxrvm7QQ6F4TzeuQlKFa0ejp7md30xArBpf0P29u0e2Gx5S8+L5/bKNdKCXbgoqil9QYjeAmAu8iJVIPW81Fxdgh8izAVWcUrn03OIej/AAIpHKcRIMXutGYiBLujn375tACuRe6X+9dITYVR2oyv3u+W/lmpRQZLqwPbNutHWD72nOGB46XVXxUGWi8UG0+/1hAUa7FFNdOCmri0UT4bTF14fQf4cenaa9U6kU+Rft+sRth4mn/Rin66f9vdwCXl6cvFnfrzMHTk4bLPOLMdoBzDapWXp4MfEKxG828H/mNfMc9oHDirdY7d66uIFbAaZve/fe/QP4NehGPoDVIvjAfnI8kPuVMzoi0VO+5ebjVhVl97+XnL8Sp9o2F19+nbtmCyXhN+N++YUZUBbGtVzX0gZsLV0z616c+tegNQqcHVhbuFND/K+F23CdAgGgCgOwYmDUqKeZvNyx8Y/EW5F179/Umr1/Ej6PqamLzMQOWGdbly3j38TZjBWpkQMNXRteUiyu4lxRIzUytwzCU4W7Y99IEO7fF7x7znNxSQwC89c898JvEARIqoJYi20lUXFY3PKR16MI+mHmCVeoSU0Rs5vctZQ6OAmUBM0apQ1hkRLETCI2PM2Z0NzBvM7ivf2l9LD813Pp71LX2cn2/9Ygg5/rx9YCZE35VDd/gRNw+E8P6YHl6BAdNSwfb/ACOT0hwhIzBOo8Es7OetXHVWT0VgE5W36gXHcvulJQjjNR0LNJmqNLc+/wBSvNB961nF/WKRmCey7FL4wotiWYBTjsHQKDQAGIM3Tkjc6gJoJeQ54j5kKlQtleUCZJmrBjVgsSkTkTI9yVJ1ii31rfK8TGt0gfQY+XmX9Eqhv1jEl6B+o/2uPAR8I7WH1Lsxs8Moq+Vz6DTKDv6go2T/2Q=="/>
|
||
<image id="image2" width="100" height="100" xlink:href="data:image/jpeg;base64,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"/>
|
||
</defs>
|
||
</svg>
|
||
|
||
</span>
|
||
<p class="mb-0">Over <span class="text-dark fw-semi-bold">1k+</span> support questions have been closed</p>
|
||
</div>
|
||
<!-- End Stats -->
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-md-4">
|
||
<div data-aos="fade-up" data-aos-delay="100">
|
||
<!-- Stats -->
|
||
<div class="text-center px-md-3 px-lg-8">
|
||
<span class="svg-icon svg-icon-lg mb-3">
|
||
<svg width="71" height="64" viewBox="0 0 71 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M47.4324 1.59973H19.9038C17.9233 1.59973 16.438 3.08509 16.438 5.06556V55.9638C16.438 57.9442 17.9233 59.4296 19.9038 59.4296H56.0475C58.0279 59.4296 59.5133 57.9442 59.5133 55.9638V47.4477V21.3055V13.8787L47.4324 1.59973Z" stroke="#21325B" stroke-width="1.98047"/>
|
||
<path d="M48.6206 14.8689C47.5313 14.8689 46.8381 13.9776 46.8381 13.0864V2.29285L59.4141 14.8689H48.6206Z" fill="#21325B"/>
|
||
<path d="M47.7294 21.1074H27.7266" stroke="#21325B" stroke-width="1.98047" stroke-linecap="round"/>
|
||
<path d="M47.7294 27.9401H27.7266" stroke="#21325B" stroke-width="1.98047" stroke-linecap="round"/>
|
||
<path d="M47.7294 34.7727H27.7266" stroke="#21325B" stroke-width="1.98047" stroke-linecap="round"/>
|
||
<path d="M47.7294 41.9023H27.7266" stroke="#21325B" stroke-width="1.98047" stroke-linecap="round"/>
|
||
<path opacity="0.2" d="M16.9331 55.7657V10.4128C16.9331 9.02652 15.8439 7.93726 14.4575 7.93726H13.9624C12.5761 7.93726 11.4868 9.02652 11.4868 10.4128V61.014C11.4868 62.4003 12.5761 63.4896 13.9624 63.4896H16.8341H51.1953C52.5817 63.4896 53.6709 62.4003 53.6709 61.014V60.5188C53.6709 59.1325 52.5817 58.0433 51.1953 58.0433H19.3097C17.9234 58.1423 16.9331 57.152 16.9331 55.7657Z" fill="#21325B"/>
|
||
</svg>
|
||
|
||
</span>
|
||
<p class="mb-0"><span class="text-dark fw-semi-bold">5k+</span> Front copies have been purchased</p>
|
||
</div>
|
||
<!-- End Stats -->
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Feature Stats -->
|
||
|
||
<!-- Card Grid -->
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 mb-3 mb-lg-0">
|
||
<!-- Card -->
|
||
<div class="card h-100 overflow-hidden">
|
||
<div class="row align-items-center">
|
||
<div class="col-7">
|
||
<div class="card-body">
|
||
<h3 class="card-title">Explore the Snippets tools</h3>
|
||
<p class="card-text">Start your business on various platforms with one click.</p>
|
||
<a class="card-link" href="#">Learn more <i class="bi-chevron-right small ms-1"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-5 bg-img-start h-100 px-0" style="background-image: url(./assets/svg/illustrations/oc-looking-for-answers.svg);"></div>
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-lg-6">
|
||
<!-- Card -->
|
||
<div class="card h-100 overflow-hidden">
|
||
<div class="row align-items-center">
|
||
<div class="col-7">
|
||
<div class="card-body">
|
||
<h3 class="card-title">Front gives every team the freedom to create</h3>
|
||
<p class="card-text">Evaluate your options better and learn more about them.</p>
|
||
<a class="card-link" href="#">Learn more <i class="bi-chevron-right small ms-1"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-5 bg-img-start h-100 px-0" style="background-image: url(./assets/svg/illustrations/oc-hi-five.svg);"></div>
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Card Grid -->
|
||
|
||
<!-- Subscribe -->
|
||
<div class="container content-space-2 content-space-t-lg-3 content-space-b-lg-4">
|
||
<div class="w-md-75 w-lg-50 text-center mx-md-auto">
|
||
<div class="row justify-content-lg-between">
|
||
<!-- Heading -->
|
||
<div class="mb-5">
|
||
<span class="text-cap">Subscribe</span>
|
||
<h2>Get the latest from Front</h2>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<form>
|
||
<!-- Input Card -->
|
||
<div class="input-card input-card-sm border mb-3">
|
||
<div class="input-card-form">
|
||
<label for="subscribeForm" class="form-label visually-hidden">Enter email</label>
|
||
<input type="text" class="form-control form-control-lg" id="subscribeForm" placeholder="Enter email" aria-label="Enter email">
|
||
</div>
|
||
<button type="button" class="btn btn-primary btn-lg">Subscribe</button>
|
||
</div>
|
||
<!-- End Input Card -->
|
||
</form>
|
||
|
||
<p>See Help Front in action. <a class="link" href="#">Get a demo <i class="bi-chevron-right small ms-1"></i></a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Subscribe -->
|
||
</main>
|
||
<!-- ========== END MAIN CONTENT ========== -->
|
||
|
||
<!-- ========== FOOTER ========== -->
|
||
<footer class="bg-dark position-relative">
|
||
<div class="container content-space-b-1 position-relative z-2">
|
||
<div class="row justify-content-lg-between mb-10">
|
||
<div class="col-lg-5 content-space-t-2 content-space-t-lg-3 mb-7 mb-lg-0">
|
||
<!-- Heading -->
|
||
<div class="mb-7">
|
||
<h2 class="h1 text-white">We're here to help</h2>
|
||
<p class="text-white-70">Find the right solution and get tailored pricing options. Or, find fast answers in our <a class="link link-warning" href="./demo-help-desk/index.html">Help Center.</a></p>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<div class="row">
|
||
<div class="col-sm-6 mb-5">
|
||
<span class="icon icon-soft-light icon-circle mb-3">
|
||
<i class="bi-envelope-open-fill"></i>
|
||
</span>
|
||
<h4 class="text-white mb-0">General enquiries</h4>
|
||
<a class="text-white-70 small" href="#">hello@example.com.com</a>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-sm-6 mb-5">
|
||
<span class="icon icon-soft-light icon-circle mb-3">
|
||
<i class="bi-telephone-inbound-fill"></i>
|
||
</span>
|
||
<h4 class="text-white mb-0">Phone Number</h4>
|
||
<a class="text-white-70 small" href="#">+1 (062) 109-9222</a>
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-sm-6">
|
||
<span class="icon icon-soft-light icon-circle mb-3">
|
||
<i class="bi-geo-alt-fill"></i>
|
||
</span>
|
||
<h4 class="text-white mb-0">Address</h4>
|
||
<a class="text-white-70 small" href="#">153 Williamson Plaza, 09514</a>
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
|
||
<div class="col-lg-6 mt-lg-n10">
|
||
<!-- Card -->
|
||
<div class="card zi-2">
|
||
<div class="card-body">
|
||
<div class="mb-4">
|
||
<h3>Drop us a message</h3>
|
||
</div>
|
||
|
||
<!-- Form -->
|
||
<form>
|
||
<div class="row gx-3">
|
||
<div class="col-sm-6">
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label visually-hidden" for="hireUsFormFirstName">First name</label>
|
||
<input type="text" class="form-control form-control-lg" name="hireUsFormNameFirstName" id="hireUsFormFirstName" placeholder="First name" aria-label="First name">
|
||
</div>
|
||
<!-- End Form -->
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col-sm-6">
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label visually-hidden" for="hireUsFormLasttName">Last name</label>
|
||
<input type="text" class="form-control form-control-lg" name="hireUsFormNameLastName" id="hireUsFormLasttName" placeholder="Last name" aria-label="Last name">
|
||
</div>
|
||
<!-- End Form -->
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
<!-- End Row -->
|
||
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label visually-hidden" for="hireUsFormWorkEmail">Email address</label>
|
||
<input type="email" class="form-control form-control-lg" name="hireUsFormNameWorkEmail" id="hireUsFormWorkEmail" placeholder="email@site.com" aria-label="email@site.com">
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label visually-hidden" for="hireUsFormCompanyName">Company name <span class="form-label-secondary">(Optional)</span></label>
|
||
<input type="text" class="form-control form-control-lg" name="hireUsFormNameCompanyName" id="hireUsFormCompanyName" placeholder="Htmlstream" aria-label="Htmlstream">
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<!-- Select -->
|
||
<div class="mb-3">
|
||
<label class="form-label visually-hidden" for="hireUsFormCountry">Country</label>
|
||
<select id="hireUsFormCountry" class="form-select form-select-lg" name="hireUsFormNameCountry" aria-label="Country">
|
||
<option value="" selected disabled>Country</option>
|
||
<option value="AF">Afghanistan</option>
|
||
<option value="AX">Åland Islands</option>
|
||
<option value="AL">Albania</option>
|
||
<option value="DZ">Algeria</option>
|
||
<option value="AS">American Samoa</option>
|
||
<option value="AD">Andorra</option>
|
||
<option value="AO">Angola</option>
|
||
<option value="AI">Anguilla</option>
|
||
<option value="AQ">Antarctica</option>
|
||
<option value="AG">Antigua and Barbuda</option>
|
||
<option value="AR">Argentina</option>
|
||
<option value="AM">Armenia</option>
|
||
<option value="AW">Aruba</option>
|
||
<option value="AU">Australia</option>
|
||
<option value="AT">Austria</option>
|
||
<option value="AZ">Azerbaijan</option>
|
||
<option value="BS">Bahamas</option>
|
||
<option value="BH">Bahrain</option>
|
||
<option value="BD">Bangladesh</option>
|
||
<option value="BB">Barbados</option>
|
||
<option value="BY">Belarus</option>
|
||
<option value="BE">Belgium</option>
|
||
<option value="BZ">Belize</option>
|
||
<option value="BJ">Benin</option>
|
||
<option value="BM">Bermuda</option>
|
||
<option value="BT">Bhutan</option>
|
||
<option value="BO">Bolivia, Plurinational State of</option>
|
||
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
|
||
<option value="BA">Bosnia and Herzegovina</option>
|
||
<option value="BW">Botswana</option>
|
||
<option value="BV">Bouvet Island</option>
|
||
<option value="BR">Brazil</option>
|
||
<option value="IO">British Indian Ocean Territory</option>
|
||
<option value="BN">Brunei Darussalam</option>
|
||
<option value="BG">Bulgaria</option>
|
||
<option value="BF">Burkina Faso</option>
|
||
<option value="BI">Burundi</option>
|
||
<option value="KH">Cambodia</option>
|
||
<option value="CM">Cameroon</option>
|
||
<option value="CA">Canada</option>
|
||
<option value="CV">Cape Verde</option>
|
||
<option value="KY">Cayman Islands</option>
|
||
<option value="CF">Central African Republic</option>
|
||
<option value="TD">Chad</option>
|
||
<option value="CL">Chile</option>
|
||
<option value="CN">China</option>
|
||
<option value="CX">Christmas Island</option>
|
||
<option value="CC">Cocos (Keeling) Islands</option>
|
||
<option value="CO">Colombia</option>
|
||
<option value="KM">Comoros</option>
|
||
<option value="CG">Congo</option>
|
||
<option value="CD">Congo, the Democratic Republic of the</option>
|
||
<option value="CK">Cook Islands</option>
|
||
<option value="CR">Costa Rica</option>
|
||
<option value="CI">Côte d'Ivoire</option>
|
||
<option value="HR">Croatia</option>
|
||
<option value="CU">Cuba</option>
|
||
<option value="CW">Curaçao</option>
|
||
<option value="CY">Cyprus</option>
|
||
<option value="CZ">Czech Republic</option>
|
||
<option value="DK">Denmark</option>
|
||
<option value="DJ">Djibouti</option>
|
||
<option value="DM">Dominica</option>
|
||
<option value="DO">Dominican Republic</option>
|
||
<option value="EC">Ecuador</option>
|
||
<option value="EG">Egypt</option>
|
||
<option value="SV">El Salvador</option>
|
||
<option value="GQ">Equatorial Guinea</option>
|
||
<option value="ER">Eritrea</option>
|
||
<option value="EE">Estonia</option>
|
||
<option value="ET">Ethiopia</option>
|
||
<option value="FK">Falkland Islands (Malvinas)</option>
|
||
<option value="FO">Faroe Islands</option>
|
||
<option value="FJ">Fiji</option>
|
||
<option value="FI">Finland</option>
|
||
<option value="FR">France</option>
|
||
<option value="GF">French Guiana</option>
|
||
<option value="PF">French Polynesia</option>
|
||
<option value="TF">French Southern Territories</option>
|
||
<option value="GA">Gabon</option>
|
||
<option value="GM">Gambia</option>
|
||
<option value="GE">Georgia</option>
|
||
<option value="DE">Germany</option>
|
||
<option value="GH">Ghana</option>
|
||
<option value="GI">Gibraltar</option>
|
||
<option value="GR">Greece</option>
|
||
<option value="GL">Greenland</option>
|
||
<option value="GD">Grenada</option>
|
||
<option value="GP">Guadeloupe</option>
|
||
<option value="GU">Guam</option>
|
||
<option value="GT">Guatemala</option>
|
||
<option value="GG">Guernsey</option>
|
||
<option value="GN">Guinea</option>
|
||
<option value="GW">Guinea-Bissau</option>
|
||
<option value="GY">Guyana</option>
|
||
<option value="HT">Haiti</option>
|
||
<option value="HM">Heard Island and McDonald Islands</option>
|
||
<option value="VA">Holy See (Vatican City State)</option>
|
||
<option value="HN">Honduras</option>
|
||
<option value="HK">Hong Kong</option>
|
||
<option value="HU">Hungary</option>
|
||
<option value="IS">Iceland</option>
|
||
<option value="IN">India</option>
|
||
<option value="ID">Indonesia</option>
|
||
<option value="IR">Iran, Islamic Republic of</option>
|
||
<option value="IQ">Iraq</option>
|
||
<option value="IE">Ireland</option>
|
||
<option value="IM">Isle of Man</option>
|
||
<option value="IL">Israel</option>
|
||
<option value="IT">Italy</option>
|
||
<option value="JM">Jamaica</option>
|
||
<option value="JP">Japan</option>
|
||
<option value="JE">Jersey</option>
|
||
<option value="JO">Jordan</option>
|
||
<option value="KZ">Kazakhstan</option>
|
||
<option value="KE">Kenya</option>
|
||
<option value="KI">Kiribati</option>
|
||
<option value="KP">Korea, Democratic People's Republic of</option>
|
||
<option value="KR">Korea, Republic of</option>
|
||
<option value="KW">Kuwait</option>
|
||
<option value="KG">Kyrgyzstan</option>
|
||
<option value="LA">Lao People's Democratic Republic</option>
|
||
<option value="LV">Latvia</option>
|
||
<option value="LB">Lebanon</option>
|
||
<option value="LS">Lesotho</option>
|
||
<option value="LR">Liberia</option>
|
||
<option value="LY">Libya</option>
|
||
<option value="LI">Liechtenstein</option>
|
||
<option value="LT">Lithuania</option>
|
||
<option value="LU">Luxembourg</option>
|
||
<option value="MO">Macao</option>
|
||
<option value="MK">Macedonia, the former Yugoslav Republic of</option>
|
||
<option value="MG">Madagascar</option>
|
||
<option value="MW">Malawi</option>
|
||
<option value="MY">Malaysia</option>
|
||
<option value="MV">Maldives</option>
|
||
<option value="ML">Mali</option>
|
||
<option value="MT">Malta</option>
|
||
<option value="MH">Marshall Islands</option>
|
||
<option value="MQ">Martinique</option>
|
||
<option value="MR">Mauritania</option>
|
||
<option value="MU">Mauritius</option>
|
||
<option value="YT">Mayotte</option>
|
||
<option value="MX">Mexico</option>
|
||
<option value="FM">Micronesia, Federated States of</option>
|
||
<option value="MD">Moldova, Republic of</option>
|
||
<option value="MC">Monaco</option>
|
||
<option value="MN">Mongolia</option>
|
||
<option value="ME">Montenegro</option>
|
||
<option value="MS">Montserrat</option>
|
||
<option value="MA">Morocco</option>
|
||
<option value="MZ">Mozambique</option>
|
||
<option value="MM">Myanmar</option>
|
||
<option value="NA">Namibia</option>
|
||
<option value="NR">Nauru</option>
|
||
<option value="NP">Nepal</option>
|
||
<option value="NL">Netherlands</option>
|
||
<option value="NC">New Caledonia</option>
|
||
<option value="NZ">New Zealand</option>
|
||
<option value="NI">Nicaragua</option>
|
||
<option value="NE">Niger</option>
|
||
<option value="NG">Nigeria</option>
|
||
<option value="NU">Niue</option>
|
||
<option value="NF">Norfolk Island</option>
|
||
<option value="MP">Northern Mariana Islands</option>
|
||
<option value="NO">Norway</option>
|
||
<option value="OM">Oman</option>
|
||
<option value="PK">Pakistan</option>
|
||
<option value="PW">Palau</option>
|
||
<option value="PS">Palestinian Territory, Occupied</option>
|
||
<option value="PA">Panama</option>
|
||
<option value="PG">Papua New Guinea</option>
|
||
<option value="PY">Paraguay</option>
|
||
<option value="PE">Peru</option>
|
||
<option value="PH">Philippines</option>
|
||
<option value="PN">Pitcairn</option>
|
||
<option value="PL">Poland</option>
|
||
<option value="PT">Portugal</option>
|
||
<option value="PR">Puerto Rico</option>
|
||
<option value="QA">Qatar</option>
|
||
<option value="RE">Réunion</option>
|
||
<option value="RO">Romania</option>
|
||
<option value="RU">Russian Federation</option>
|
||
<option value="RW">Rwanda</option>
|
||
<option value="BL">Saint Barthélemy</option>
|
||
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
|
||
<option value="KN">Saint Kitts and Nevis</option>
|
||
<option value="LC">Saint Lucia</option>
|
||
<option value="MF">Saint Martin (French part)</option>
|
||
<option value="PM">Saint Pierre and Miquelon</option>
|
||
<option value="VC">Saint Vincent and the Grenadines</option>
|
||
<option value="WS">Samoa</option>
|
||
<option value="SM">San Marino</option>
|
||
<option value="ST">Sao Tome and Principe</option>
|
||
<option value="SA">Saudi Arabia</option>
|
||
<option value="SN">Senegal</option>
|
||
<option value="RS">Serbia</option>
|
||
<option value="SC">Seychelles</option>
|
||
<option value="SL">Sierra Leone</option>
|
||
<option value="SG">Singapore</option>
|
||
<option value="SX">Sint Maarten (Dutch part)</option>
|
||
<option value="SK">Slovakia</option>
|
||
<option value="SI">Slovenia</option>
|
||
<option value="SB">Solomon Islands</option>
|
||
<option value="SO">Somalia</option>
|
||
<option value="ZA">South Africa</option>
|
||
<option value="GS">South Georgia and the South Sandwich Islands</option>
|
||
<option value="SS">South Sudan</option>
|
||
<option value="ES">Spain</option>
|
||
<option value="LK">Sri Lanka</option>
|
||
<option value="SD">Sudan</option>
|
||
<option value="SR">Suriname</option>
|
||
<option value="SJ">Svalbard and Jan Mayen</option>
|
||
<option value="SZ">Swaziland</option>
|
||
<option value="SE">Sweden</option>
|
||
<option value="CH">Switzerland</option>
|
||
<option value="SY">Syrian Arab Republic</option>
|
||
<option value="TW">Taiwan, Province of China</option>
|
||
<option value="TJ">Tajikistan</option>
|
||
<option value="TZ">Tanzania, United Republic of</option>
|
||
<option value="TH">Thailand</option>
|
||
<option value="TL">Timor-Leste</option>
|
||
<option value="TG">Togo</option>
|
||
<option value="TK">Tokelau</option>
|
||
<option value="TO">Tonga</option>
|
||
<option value="TT">Trinidad and Tobago</option>
|
||
<option value="TN">Tunisia</option>
|
||
<option value="TR">Turkey</option>
|
||
<option value="TM">Turkmenistan</option>
|
||
<option value="TC">Turks and Caicos Islands</option>
|
||
<option value="TV">Tuvalu</option>
|
||
<option value="UG">Uganda</option>
|
||
<option value="UA">Ukraine</option>
|
||
<option value="AE">United Arab Emirates</option>
|
||
<option value="GB">United Kingdom</option>
|
||
<option value="US">United States</option>
|
||
<option value="UM">United States Minor Outlying Islands</option>
|
||
<option value="UY">Uruguay</option>
|
||
<option value="UZ">Uzbekistan</option>
|
||
<option value="VU">Vanuatu</option>
|
||
<option value="VE">Venezuela, Bolivarian Republic of</option>
|
||
<option value="VN">Viet Nam</option>
|
||
<option value="VG">Virgin Islands, British</option>
|
||
<option value="VI">Virgin Islands, U.S.</option>
|
||
<option value="WF">Wallis and Futuna</option>
|
||
<option value="EH">Western Sahara</option>
|
||
<option value="YE">Yemen</option>
|
||
<option value="ZM">Zambia</option>
|
||
<option value="ZW">Zimbabwe</option>
|
||
</select>
|
||
</div>
|
||
<!-- End Select -->
|
||
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label visually-hidden" for="hireUsFormDetails">Details</label>
|
||
<textarea class="form-control form-control-lg" name="hireUsFormNameDetails" id="hireUsFormDetails" placeholder="Tell us about your project" aria-label="Tell us about your project" rows="4"></textarea>
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<!-- Check -->
|
||
<div class="form-check mb-4">
|
||
<input type="checkbox" class="form-check-input" id="signupFormPrivacyCheck" name="signupFormPrivacyCheck" required data-msg="Please accept our Privacy Policy.">
|
||
<label class="form-check-label small" for="signupFormPrivacyCheck"> By submitting this form I have read and acknowledged the <a href=./page-privacy.html>Privacy Policy</a></label>
|
||
</div>
|
||
<!-- End Check -->
|
||
|
||
<div class="d-grid mb-2">
|
||
<button type="submit" class="btn btn-primary btn-lg">Send inquiry</button>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<span class="form-text">We'll get back to you in 1-2 business days.</span>
|
||
</div>
|
||
</form>
|
||
<!-- End Form -->
|
||
</div>
|
||
</div>
|
||
<!-- End Card -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<!-- Logo -->
|
||
<a class="d-inline-flex align-items-center mb-2" href="index.html" aria-label="Front">
|
||
<img class="brand" src="./assets/svg/logos/logo-white.svg" alt="Logo">
|
||
</a>
|
||
<!-- End Logo -->
|
||
|
||
<p class="text-white-70 small">© Front. 2021 Htmlstream. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SVG Background Shape -->
|
||
<div class="position-absolute bottom-0 start-0 end-0">
|
||
<img class="img-fluid" src="./assets/svg/components/isometric-squares-light.svg" alt="Image Description">
|
||
</div>
|
||
<!-- End SVG Background Shape -->
|
||
</footer>
|
||
<!-- ========== END FOOTER ========== -->
|
||
|
||
<!-- ========== SECONDARY CONTENTS ========== -->
|
||
<!-- Sign Up -->
|
||
<div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<!-- Header -->
|
||
<div class="modal-close">
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
</div>
|
||
<!-- End Header -->
|
||
|
||
<!-- Body -->
|
||
<div class="modal-body">
|
||
<!-- Log in -->
|
||
<div id="signupModalFormLogin" style="display: none; opacity: 0;">
|
||
<!-- Heading -->
|
||
<div class="text-center mb-7">
|
||
<h2>Log in</h2>
|
||
<p>Don't have an account yet?
|
||
<a class="js-animation-link link" href="javascript:;" role="button"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormSignup",
|
||
"groupName": "idForm"
|
||
}'>Sign up</a>
|
||
</p>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<div class="d-grid gap-2">
|
||
<a class="btn btn-white btn-lg" href="#">
|
||
<span class="d-flex justify-content-center align-items-center">
|
||
<img class="avatar avatar-xss me-2" src="./assets/svg/brands/google-icon.svg" alt="Image Description">
|
||
Log in with Google
|
||
</span>
|
||
</a>
|
||
|
||
<a class="js-animation-link btn btn-primary btn-lg" href="#"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormLoginWithEmail",
|
||
"groupName": "idForm"
|
||
}'>Log in with Email</a>
|
||
</div>
|
||
</div>
|
||
<!-- End Log in -->
|
||
|
||
<!-- Log in with Modal -->
|
||
<div id="signupModalFormLoginWithEmail" style="display: none; opacity: 0;">
|
||
<!-- Heading -->
|
||
<div class="text-center mb-7">
|
||
<h2>Log in</h2>
|
||
<p>Don't have an account yet?
|
||
<a class="js-animation-link link" href="javascript:;" role="button"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormSignup",
|
||
"groupName": "idForm"
|
||
}'>Sign up</a>
|
||
</p>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<form class="js-validate needs-validation" novalidate>
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label" for="signupModalFormLoginEmail">Your email</label>
|
||
<input type="email" class="form-control form-control-lg" name="email" id="signupModalFormLoginEmail" placeholder="email@site.com" aria-label="email@site.com" required>
|
||
<span class="invalid-feedback">Please enter a valid email address.</span>
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<label class="form-label" for="signupModalFormLoginPassword">Password</label>
|
||
|
||
<a class="js-animation-link form-label-link" href="javascript:;"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormResetPassword",
|
||
"groupName": "idForm"
|
||
}'>Forgot Password?</a>
|
||
</div>
|
||
|
||
<input type="password" class="form-control form-control-lg" name="password" id="signupModalFormLoginPassword" placeholder="8+ characters required" aria-label="8+ characters required" required minlength="8">
|
||
<span class="invalid-feedback">Please enter a valid password.</span>
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<div class="d-grid mb-3">
|
||
<button type="submit" class="btn btn-primary form-control-lg">Log in</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- End Log in with Modal -->
|
||
|
||
<!-- Sign up -->
|
||
<div id="signupModalFormSignup">
|
||
<!-- Heading -->
|
||
<div class="text-center mb-7">
|
||
<h2>Sign up</h2>
|
||
<p>Already have an account?
|
||
<a class="js-animation-link link" href="javascript:;" role="button"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormLogin",
|
||
"groupName": "idForm"
|
||
}'>Log in</a>
|
||
</p>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<div class="d-grid gap-3">
|
||
<a class="btn btn-white btn-lg" href="#">
|
||
<span class="d-flex justify-content-center align-items-center">
|
||
<img class="avatar avatar-xss me-2" src="./assets/svg/brands/google-icon.svg" alt="Image Description">
|
||
Sign up with Google
|
||
</span>
|
||
</a>
|
||
|
||
<a class="js-animation-link btn btn-primary btn-lg" href="#"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormSignupWithEmail",
|
||
"groupName": "idForm"
|
||
}'>Sign up with Email</a>
|
||
|
||
<div class="text-center">
|
||
<p class="small mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Sign up -->
|
||
|
||
<!-- Sign up with Modal -->
|
||
<div id="signupModalFormSignupWithEmail" style="display: none; opacity: 0;">
|
||
<!-- Heading -->
|
||
<div class="text-center mb-7">
|
||
<h2>Sign up</h2>
|
||
<p>Already have an account?
|
||
<a class="js-animation-link link" href="javascript:;" role="button"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormLogin",
|
||
"groupName": "idForm"
|
||
}'>Log in</a>
|
||
</p>
|
||
</div>
|
||
<!-- End Heading -->
|
||
|
||
<form class="js-validate need-validate" novalidate>
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label" for="signupModalFormSignupEmail">Your email</label>
|
||
<input type="email" class="form-control form-control-lg" name="email" id="signupModalFormSignupEmail" placeholder="email@site.com" aria-label="email@site.com" required>
|
||
<span class="invalid-feedback">Please enter a valid email address.</span>
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<!-- Form -->
|
||
<div class="mb-3">
|
||
<label class="form-label" for="signupModalFormSignupPassword">Password</label>
|
||
<input type="password" class="form-control form-control-lg" name="password" id="signupModalFormSignupPassword" placeholder="8+ characters required" aria-label="8+ characters required" required>
|
||
<span class="invalid-feedback">Your password is invalid. Please try again.</span>
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<!-- Form -->
|
||
<div class="mb-3" data-hs-validation-validate-class>
|
||
<label class="form-label" for="signupModalFormSignupConfirmPassword">Confirm password</label>
|
||
<input type="password" class="form-control form-control-lg" name="confirmPassword" id="signupModalFormSignupConfirmPassword" placeholder="8+ characters required" aria-label="8+ characters required" required
|
||
data-hs-validation-equal-field="#signupModalFormSignupPassword">
|
||
<span class="invalid-feedback">Password does not match the confirm password.</span>
|
||
</div>
|
||
<!-- End Form -->
|
||
|
||
<div class="d-grid mb-3">
|
||
<button type="submit" class="btn btn-primary form-control-lg">Sign up</button>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<p class="small mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- End Sign up with Modal -->
|
||
|
||
<!-- Reset Password -->
|
||
<div id="signupModalFormResetPassword" style="display: none; opacity: 0;">
|
||
<!-- Heading -->
|
||
<div class="text-center mb-7">
|
||
<h2>Forgot password?</h2>
|
||
<p>Enter the email address you used when you joined and we'll send you instructions to reset your password.</p>
|
||
</div>
|
||
<!-- En dHeading -->
|
||
|
||
<form class="js-validate need-validate" novalidate>
|
||
<div class="mb-3">
|
||
<!-- Form -->
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<label class="form-label" for="signupModalFormResetPasswordEmail" tabindex="0">Your email</label>
|
||
|
||
<a class="js-animation-link form-label-link" href="javascript:;"
|
||
data-hs-show-animation-options='{
|
||
"targetSelector": "#signupModalFormLogin",
|
||
"groupName": "idForm"
|
||
}'>
|
||
<i class="bi-chevron-left small"></i> Back to Log in
|
||
</a>
|
||
</div>
|
||
|
||
<input type="email" class="form-control form-control-lg" name="email" id="signupModalFormResetPasswordEmail" tabindex="1" placeholder="Enter your email address" aria-label="Enter your email address" required>
|
||
<span class="invalid-feedback">Please enter a valid email address.</span>
|
||
<!-- End Form -->
|
||
</div>
|
||
|
||
<div class="d-grid">
|
||
<button type="submit" class="btn btn-primary form-control-lg">Submit</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- End Reset Password -->
|
||
</div>
|
||
<!-- End Body -->
|
||
|
||
<!-- Footer -->
|
||
<div class="modal-footer d-block text-center py-sm-5">
|
||
<small class="text-cap mb-4">Trusted by the world's best teams</small>
|
||
|
||
<div class="w-85 mx-auto">
|
||
<div class="row justify-content-between">
|
||
<div class="col">
|
||
<img class="img-fluid" src="./assets/svg/brands/gitlab-gray.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col">
|
||
<img class="img-fluid" src="./assets/svg/brands/fitbit-gray.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col">
|
||
<img class="img-fluid" src="./assets/svg/brands/flow-xo-gray.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Col -->
|
||
|
||
<div class="col">
|
||
<img class="img-fluid" src="./assets/svg/brands/layar-gray.svg" alt="Logo">
|
||
</div>
|
||
<!-- End Col -->
|
||
</div>
|
||
</div>
|
||
<!-- End Row -->
|
||
</div>
|
||
<!-- End Footer -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Go To -->
|
||
<a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
|
||
data-hs-go-to-options='{
|
||
"offsetTop": 700,
|
||
"position": {
|
||
"init": {
|
||
"right": "2rem"
|
||
},
|
||
"show": {
|
||
"bottom": "2rem"
|
||
},
|
||
"hide": {
|
||
"bottom": "-2rem"
|
||
}
|
||
}
|
||
}'>
|
||
<i class="bi-chevron-up"></i>
|
||
</a>
|
||
<!-- ========== END SECONDARY CONTENTS ========== -->
|
||
|
||
|
||
<!-- JS Implementing Plugins -->
|
||
<script src="./assets/js/vendor.min.js"></script>
|
||
<script src="./assets/vendor/aos/dist/aos.js"></script>
|
||
|
||
<!-- JS Front -->
|
||
<script src="./assets/js/theme.min.js"></script>
|
||
|
||
<!-- JS Plugins Init. -->
|
||
<script>
|
||
(function() {
|
||
// INITIALIZATION OF HEADER
|
||
// =======================================================
|
||
new HSHeader('#header').init()
|
||
|
||
|
||
// INITIALIZATION OF MEGA MENU
|
||
// =======================================================
|
||
new HSMegaMenu('.js-mega-menu', {
|
||
desktop: {
|
||
position: 'left'
|
||
}
|
||
})
|
||
|
||
|
||
// INITIALIZATION OF SHOW ANIMATIONS
|
||
// =======================================================
|
||
new HSShowAnimation('.js-animation-link')
|
||
|
||
|
||
// INITIALIZATION OF BOOTSTRAP VALIDATION
|
||
// =======================================================
|
||
HSBsValidation.init('.js-validate', {
|
||
onSubmit: data => {
|
||
data.event.preventDefault()
|
||
alert('Submited')
|
||
}
|
||
})
|
||
|
||
|
||
// INITIALIZATION OF GO TO
|
||
// =======================================================
|
||
new HSGoTo('.js-go-to')
|
||
|
||
|
||
// INITIALIZATION OF AOS
|
||
// =======================================================
|
||
AOS.init({
|
||
duration: 650,
|
||
once: true
|
||
});
|
||
|
||
|
||
// INITIALIZATION OF SWIPER
|
||
// =======================================================
|
||
var swiper = new Swiper('.js-swiper-hero-clients',{
|
||
slidesPerView: 2,
|
||
breakpoints: {
|
||
380: {
|
||
slidesPerView: 3,
|
||
spaceBetween: 15,
|
||
},
|
||
768: {
|
||
slidesPerView: 4,
|
||
spaceBetween: 15,
|
||
},
|
||
1024: {
|
||
slidesPerView: 5,
|
||
spaceBetween: 15,
|
||
},
|
||
},
|
||
});
|
||
|
||
// Card Grid
|
||
var swiper = new Swiper('.js-swiper-card-blocks',{
|
||
slidesPerView: 1,
|
||
pagination: {
|
||
el: '.js-swiper-card-blocks-pagination',
|
||
dynamicBullets: true,
|
||
clickable: true,
|
||
},
|
||
breakpoints: {
|
||
580: {
|
||
slidesPerView: 2,
|
||
spaceBetween: 15,
|
||
},
|
||
992: {
|
||
slidesPerView: 3,
|
||
spaceBetween: 15,
|
||
},
|
||
},
|
||
});
|
||
})()
|
||
</script>
|
||
</body>
|
||
</html>
|