466 lines
34 KiB
HTML
466 lines
34 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" href="assets/images/favicon.png">
|
|
<title>ListOn - Directory & Listing HTML Template</title>
|
|
<link href="assets/plugins/aos/aos.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/fontawesome/css/all.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/OwlCarousel2/css/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/OwlCarousel2/css/owl.theme.default.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/fancy_fileupload.css" rel="stylesheet">
|
|
<link href="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
|
|
<link href="assets/plugins/select2/select2.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/select2-bootstrap-5/select2-bootstrap-5-theme.min.css" rel="stylesheet">
|
|
<!-- Custom style for this template -->
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- start navbar -->
|
|
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
|
|
<div class="container">
|
|
<a class="navbar-brand m-0" href="index.html">
|
|
<img class="logo-white" src="assets/images/logo-white.png" alt="">
|
|
<img class="logo-dark" src="assets/images/logo.png" alt="">
|
|
</a>
|
|
<div class="d-flex order-lg-2">
|
|
<!-- start button -->
|
|
<a href="signin.html" class="d-flex align-items-center justify-content-center p-0 btn-user position-relative" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="custom-tooltip" data-bs-title="Favourite">
|
|
<i class="fa-solid fa-heart"></i>
|
|
<span class="align-items-center bg-primary d-flex end-0 fs-11 justify-content-center nav-count position-absolute rounded-circle text-white">0</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
<!-- start button -->
|
|
<a href="sign-in.html" class="d-flex align-items-center justify-content-center p-0 btn-user" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="custom-tooltip" data-bs-title="Sign In">
|
|
<i class="fa-solid fa-user-plus"></i>
|
|
</a>
|
|
<!-- end /. button -->
|
|
<!-- start button -->
|
|
<button type="button" id="themeToggleBtn" class="align-items-center bg-transparent border-0 btn-user d-flex justify-content-center p-0">
|
|
<i class="fa-solid fa-moon"></i>
|
|
</button>
|
|
<!-- end /. button -->
|
|
<!-- start button -->
|
|
<a href="add-listing.html" class="btn btn-primary d-none d-sm-flex fw-medium gap-2 hstack rounded-5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
|
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
|
</svg>
|
|
<div class="vr d-none d-sm-inline-block"></div>
|
|
<span class="d-none d-sm-inline-block">Add Listing</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
<!-- start navbar toggle button -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span id="nav-icon" class="">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</span>
|
|
</button>
|
|
<!-- end /. navbar toggle button -->
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav m-auto mb-2 mb-lg-0">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" aria-current="page" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
|
Home
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="index.html">Home (Main)</a></li>
|
|
<li><a class="dropdown-item" href="home-classic.html">Home (Classic)</a></li>
|
|
<li><a class="dropdown-item" href="home-rounded.html">Home (Rounded)</a></li>
|
|
<li><a class="dropdown-item" href="home-map.html">Home (Map)</a></li>
|
|
<li><a class="dropdown-item" href="home-grid.html">Home (Grid)</a></li>
|
|
<li><a class="dropdown-item" href="home-waves.html">Home (Waves)</a></li>
|
|
<li><a class="dropdown-item" href="home-car.html">Home (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle material-ripple" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="typcn typcn-weather-stormy top-menu-icon"></i>Dashboard
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="dashboard/dashboard.html">Dashboard</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/bookings.html">Bookings</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/messages.html">Message</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/wallet.html">Wallet</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/profile.html">Edit Profile</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/add-listing.html">Add listing</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/my-listing.html">My listing</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/bookings.html">Bookings</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/reviews.html">Reviews</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/bookmark.html">Bookmark</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/setting-app.html">Settings</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/invoice.html">Invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
|
Listing
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">List View</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-list-left.html">Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="listings-list-right.html">Right Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 1</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-grid-1-left.html">Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="listings-grid-1-right.html">Right Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 2</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-grid-2-left.html">Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="listings-grid-2-right.html">Right Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Half Map + Sidebar</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-map.html">Half Map List</a></li>
|
|
<li><a class="dropdown-item" href="listings-map-car.html">Half Map List (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
<li><a class="dropdown-item" href="listings-map-grid-1.html">Half Map Grid 1</a></li>
|
|
<li><a class="dropdown-item" href="listings-map-grid-2.html">Half Map Grid 2</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Listing Details</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listing-details.html">Listing Details 1</a></li>
|
|
<li><a class="dropdown-item" href="listing-details-2.html">Listing Details 2</a></li>
|
|
<li><a class="dropdown-item" href="listing-details-car.html">Listing Details Car <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="listings-map-grid-1.html">Explore</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
|
Template
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">About</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="about.html">About us 1</a></li>
|
|
<li><a class="dropdown-item" href="about-2.html">About us 2</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Agent</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="agent.html">Agent</a></li>
|
|
<li><a class="dropdown-item" href="agent-details.html">Agent Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="blog.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
|
|
<li><a class="dropdown-item" href="blog-details.html">Blog Standard</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-galary.html">Blog Galary</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-video.html">Blog Video</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-audio.html">Blog Audio</a></li>
|
|
<li><a class="dropdown-item" href="blog-archive.html">Blog Archive</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="add-listing.html">Add Listing</a></li>
|
|
<li><a class="dropdown-item" href="submit-rider.html">Submit Rider</a></li>
|
|
<li><a class="dropdown-item" href="contact.html">Contact</a></li>
|
|
<li><a class="dropdown-item" href="pricing.html">Pricing</a></li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Authentication</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="sign-in.html">Sign In</a></li>
|
|
<li><a class="dropdown-item active" href="sign-up.html">Sign Up</a></li>
|
|
<li><a class="dropdown-item" href="forgot-password.html">Forgot Password</a></li>
|
|
<li><a class="dropdown-item" href="two-factor-auth.html">Two factor authentication</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specialty</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="404.html">404 Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="faq.html">Faq Page</a></li>
|
|
<li><a class="dropdown-item" href="terms-conditions.html">Terms & Conditions</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="style-guide.html">Style Guide</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="d-sm-none">
|
|
<!-- start button -->
|
|
<a href="signin.html" class="btn btn-primary d-flex gap-2 hstack justify-content-center rounded-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
|
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
|
</svg>
|
|
<div class="vr d-none d-sm-inline-block"></div>
|
|
<span>Add Listing</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- end /. navbar -->
|
|
<div class="p-3 p-sm-5">
|
|
<div class="row g-4 g-xl-5 justify-content-between">
|
|
<div class="col-xl-5 d-flex justify-content-center">
|
|
<div class="authentication-wrap overflow-hidden position-relative text-center text-sm-start my-5">
|
|
<!-- Start Header Text -->
|
|
<div class="mb-5">
|
|
<h2 class="display-6 fw-semibold mb-3">Welcome back! Please <span class="font-caveat text-primary">Sign up</span> to continue.</h2>
|
|
<p class="mb-0">Unlock a world of exclusive content, enjoy special offers, and be the first to dive into exciting news and updates by joining our community!</p>
|
|
</div>
|
|
<!-- /.End Header Text -->
|
|
<!-- Start Social Button Wrapper -->
|
|
<div class="d-grid gap-3 mb-3">
|
|
<!-- Start Social login Button -->
|
|
<a class="align-items-center btn btn-dark btn-lg d-flex linkedin-btn position-relative text-start" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-apple" viewBox="0 0 16 16">
|
|
<path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z" />
|
|
<path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z" />
|
|
</svg>
|
|
<span class="ms-3">Sign up with Apple</span> </a>
|
|
<!-- /.End Social login Button -->
|
|
<!-- Start Social login Button -->
|
|
<a class="align-items-center btn btn-lg btn-light d-flex google-btn position-relative text-start" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
|
|
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
|
|
</svg>
|
|
<span class="ms-3">Sign up with Google</span>
|
|
</a>
|
|
<!-- Start Social login Button -->
|
|
</div>
|
|
<!-- /.End Social Button Wrapper -->
|
|
<!-- Start Text -->
|
|
<p class="mb-0">We won't post anything without your permission and your personal details are kept private</p>
|
|
<!-- /.End Text -->
|
|
<!-- Start Divider -->
|
|
<div class="align-items-center d-flex my-5">
|
|
<hr class="flex-grow-1 m-0"> <span class="fs-16 fw-bold px-3 text-dark">Or</span>
|
|
<hr class="flex-grow-1 m-0">
|
|
</div>
|
|
<!-- /.End Divider -->
|
|
<form class="register-form">
|
|
<!-- Start Form Group -->
|
|
<div class="form-group mb-4">
|
|
<label class="required">Full Name</label>
|
|
<input type="text" class="form-control" required="">
|
|
</div>
|
|
<!-- /.End Form Group -->
|
|
<!-- Start Form Group -->
|
|
<div class="form-group mb-4">
|
|
<label class="required">Enter Email</label>
|
|
<input type="email" class="form-control">
|
|
</div>
|
|
<!-- /.End Form Group -->
|
|
<!-- Start Form Group -->
|
|
<div class="form-group mb-4">
|
|
<label class="required">Password</label>
|
|
<input id="password" type="password" class="form-control password" autocomplete="off">
|
|
<i data-bs-toggle="#password" class="fa-regular fa-eye-slash toggle-password"></i>
|
|
</div>
|
|
<!-- /.End Form Group -->
|
|
<!-- Start Form Group -->
|
|
<div class="form-group mb-4">
|
|
<label class="required">Confirm Password</label>
|
|
<input id="confirmPassword" type="password" class="form-control c-password" autocomplete="off">
|
|
<i data-bs-toggle="#confirmPassword" class="fa-regular fa-eye-slash toggle-password"></i>
|
|
</div>
|
|
<!-- /.End Form Group -->
|
|
<!-- Start Checkbox -->
|
|
<div class="form-check mb-4 text-start">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
|
<label class="form-check-label" for="flexCheckDefault"> By signing up, you agree to the <a href="terms-conditions.html" class="text-decoration-underline">terms of service</a> </label>
|
|
</div>
|
|
<!-- /.End Checkbox -->
|
|
<!-- Start Button -->
|
|
<button type="submit" class="btn btn-primary btn-lg w-100">Sign Up</button>
|
|
<!-- End Button -->
|
|
</form>
|
|
<!-- Start Bottom Text -->
|
|
<div class="bottom-text mt-4"> Already have an account? <a href="sign-in.html" class="fw-medium text-decoration-underline">Sign In</a> </div>
|
|
<!-- /.End Bottom Text -->
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-7 d-none d-xl-block">
|
|
<div class="background-image bg-light d-flex flex-column h-100 justify-content-center p-5 rounded-4" data-image-src="assets/images/lines.svg">
|
|
<div class="py-5 text-center">
|
|
<div class="mb-5">
|
|
<h2 class="fw-semibold">Effortlessly organize your<br> workspace with ease.</h2>
|
|
<p>It is a long established fact that a reader will be distracted by the readable<br> content of a page when looking at its layout. </p>
|
|
</div>
|
|
<img src="assets/images/png-img/real-time-analytics.png" alt="" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- start footer -->
|
|
<footer class="footer-dark main-footer overflow-hidden position-relative pt-5">
|
|
<div class="container pt-4">
|
|
<div class="py-5">
|
|
<!-- start app download content -->
|
|
<div class="bg-primary rounded-4">
|
|
<div class="col-xxl-10 col-md-11 col-10 d-flex flex-md-row flex-column-reverse align-items-md-end align-items-center mx-auto px-0 gap-4">
|
|
<img class="app-image flex-shrink-0" src="assets/images/phone-mpckup.png" width="270" alt="Mobile app">
|
|
<div class="align-items-lg-center align-self-center d-flex flex-column flex-lg-row ps-xxl-4 pt-5 py-md-3 text-center text-md-start">
|
|
<div class="me-md-5">
|
|
<h4 class="text-white">Download Our App</h4>
|
|
<p class="mb-lg-0 text-white">It is a long established fact that a reader will be distracted by the readable content.</p>
|
|
</div>
|
|
<div class="d-flex flex-shrink-0 flex-wrap gap-3 justify-content-center">
|
|
<!-- start apple store button -->
|
|
<a class="align-items-center app-btn d-flex px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fa-apple fab fs-28 me-2"></i>
|
|
<div> <span class="fs-13 d-block">Available on the</span> <span class="fs-17 text-capitalize">App Store</span> </div>
|
|
</a>
|
|
<!-- end /. apple store button -->
|
|
<a class="align-items-center app-btn d-flex fs-11 px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fab fa-google-play fs-25 me-2"></i>
|
|
<div> <span class="fs-13 d-block">Get it on</span> <span class="fs-17 text-capitalize">Google Play</span> </div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. app download content -->
|
|
</div>
|
|
<div class="border-top py-5">
|
|
<div class="footer-row row gy-5 g-sm-5 gx-xxl-6">
|
|
<div class="border-end col-lg-4 col-md-7 col-sm-6">
|
|
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
|
<div class="mb-4">Join our newsletter and receive the best job<br class="d-none d-xxl-block"> openings of the week, right on your inbox.</div>
|
|
<div class="border rounded-4 p-4 mb-4">
|
|
<h6 class="text-white-50 mb-3">Join our Whatsapp:</h6>
|
|
<a class="align-items-center d-block d-flex whatsapp-number" href="#"><i class="fa-brands fa-whatsapp fs-2 me-2"></i><span class="fs-5 fw-semibold text-decoration-underline">(123) 456-7890</span></a>
|
|
</div>
|
|
<h5 class="fw-bold mb-4">Want to join ListOn?<br> Write us !</h5>
|
|
<span>support@ListOn.com</span>
|
|
</div>
|
|
<div class="border-end col-lg-4 col-md-5 col-sm-6">
|
|
<h5 class="fw-bold mb-4">Stay Connect</h5>
|
|
<div>1123 Fictional St, San Francisco<br class="d-none d-xxl-block"> , CA 94103</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
|
<div class="newsletter position-relative mt-4">
|
|
<input type="email" class="form-control" placeholder="name@example.com">
|
|
<button type="button" class="btn btn-primary search-btn position-absolute top-50 rounded-circle"><i class="fa-solid fa-angle-right"></i></button>
|
|
</div>
|
|
<div class="border-top my-4"></div>
|
|
<h5 class="fw-bold mb-4">Follow the location</h5>
|
|
<!-- start social icon -->
|
|
<ul class="d-flex flex-wrap gap-2 list-unstyled mb-0 social-icon">
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white inst">
|
|
<i class="fab fa-instagram"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white twi">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white dri">
|
|
<i class="fab fa-dribbble"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white fb">
|
|
<i class="fab fa-facebook-f"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white whatsapp">
|
|
<i class="fa-brands fa-whatsapp"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- /. end social icon -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container border-top">
|
|
<div class="align-items-center g-3 py-4 row">
|
|
<div class="col-lg-auto">
|
|
<!-- start footer nav -->
|
|
<ul class="list-unstyled list-separator mb-2 footer-nav">
|
|
<li class="list-inline-item"><a href="#">Privacy</a></li>
|
|
<li class="list-inline-item"><a href="#">Sitemap</a></li>
|
|
<li class="list-inline-item"><a href="#">Cookies</a></li>
|
|
</ul>
|
|
<!-- end /. footer nav -->
|
|
</div>
|
|
<div class="col-lg order-md-first">
|
|
<div class="align-items-center row">
|
|
<!-- start footer logo -->
|
|
<a href="index.html" class="col-sm-auto footer-logo mb-2 mb-sm-0">
|
|
<img src="assets/images/logo-white.png" alt="">
|
|
</a>
|
|
<!-- end /. footer logo -->
|
|
<!-- start text -->
|
|
<div class="col-sm-auto copy">© 2022 ListOn - All Rights Reserved- All Rights Reserved</div>
|
|
<!-- end /. text -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end /. footer -->
|
|
<!-- Optional JavaScript -->
|
|
<script src="assets/plugins/jQuery/jquery.min.js"></script>
|
|
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/plugins/aos/aos.min.js"></script>
|
|
<script src="assets/plugins/macy/macy.js"></script>
|
|
<script src="assets/plugins/simple-parallax/simpleParallax.min.js"></script>
|
|
<script src="assets/plugins/OwlCarousel2/owl.carousel.min.js"></script>
|
|
<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js"></script>
|
|
<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js"></script>
|
|
<script src="assets/plugins/waypoints/jquery.waypoints.min.js"></script>
|
|
<script src="assets/plugins/counter-up/jquery.counterup.min.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.ui.widget.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fileupload.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.iframe-transport.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fancy-fileupload.js"></script>
|
|
<script src="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.js"></script>
|
|
<script src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
<script src="assets/plugins/select2/select2.min.js"></script>
|
|
<!-- Custom script for this template -->
|
|
<script src="assets/js/script.js"></script>
|
|
</body>
|
|
|
|
</html> |