381 lines
18 KiB
HTML
381 lines
18 KiB
HTML
{{template "components/header.html" .}}
|
|
{{template "components/preloader.html" .}}
|
|
<!-- ------------------------------------- -->
|
|
<!-- Top Bar Start -->
|
|
<!-- ------------------------------------- -->
|
|
<div class="topbar-image bg-primary py-1 rounded-0 mb-0 alert alert-dismissible fade show" role="alert">
|
|
<div class="d-flex justify-content-center gap-sm-3 gap-2 align-items-center text-center flex-md-nowrap flex-wrap">
|
|
<span class="badge bg-white bg-opacity-10 fs-2 fw-bolder px-2">New</span>
|
|
<p class="mb-0 text-white fw-bold">Frontend Pages Included!</p>
|
|
</div>
|
|
<button type="button" class="btn-close btn-close-white p-2 fs-2" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Top Bar End -->
|
|
<!-- ------------------------------------- -->
|
|
|
|
<!-- ------------------------------------- -->
|
|
<!-- Header Start -->
|
|
<!-- ------------------------------------- -->
|
|
<header class="header-fp p-0 w-100">
|
|
<nav class="navbar navbar-expand-lg bg-primary-subtle py-2 py-lg-10">
|
|
<div class="custom-container d-flex align-items-center justify-content-between">
|
|
<a href="../main/frontend-landingpage.html" class="text-nowrap logo-img">
|
|
<img src="../assets/images/logos/dark-logo.svg" class="dark-logo" alt="Logo-Dark" />
|
|
<img src="../assets/images/logos/light-logo.svg" class="light-logo" alt="Logo-light" />
|
|
</a>
|
|
<button class="navbar-toggler border-0 p-0 shadow-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
|
|
<i class="ti ti-menu-2 fs-8"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav mx-auto mb-2 gap-xl-7 gap-8 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-4 fw-bold text-dark link-primary" href="../main/frontend-aboutpage.html">About Us</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-4 fw-bold text-dark link-primary" href="../main/frontend-blogpage.html">Blog</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link fs-4 fw-bold text-dark link-primary d-flex gap-2" href="../main/frontend-portfoliopage.html">Portfolio
|
|
<span class="badge text-primary bg-primary-subtle fs-2 fw-bolder hstack">New</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-4 fw-bold text-dark link-primary" href="../main/index.html">Dashboard</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-4 fw-bold text-dark link-primary" href="../main/frontend-pricingpage.html">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active fs-4 fw-bold text-dark link-primary" href="../main/frontend-contactpage.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
<div>
|
|
<a href="../main/authentication-login.html" class="btn btn-primary py-8 px-9">Log In</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Header End -->
|
|
<!-- ------------------------------------- -->
|
|
|
|
<!-- ------------------------------------- -->
|
|
<!-- Responsive Sidebar Start -->
|
|
<!-- ------------------------------------- -->
|
|
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
|
|
<div class="offcanvas-header">
|
|
<a href="../main/frontend-landingpage.html">
|
|
<img src="../assets/images/logos/dark-logo.svg" alt="Logo-light" />
|
|
</a>
|
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
<ul class="list-unstyled ps-0">
|
|
<li class="mb-1">
|
|
<a href="../main/frontend-aboutpage.html" class="px-0 fs-4 d-block text-dark link-primary w-100 py-2">
|
|
About Us
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mb-1">
|
|
<a href="../main/frontend-blogpage.html" class="px-0 fs-4 d-block w-100 py-2 text-dark link-primary">
|
|
Blog
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mb-1">
|
|
<a href="../main/frontend-portfoliopage.html" class="px-0 fs-4 d-flex align-items-center justify-content-start gap-2 w-100 py-2 text-dark link-primary">
|
|
Portfolio
|
|
<span class="badge text-primary bg-primary-subtle fs-2 fw-bolder hstack">New</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mb-1">
|
|
<a href="../main/index.html" class="px-0 fs-4 d-block w-100 py-2 text-dark link-primary">
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mb-1">
|
|
<a href="../main/frontend-pricingpage.html" class="px-0 fs-4 d-block w-100 py-2 text-dark link-primary">
|
|
Pricing
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mb-1">
|
|
<a href="../main/frontend-contactpage.html" class="px-0 fs-4 d-block w-100 py-2 text-dark link-primary">
|
|
Contact
|
|
</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a href="../main/authentication-login.html" class="btn btn-primary w-100">Log In</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Responsive Sidebar End -->
|
|
<!-- ------------------------------------- -->
|
|
|
|
<div class="main-wrapper overflow-hidden">
|
|
<!-- ------------------------------------- -->
|
|
<!-- Banner Start -->
|
|
<!-- ------------------------------------- -->
|
|
<section class="bg-primary-subtle mb-md-11 mb-15 pb-sm-0 pb-1">
|
|
<div class="container-fluid">
|
|
<div class="text-center mb-sm-14 mb-5 pt-5 pt-lg-0">
|
|
<p class="text-primary fw-bolder fs-4 mb-1">Contact Us</p>
|
|
<h1 class="text-dark fs-13 fw-bolder">We'd love to hear from you</h1>
|
|
</div>
|
|
<div class="rounded-3">
|
|
<iframe class="mb-md-n11 mb-n15 rounded-3 overflow-hidden" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.2527998699!2d-74.14448787425354!3d40.697631233397885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1727347727914!5m2!1sen!2sin" width="100%" height="439" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Banner End -->
|
|
<!-- ------------------------------------- -->
|
|
|
|
<!-- ------------------------------------- -->
|
|
<!-- Form Start -->
|
|
<!-- ------------------------------------- -->
|
|
<section class="py-lg-12 py-md-14 py-5">
|
|
<div class="container-fluid">
|
|
<div class="row g-7">
|
|
<div class="col-lg-8">
|
|
<form class="">
|
|
<div class="d-flex flex-column gap-sm-7 gap-3">
|
|
<div class="d-flex flex-sm-row flex-column gap-sm-7 gap-3">
|
|
<div class="d-flex flex-column flex-grow-1 gap-2">
|
|
<label for="Fname" class="fs-3 fw-semibold text-dark">
|
|
First Name *
|
|
</label>
|
|
<input type="text" name="Fname" id="Fname" placeholder="First Name" class="form-control">
|
|
</div>
|
|
<div class="d-flex flex-column flex-grow-1 gap-2">
|
|
<label for="Lname" class="fs-3 fw-semibold text-dark">
|
|
Last Name *
|
|
</label>
|
|
<input type="text" name="Lname" id="Lname" placeholder="Last name" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-sm-row flex-column gap-sm-7 gap-3">
|
|
<div class="d-flex flex-column flex-grow-1 gap-2">
|
|
<label for="phone" class="fs-3 fw-semibold text-dark">
|
|
Phone Number *
|
|
</label>
|
|
<input type="tel" name="phone" id="phone" placeholder="XXX XXX XXXX" class="form-control">
|
|
</div>
|
|
<div class="d-flex flex-column flex-grow-1 gap-2">
|
|
<label for="email" class="fs-3 fw-semibold text-dark">
|
|
Email *
|
|
</label>
|
|
<input type="email" name="email" id="email" placeholder="Email" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-column gap-2">
|
|
<label for="enquire" class="fs-3 fw-semibold text-dark">Enquire related to *</label>
|
|
<select class="form-select w-auto">
|
|
<option value="1">General Enquiry</option>
|
|
<option value="2">Customer Service Enquiry</option>
|
|
<option value="3">Legal Enquiry</option>
|
|
<option value="4">General Enquiry</option>
|
|
</select>
|
|
</div>
|
|
<div class="d-flex flex-column gap-2">
|
|
<label for="message" class="fs-3 fw-semibold text-dark">Message</label>
|
|
<textarea name="message" id="message" class="form-control" rows="5"></textarea>
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-primary mt-sm-7 mt-3 px-9 py-6">Submit</button>
|
|
</form>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="bg-primary p-7 rounded-4 position-relative overflow-hidden connect-details-shape">
|
|
<div class="position-relative z-1">
|
|
<div class="pb-10 border-bottom border-white border-opacity-10">
|
|
<h3 class="text-white fs-6 fw-bolder mb-3">Reach Out Today</h3>
|
|
<p class="fs-4 mb-0 text-white">
|
|
Have questions or need assistance? We're just a message away.
|
|
</p>
|
|
</div>
|
|
<div class="pt-10">
|
|
<h3 class="text-white fs-6 fw-bolder mb-3">Our Location</h3>
|
|
<p class="fs-4 mb-0 text-white">
|
|
Visit us in person or find our contact details to connect with us directly.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Form End -->
|
|
<!-- ------------------------------------- -->
|
|
|
|
<!-- ------------------------------------- -->
|
|
<!-- Develop Start -->
|
|
<!-- ------------------------------------- -->
|
|
<section class="mb-5 mb-md-14 mb-lg-12">
|
|
<div class="custom-container">
|
|
<div class="bg-primary-subtle rounded-3 position-relative overflow-hidden">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="py-lg-12 ps-lg-12 py-5 px-lg-0 px-9">
|
|
<h2 class="fs-10 fw-bolder text-lg-start text-center">
|
|
Develop with feature-rich Bootstrap Dashboard
|
|
</h2>
|
|
<div class="d-flex justify-content-lg-start justify-content-center gap-3 my-4 flex-sm-nowrap flex-wrap">
|
|
<a href="../main/authentication-login.html" class="btn btn-primary py-6 px-9">Member Login</a>
|
|
<a href="../main/authentication-register.html" class="btn btn-outline-primary py-6 px-9">Register as Member</a>
|
|
</div>
|
|
<p class="fs-3 text-lg-start text-center mb-0">
|
|
<span class="fw-bolder">One-time purchase</span> - no recurring fees.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 d-lg-block d-none">
|
|
<img src="../assets/images/frontend-pages/design-collection.png" alt="banner" class="position-absolute develop-feature-rich">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Develop End -->
|
|
<!-- ------------------------------------- -->
|
|
</div>
|
|
|
|
<!-- ------------------------------------- -->
|
|
<!-- Footer Start -->
|
|
<!-- ------------------------------------- -->
|
|
<footer>
|
|
<div class="container-fluid">
|
|
<div class="border-bottom">
|
|
<div class="row mb-sm-12 mb-4">
|
|
<div class="col-md-3 col-6">
|
|
<h3 class="fs-4 fw-semibold mb-7">Applications</h3>
|
|
<ul class="d-flex flex-column gap-9">
|
|
<li>
|
|
<a href="../main/app-kanban.html" class="fs-4 text-body link-primary">Kanban</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/app-invoice.html" class="fs-4 text-body link-primary">Invoice
|
|
List</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/eco-shop.html" class="fs-4 text-body link-primary">eCommerce</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/app-chat.html" class="fs-4 text-body link-primary">Chat</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/app-calendar.html" class="fs-4 text-body link-primary">Calendar</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/blog-posts.html" class="fs-4 text-body link-primary">Blog</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<h3 class="fs-4 fw-semibold mb-7">Forms</h3>
|
|
<ul class="d-flex flex-column gap-9">
|
|
<li>
|
|
<a href="../main/form-basic.html" class="fs-4 text-body link-primary">Form
|
|
Basic</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/form-horizontal.html" class="fs-4 text-body link-primary">Form
|
|
Horizontal</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/form-wizard.html" class="fs-4 text-body link-primary">Form
|
|
Wizard</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/form-bootstrap-validation.html" class="fs-4 text-body link-primary">Form Validation
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/form-editor-quill.html" class="fs-4 text-body link-primary">Quill Editor</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<h3 class="fs-4 fw-semibold mb-7">Tables</h3>
|
|
<ul class="d-flex flex-column gap-9">
|
|
<li>
|
|
<a href="../main/table-basic.html" class="fs-4 text-body link-primary">Basic
|
|
Table</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/table-dark-basic.html" class="fs-4 text-body link-primary">Table
|
|
Dark Basic</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/table-sizing.html" class="fs-4 text-body link-primary">Table
|
|
Sizing</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/table-layout-coloured.html" class="fs-4 text-body link-primary">Coloured Table</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/table-datatable-basic.html" class="fs-4 text-body link-primary">Basic Initialisation</a>
|
|
</li>
|
|
<li>
|
|
<a href="../main/table-datatable-api.html" class="fs-4 text-body link-primary">API</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<h3 class="fs-4 fw-semibold mb-7">Follow us</h3>
|
|
<div class="d-flex gap-9">
|
|
<a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-title="Facebook">
|
|
<img src="../assets/images/frontend-pages/icon-facebook.svg" alt="facebook">
|
|
</a>
|
|
<a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-title="Twitter">
|
|
<img src="../assets/images/frontend-pages/icon-twitter.svg" alt="twitter">
|
|
</a>
|
|
<a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-title="Instagram">
|
|
<img src="../assets/images/frontend-pages/icon-instagram.svg" alt="instagram">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between py-7 flex-md-nowrap flex-wrap gap-sm-0 gap-3">
|
|
<div class="d-flex gap-3 align-items-center">
|
|
<img src="../assets/images/logos/favicon.png" alt="icon">
|
|
<p class="fs-4 mb-0">All rights reserved by Modernize. </p>
|
|
</div>
|
|
<div>
|
|
<p class="mb-0">Produced by <a target="_blank" href="https://adminmart.com/" class="text-primary link-primary">AdminMart</a>.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- ------------------------------------- -->
|
|
<!-- Footer End -->
|
|
<!-- ------------------------------------- -->
|
|
|
|
<!-- Scroll Top -->
|
|
<a href="javascript:void(0)" class="top-btn btn btn-primary d-flex align-items-center justify-content-center round-54 p-0 rounded-circle">
|
|
<i class="ti ti-arrow-up fs-7"></i>
|
|
</a>
|
|
|
|
<script src="../assets/js/vendor.min.js"></script>
|
|
<!-- Import Js Files -->
|
|
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="../assets/libs/simplebar/dist/simplebar.min.js"></script>
|
|
<script src="../assets/js/theme/app.init.js"></script>
|
|
<script src="../assets/js/theme/theme.js"></script>
|
|
<script src="../assets/js/theme/app.min.js"></script>
|
|
|
|
|
|
|
|
<script src="../assets/js/frontend-landingpage/homepage.js"></script>
|