650 lines
30 KiB
HTML
650 lines
30 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>Coming Soon | 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/vendor/bootstrap-icons/font/bootstrap-icons.css">
|
|
<link rel="stylesheet" href="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
|
|
|
|
<!-- CSS Front Template -->
|
|
<link rel="stylesheet" href="./assets/css/theme.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- ========== HEADER ========== -->
|
|
<header id="header" class="navbar navbar-expand-lg navbar-end navbar-light bg-white">
|
|
<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">
|
|
<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 " 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 " 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 active" 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 active" 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>
|
|
<!-- End Collapse -->
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ========== END HEADER ========== -->
|
|
|
|
<!-- ========== MAIN CONTENT ========== -->
|
|
<main id="content" role="main">
|
|
<!-- Hero -->
|
|
<div class="shape-container overflow-hidden">
|
|
<div class="bg-dark" style="background-image: url(./assets/svg/components/wave-pattern-light.svg);">
|
|
<div class="container content-space-1 content-space-t-md-3 content-space-b-md-4">
|
|
<div class="position-relative w-lg-75 text-center mx-lg-auto">
|
|
<div class="mb-7">
|
|
<h1 class="display-4 text-white">We are coming <span class="text-warning">soon!</span></h1>
|
|
<p class="lead text-white">Currently we are working on our brand new website and will be lunching soon. Do not miss it, subscribe below to keep updated.</p>
|
|
</div>
|
|
|
|
<div class="js-countdown row">
|
|
<div class="col-3">
|
|
<h2 class="js-cd-days h1 text-white"></h2>
|
|
<h4 class="text-white-70 mb-0">Days</h4>
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-3">
|
|
<h2 class="js-cd-hours h1 text-white"></h2>
|
|
<h4 class="text-white-70 mb-0">Hours</h4>
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-3">
|
|
<h2 class="js-cd-minutes h1 text-white"></h2>
|
|
<h4 class="text-white-70 mb-0">Mins</h4>
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-3">
|
|
<h2 class="js-cd-seconds h1 text-white"></h2>
|
|
<h4 class="text-white-70 mb-0">Secs</h4>
|
|
</div>
|
|
<!-- End Col -->
|
|
</div>
|
|
<!-- End Row -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Shape -->
|
|
<div class="shape shape-bottom zi-1" style="margin-bottom: -.125rem">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1">
|
|
<path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"></path>
|
|
</svg>
|
|
</div>
|
|
<!-- End Shape -->
|
|
</div>
|
|
<!-- End Hero -->
|
|
|
|
<!-- Features -->
|
|
<div class="container content-space-1 content-space-md-3">
|
|
<!-- Heading -->
|
|
<div class="w-lg-65 text-center mx-lg-auto mb-7">
|
|
<h2>Facts about Front</h2>
|
|
<p>Front is a creative technology company providing key digital services for anyone with experience.</p>
|
|
</div>
|
|
<!-- End Heading -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-4 mb-5 mb-md-0">
|
|
<div class="text-center mx-md-3">
|
|
<span class="svg-icon text-primary mb-3">
|
|
<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"/>
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<h3>Cross platform</h3>
|
|
<p>Front offers native notification support for iOS, Android and web, so you can reach your users wherever they are</p>
|
|
</div>
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-md-4 mb-5 mb-md-0">
|
|
<div class="text-center mx-md-3">
|
|
<span class="svg-icon text-primary mb-3">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M18.4 17H7C5.9 17 5 16.1 5 15C5 13.9 5.9 13 7 13H17C19.2 13 21 11.2 21 9C21 6.8 19.2 5 17 5H5.60001V7H17C18.1 7 19 7.9 19 9C19 10.1 18.1 11 17 11H7C4.8 11 3 12.8 3 15C3 17.2 4.8 19 7 19H18.4V17Z" fill="#035A4B"/>
|
|
<path opacity="0.3" d="M18.4 22V14L21.7 17.3C22.1 17.7 22.1 18.3 21.7 18.7L18.4 22ZM5.6 10V2L2.3 5.29999C1.9 5.69999 1.9 6.30001 2.3 6.70001L5.6 10Z" fill="#035A4B"/>
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<h3>Scalable delivery</h3>
|
|
<p>Broadcast information to unlimited subscribed devices using Device Interests, with 1 million+ messages per minute on every platform</p>
|
|
</div>
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-md-4">
|
|
<div class="text-center mx-md-3">
|
|
<span class="svg-icon text-primary mb-3">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M14 18V16H10V18L9 20H15L14 18Z" fill="#035A4B"/>
|
|
<path opacity="0.3" d="M20 4H17V3C17 2.4 16.6 2 16 2H8C7.4 2 7 2.4 7 3V4H4C3.4 4 3 4.4 3 5V9C3 11.2 4.8 13 7 13C8.2 14.2 8.8 14.8 10 16H14C15.2 14.8 15.8 14.2 17 13C19.2 13 21 11.2 21 9V5C21 4.4 20.6 4 20 4ZM5 9V6H7V11C5.9 11 5 10.1 5 9ZM19 9C19 10.1 18.1 11 17 11V6H19V9ZM17 21V22H7V21C7 20.4 7.4 20 8 20H16C16.6 20 17 20.4 17 21ZM10 9C9.4 9 9 8.6 9 8V5C9 4.4 9.4 4 10 4C10.6 4 11 4.4 11 5V8C11 8.6 10.6 9 10 9ZM10 13C9.4 13 9 12.6 9 12V11C9 10.4 9.4 10 10 10C10.6 10 11 10.4 11 11V12C11 12.6 10.6 13 10 13Z" fill="#035A4B"/>
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<h3>Quality</h3>
|
|
<p>We set the bar high so you can deliver first-class customer experiences that are flexible, convenient and dependable.</p>
|
|
</div>
|
|
</div>
|
|
<!-- End Col -->
|
|
</div>
|
|
<!-- End Row -->
|
|
</div>
|
|
<!-- End Features -->
|
|
|
|
<!-- Mockup -->
|
|
<div class="shape-container">
|
|
<div class="container">
|
|
<!-- Devices -->
|
|
<div class="devices">
|
|
<!-- Mobile Device -->
|
|
<figure class="device-mobile rotated-3d-right">
|
|
<div class="device-mobile-frame">
|
|
<img class="device-mobile-img" src="./assets/img/407x867/img1.jpg" alt="Image Description">
|
|
</div>
|
|
</figure>
|
|
<!-- End Mobile Device -->
|
|
|
|
<!-- 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/img7.jpg" alt="Image Description">
|
|
</div>
|
|
</figure>
|
|
<!-- End Browser Device -->
|
|
</div>
|
|
<!-- End Devices -->
|
|
</div>
|
|
|
|
<!-- Shape -->
|
|
<div class="shape shape-bottom zi-3">
|
|
<svg width="3000" height="500" viewBox="0 0 3000 500" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 500H3000V0L0 500Z" fill="#fff"/>
|
|
</svg>
|
|
</div>
|
|
<!-- End Shape -->
|
|
</div>
|
|
<!-- End Mockup -->
|
|
|
|
<!-- Subscribe -->
|
|
<div class="container content-space-1">
|
|
<!-- Heading -->
|
|
<div class="w-lg-65 text-center mx-lg-auto mb-7">
|
|
<h3>Subscribe for Beta and be the first to try our Web Application!</h3>
|
|
</div>
|
|
<!-- End Heading -->
|
|
|
|
<div class="text-center mx-auto" style="max-width: 32rem;">
|
|
<form>
|
|
<!-- Input Card -->
|
|
<div class="input-card input-card-sm border mb-5">
|
|
<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" id="heroNameAddOn">Subscribe</button>
|
|
</div>
|
|
<!-- End Input Card -->
|
|
</form>
|
|
|
|
<a class="link" href="./page-login.html">Create a free account <i class="bi-chevron-right small ms-1"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- End Subscribe -->
|
|
</main>
|
|
<!-- ========== END MAIN CONTENT ========== -->
|
|
|
|
<!-- ========== FOOTER ========== -->
|
|
<footer>
|
|
<div class="container pb-1 pb-lg-7">
|
|
<div class="row content-space-t-2">
|
|
<div class="col-lg-3 mb-7 mb-lg-0">
|
|
<!-- Logo -->
|
|
<div class="mb-5">
|
|
<a class="navbar-brand" href="./index.html" aria-label="Space">
|
|
<img class="navbar-brand-logo" src="./assets/svg/logos/logo.svg" alt="Image Description">
|
|
</a>
|
|
</div>
|
|
<!-- End Logo -->
|
|
|
|
<!-- List -->
|
|
<ul class="list-unstyled list-py-1">
|
|
<li><a class="link-sm link-secondary" href="#"><i class="bi-geo-alt-fill me-1"></i> 153 Williamson Plaza, Maggieberg</a></li>
|
|
<li><a class="link-sm link-secondary" href="tel:1-062-109-9222"><i class="bi-telephone-inbound-fill me-1"></i> +1 (062) 109-9222</a></li>
|
|
</ul>
|
|
<!-- End List -->
|
|
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-sm mb-7 mb-sm-0">
|
|
<h5 class="mb-3">Company</h5>
|
|
|
|
<!-- List -->
|
|
<ul class="list-unstyled list-py-1 mb-0">
|
|
<li><a class="link-sm link-secondary" href="#">About</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Careers <span class="badge bg-warning text-dark rounded-pill ms-1">We're hiring</span></a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Blog</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Customers <i class="bi-box-arrow-up-right small ms-1"></i></a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Hire us</a></li>
|
|
</ul>
|
|
<!-- End List -->
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-sm mb-7 mb-sm-0">
|
|
<h5 class="mb-3">Features</h5>
|
|
|
|
<!-- List -->
|
|
<ul class="list-unstyled list-py-1 mb-0">
|
|
<li><a class="link-sm link-secondary" href="#">Press <i class="bi-box-arrow-up-right small ms-1"></i></a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Release Notes</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Integrations</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Pricing</a></li>
|
|
</ul>
|
|
<!-- End List -->
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-sm">
|
|
<h5 class="mb-3">Documentation</h5>
|
|
|
|
<!-- List -->
|
|
<ul class="list-unstyled list-py-1 mb-0">
|
|
<li><a class="link-sm link-secondary" href="#">Support</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Docs</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Status</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">API Reference</a></li>
|
|
<li><a class="link-sm link-secondary" href="#">Tech Requirements</a></li>
|
|
</ul>
|
|
<!-- End List -->
|
|
</div>
|
|
<!-- End Col -->
|
|
|
|
<div class="col-sm">
|
|
<h5 class="mb-3">Resources</h5>
|
|
|
|
<!-- List -->
|
|
<ul class="list-unstyled list-py-1 mb-5">
|
|
<li><a class="link-sm link-secondary" href="#"><i class="bi-question-circle-fill me-1"></i> Help</a></li>
|
|
<li><a class="link-sm link-secondary" href="#"><i class="bi-person-circle me-1"></i> Your Account</a></li>
|
|
</ul>
|
|
<!-- End List -->
|
|
</div>
|
|
<!-- End Col -->
|
|
</div>
|
|
<!-- End Row -->
|
|
|
|
<div class="border-top my-7"></div>
|
|
|
|
<div class="row mb-7">
|
|
<div class="col-sm mb-3 mb-sm-0">
|
|
<!-- Socials -->
|
|
<ul class="list-inline list-separator mb-0">
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">Privacy & Policy</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">Terms</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">Site Map</a>
|
|
</li>
|
|
</ul>
|
|
<!-- End Socials -->
|
|
</div>
|
|
|
|
<div class="col-sm-auto">
|
|
<!-- Socials -->
|
|
<ul class="list-inline mb-0">
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-soft-secondary btn-xs btn-icon" href="#">
|
|
<i class="bi-facebook"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-soft-secondary btn-xs btn-icon" href="#">
|
|
<i class="bi-google"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-soft-secondary btn-xs btn-icon" href="#">
|
|
<i class="bi-twitter"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-soft-secondary btn-xs btn-icon" href="#">
|
|
<i class="bi-github"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<!-- Button Group -->
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-soft-secondary btn-xs dropdown-toggle" id="footerSelectLanguage" data-bs-toggle="dropdown" aria-expanded="false" data-bs-dropdown-animation>
|
|
<span class="d-flex align-items-center">
|
|
<img class="avatar avatar-xss avatar-circle me-2" src="./assets/vendor/flag-icon-css/flags/1x1/us.svg" alt="Image description" width="16"/>
|
|
<span>English (US)</span>
|
|
</span>
|
|
</button>
|
|
|
|
<div class="dropdown-menu" aria-labelledby="footerSelectLanguage">
|
|
<a class="dropdown-item d-flex align-items-center active" href="#">
|
|
<img class="avatar avatar-xss avatar-circle me-2" src="./assets/vendor/flag-icon-css/flags/1x1/us.svg" alt="Image description" width="16"/>
|
|
<span>English (US)</span>
|
|
</a>
|
|
<a class="dropdown-item d-flex align-items-center" href="#">
|
|
<img class="avatar avatar-xss avatar-circle me-2" src="./assets/vendor/flag-icon-css/flags/1x1/de.svg" alt="Image description" width="16"/>
|
|
<span>Deutsch</span>
|
|
</a>
|
|
<a class="dropdown-item d-flex align-items-center" href="#">
|
|
<img class="avatar avatar-xss avatar-circle me-2" src="./assets/vendor/flag-icon-css/flags/1x1/es.svg" alt="Image description" width="16"/>
|
|
<span>Español</span>
|
|
</a>
|
|
<a class="dropdown-item d-flex align-items-center" href="#">
|
|
<img class="avatar avatar-xss avatar-circle me-2" src="./assets/vendor/flag-icon-css/flags/1x1/cn.svg" alt="Image description" width="16"/>
|
|
<span>中文 (繁體)</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Button Group -->
|
|
</li>
|
|
</ul>
|
|
<!-- End Socials -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Copyright -->
|
|
<div class="w-md-85 text-lg-center mx-lg-auto">
|
|
<p class="text-muted small">© Front. 2021 Htmlstream. All rights reserved.</p>
|
|
<p class="text-muted small">When you visit or interact with our sites, services or tools, we or our authorised service providers may use cookies for storing information to help provide you with a better, faster and safer experience and for marketing purposes.</p>
|
|
</div>
|
|
<!-- End Copyright -->
|
|
</div>
|
|
</footer>
|
|
<!-- ========== END FOOTER ========== -->
|
|
|
|
<!-- JS Global Compulsory -->
|
|
<script src="./assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- JS Implementing Plugins -->
|
|
<script src="./assets/vendor/hs-header/dist/hs-header.min.js"></script>
|
|
<script src="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
|
|
<script src="./assets/vendor/countdown/countdown.js"></script>
|
|
|
|
<!-- JS Front -->
|
|
<script src="./assets/js/theme.min.js"></script>
|
|
|
|
<script>
|
|
(function () {
|
|
// INITIALIZATION OF HEADER
|
|
// =======================================================
|
|
new HSHeader('#header').init()
|
|
|
|
|
|
// INITIALIZATION OF MEGA MENU
|
|
// =======================================================
|
|
new HSMegaMenu('.js-mega-menu', {
|
|
desktop: {
|
|
position: 'left'
|
|
}
|
|
})
|
|
|
|
// INITIALIZATION OF COUNTDOWN
|
|
// =======================================================
|
|
const oneYearFromNow = new Date()
|
|
|
|
document.querySelectorAll('.js-countdown').forEach(item => {
|
|
const days = item.querySelector('.js-cd-days'),
|
|
hours = item.querySelector('.js-cd-hours'),
|
|
minutes = item.querySelector('.js-cd-minutes'),
|
|
seconds = item.querySelector('.js-cd-seconds')
|
|
|
|
countdown(oneYearFromNow.setFullYear(
|
|
oneYearFromNow.getFullYear() + 1),
|
|
ts => {
|
|
days.innerHTML = ts.days
|
|
hours.innerHTML = ts.hours
|
|
minutes.innerHTML = ts.minutes
|
|
seconds.innerHTML = ts.seconds
|
|
},
|
|
countdown.DAYS | countdown.HOURS | countdown.MINUTES | countdown.SECONDS
|
|
)
|
|
})
|
|
})()
|
|
</script>
|
|
</body>
|
|
</html>
|