solocla/yogiwhere
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First complete upload on nas

Browse Source
This commit is contained in:
Claudio
2024-09-18 11:20:28 +02:00
commit 4f086962fe
6456 changed files with 1232660 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/frontend2/rtl/404.html
+391
View File
@@ -0,0 +1,391 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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">
<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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" 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" 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 active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specialty</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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="py-5 bg-light mx-3 mb-3 rounded-4">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-9 col-lg-7 text-center">
<!-- start error text -->
<h2 class="error-text font-caveat text-primary">404</h2>
<!-- end /. error text -->
<div class="">
<h2 class="fw-semibold mb-3 text-capitalize">Page not pound.</h2>
<p class="fs-16">The server encountered something unexpected that didn't allow it to complete the request. We apologize. You can go back to main page:</p>
<!-- start button -->
<a href="index.html" class="btn btn-primary btn-lg mt-3">
<span>Go To Home Page</span>
</a>
<!-- end /. button -->
</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>
public/frontend2/rtl/about-2.html
+847
View File
@@ -0,0 +1,847 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" 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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 bg-light hero-about bg-bottom js-bg-image bg-cover" data-image-src="../assets/images/pattern.svg">
<!-- <img class="bg-image" src="../assets/images/header/01.jpg" alt="Image"> -->
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white">7+ YEARS EXPERIENCED IN FIELD</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize mb-0">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-primary">vision to your original</span> vision or inspiration.</h2>
<!-- end /. section header title -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start about video section -->
<div class="container">
<!-- start about video -->
<div class="about-video position-relative mx-3 rounded-4 overflow-hidden about-video-top">
<!-- Image Parallax -->
<img src="../assets/images/about/bg-02.jpg" alt="" class="about-img js-image-parallax">
<a class="align-items-center bg-blur d-flex justify-content-center popup-youtube position-absolute rounded-circle start-50 text-white top-50 translate-middle video-icon z-1" href="https://www.youtube.com/watch?v=0O2aH4XLbto">
<i class="fa-solid fa-play fs-20"></i>
</a>
</div>
<!-- end /. about video -->
</div>
<!-- start story section -->
<div class="py-5 border-bottom">
<div class="container py-4">
<div class="row">
<div class="col-md-6 pe-xxl-5">
<div class="text-end fw-medium">OUR STORY:</div>
</div>
<div class="col-md-6 ps-xxl-5">
<h3 class="display-6 mb-4">About ListOn Brand</h3>
<p class="lead">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<a href="#" class="text-primary fw-semibold d-inline-block mt-4">Let’s Check open position</a>
</div>
</div>
</div>
<div class="container">
<div class="border-top pt-2">
<div class="mb-5 fw-medium">OUR ACHIEVEMENTS</div>
<div class="row g-4 justify-content-center">
<div class="col-sm-6 col-lg-3">
<div class="counter-box align-items-center bg-light d-flex display-5 fw-semibold justify-content-center m-auto rounded-circle text-primary">
<span class="counter">3,00 </span>+
</div>
<h5 class="fs-18 mb-0 mt-3 text-center">Job posted</h5>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter-box align-items-center bg-light d-flex display-5 fw-semibold justify-content-center m-auto rounded-circle text-primary">
<span class="counter">2,50 </span>+
</div>
<h5 class="fs-18 mb-0 mt-3 text-center">Successful hires</h5>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter-box align-items-center bg-light d-flex display-5 fw-semibold justify-content-center m-auto rounded-circle text-primary">
<span class="counter">10</span>M +
</div>
<h5 class="fs-18 mb-0 mt-3 text-center">Monthly visits</h5>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter-box align-items-center bg-light d-flex display-5 fw-semibold justify-content-center m-auto rounded-circle text-primary">
<span class="counter">593 </span>+
</div>
<h5 class="fs-18 mb-0 mt-3 text-center">Verified companies</h5>
</div>
</div>
</div>
</div>
</div>
<!-- end /. story section -->
<!-- start about section -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">About us</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Explore over 2.5 million people travel around the world.</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row g-4 justify-content-between">
<div class="col-lg-6 col-xl-5">
<div class="column-text-box left">
<h6 class="fs-14 fw-semibold heading-sm l-spacing-1 position-relative text-primary text-uppercase title-line">ABOUT ListOn GROUP</h6>
<h3 class="display-6">Innovative Buildings with new materials</h3>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<blockquote class="about-blockquote display-6 font-caveat fst-italic my-3"> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence.</blockquote>
<div class="mb-3">
<div class="align-items-center d-flex fs-18 fw-semibold justify-content-between mb-2">
<span>Prosperity</span>
<span>60%</span>
</div>
<div class="progress" role="progressbar" aria-label="Default striped example" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-striped" style="width: 60%"></div>
</div>
</div>
<div class="mb-3">
<div class="align-items-center d-flex fs-18 fw-semibold justify-content-between mb-2">
<span>Quality</span>
<span>85%</span>
</div>
<div class="progress" role="progressbar" aria-label="Default striped example" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-striped" style="width: 85%"></div>
</div>
</div>
<div class="">
<div class="align-items-center d-flex fs-18 fw-semibold justify-content-between mb-2">
<span>Guaranty</span>
<span>40%</span>
</div>
<div class="progress" role="progressbar" aria-label="Default striped example" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-striped" style="width: 40%"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 ps-xxl-5">
<!-- start about image masonry -->
<div class="ps-xl-4 position-relative">
<div class="row g-3">
<div class="col-6">
<div class="about-image-wrap mb-3 rounded-4">
<img src="../assets/images/about/01.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-one rounded-3">
</div>
<div class="about-image-wrap rounded-4">
<img src="../assets/images/about/02.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-two rounded-3">
</div>
</div>
<div class="col-6">
<div class="about-image-wrap mb-3 rounded-4">
<img src="../assets/images/about/03.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-three rounded-3">
</div>
<div class="about-image-wrap rounded-4">
<img src="../assets/images/about/04.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-four rounded-3">
</div>
</div>
</div>
<img src="../assets/images/png-img/about-shape-1.png" alt="About Shape" class="banner-shape-one position-absolute">
<img src="../assets/images/png-img/about-shape-2.png" alt="About Shape" class="banner-shape-two position-absolute">
</div>
<!-- end /. about image masonry -->
</div>
</div>
</div>
</div>
<!-- end /. about section -->
<!-- start awards section -->
<div class="bg-dark mb-3 mx-3 py-5 rounded-4">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Awards</div>
<!-- end /. subtitle -->
<!-- start section header -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize text-white">Our Awards</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16 text-white">Find a job you love. <span class="text-primary fw-semibold">Set your career interests.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center g-4 g-xxl-5">
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-01.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">World Architecture Festival</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-02.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">Venice Biennale of Architecture</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-03.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">Tamayouz Excellence Award for Architecture</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-04.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">RIBA President's Medals</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
</div>
</div>
</div>
<!-- end /. awards section -->
<!-- start team section -->
<div class="py-5">
<div class="container py-4">
<div class="row">
<div class="col-sm-10 col-md-10 col-lg-6">
<!-- start section header -->
<div class="section-header mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Our Team</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Meet Our Team</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">A team of experienced and dedicated professionals who are passionate about helping our clients find their dream properties. From our agents to our support staff, everyone on our team is committed to providing personalized service, expert guidance, and exceptional results.</div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center g-4 gx-xxl-5">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container">
<img src="../assets/images/avatar/01.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Ethan Blackwood</h4>
<div>Co-founder</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Edwin Martins</h4>
<div>Product Manager</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/03.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
<div>Software Developer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/04.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Pranoti Deshpande</h4>
<div>DevOps</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/05.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Steele</h4>
<div>Data analysis</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/06.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Marcus Knight</h4>
<div>Security Engineer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/07.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
<div>Support Engineer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Gabriel North</h4>
<div>Security Engineer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
</div>
</div>
</div>
<!-- end /. team section -->
<!-- start customers section -->
<div class="py-5 bg-light">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Our Customers</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Trusted By Thousands News Of Companies</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row align-items-center justify-content-center g-2 g-sm-3 g-md-4">
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/01.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/02.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/03.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/04.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/05.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/06.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
</div>
</div>
</div>
<!-- end /. customers section -->
<!-- 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>
public/frontend2/rtl/about.html
+797
View File
@@ -0,0 +1,797 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">About</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/01.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title">7+ YEARS EXPERIENCED IN FIELD</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-white">vision to your original</span> vision or inspiration.</h2>
<!-- end /. section header title -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start achievements section -->
<div class="container">
<div class="achievements-wrapper ms-auto me-auto">
<div class="bg-center js-bg-image bg-cover bg-light counter-content_about position-relative rounded-4" data-image-src="../assets/images/pattern.svg">
<div class="g-4 justify-content-center row">
<div class="col-sm-6 col-xl-3 text-center">
<div class="display-5 fw-semibold numscroller text-primary"><span class="counter">3,000 </span>+</div>
<h5 class="fs-18 mb-0 mt-3">Job posted</h5>
</div>
<div class="col-sm-6 col-xl-3 text-center">
<div class="display-5 fw-semibold numscroller text-primary"><span class="counter">2,500 </span>+</div>
<h5 class="fs-18 mb-0 mt-3">Successful hires</h5>
</div>
<div class="col-sm-6 col-xl-3 text-center">
<div class="display-5 fw-semibold numscroller text-primary"><span class="counter">10</span>M +</div>
<h5 class="fs-18 mb-0 mt-3">Monthly visits</h5>
</div>
<div class="col-sm-6 col-xl-3 text-center">
<div class="display-5 fw-semibold numscroller text-primary"><span class="counter">593 </span>+</div>
<h5 class="fs-18 mb-0 mt-3">Verified companies</h5>
</div>
</div>
</div>
</div>
</div>
<!-- end /. achievements section -->
<!-- start about section -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">About us</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Explore over 2.5 million people travel around the world.</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row g-4">
<div class="col-md-6">
<div class="column-text-box left">
<p><span class="float-start important-text mb-2 me-2 position-relative text-primary fs-50"><strong>M</strong></span>any desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<blockquote class="about-blockquote display-6 font-caveat fst-italic my-3"> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</blockquote>
<p>We hope you enjoy it using it as much as we did building it. Cheers!</p>
<img src="../assets/images/png-img/signature.png" alt="" class="signature mt-4">
</div>
</div>
<div class="col-md-6 ps-xxl-5">
<!-- start about image masonry -->
<div class="ps-xl-4 position-relative">
<div class="row g-3">
<div class="col-6">
<div class="about-image-wrap mb-3 rounded-4">
<img src="../assets/images/about/01.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-one rounded-3">
</div>
<div class="about-image-wrap rounded-4">
<img src="../assets/images/about/02.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-two rounded-3">
</div>
</div>
<div class="col-6">
<div class="about-image-wrap mb-3 rounded-4">
<img src="../assets/images/about/03.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-three rounded-3">
</div>
<div class="about-image-wrap rounded-4">
<img src="../assets/images/about/04.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-four rounded-3">
</div>
</div>
</div>
<img src="../assets/images/png-img/about-shape-1.png" alt="About Shape" class="banner-shape-one position-absolute">
<img src="../assets/images/png-img/about-shape-2.png" alt="About Shape" class="banner-shape-two position-absolute">
</div>
<!-- end /. about image masonry -->
</div>
</div>
</div>
</div>
<!-- end /. about section -->
<!-- start awards section -->
<div class="bg-dark mb-3 mx-3 py-5 rounded-4">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Awards</div>
<!-- end /. subtitle -->
<!-- start section header -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize text-white">Our Awards</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16 text-white">Find a job you love. <span class="text-primary fw-semibold">Set your career interests.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center g-4 g-xxl-5">
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-01.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">World Architecture Festival</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-02.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">Venice Biennale of Architecture</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-03.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">Tamayouz Excellence Award for Architecture</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
<div class="col-6 col-md-3">
<img src="../assets/images/png-img/award-04.png" alt="" class="img-fluid px-xl-4">
<div class="mt-3 pt-3 text-center">
<h5 class="text-primary">RIBA President's Medals</h5>
<div class="text-white">Jun 23, 2023</div>
</div>
</div>
</div>
</div>
</div>
<!-- end /. awards section -->
<!-- start about video section -->
<div class="about-video position-relative mx-3 rounded-4 overflow-hidden">
<!-- Image Parallax -->
<img src="../assets/images/about/bg-01.jpg" alt="" class="about-img js-image-parallax">
<a class="align-items-center bg-blur d-flex justify-content-center popup-youtube position-absolute rounded-circle start-50 text-white top-50 translate-middle video-icon z-1" href="https://www.youtube.com/watch?v=0O2aH4XLbto">
<i class="fa-solid fa-play fs-20"></i>
</a>
</div>
<!-- end /. about video section -->
<!-- start team section -->
<div class="py-5">
<div class="container py-4">
<div class="row">
<div class="col-sm-10 col-md-10 col-lg-6">
<!-- start section header -->
<div class="section-header mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Our Team</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Meet Our Team</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">A team of experienced and dedicated professionals who are passionate about helping our clients find their dream properties. From our agents to our support staff, everyone on our team is committed to providing personalized service, expert guidance, and exceptional results.</div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center g-4 gx-xxl-5">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container">
<img src="../assets/images/avatar/01.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Ethan Blackwood</h4>
<div>Co-founder</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Edwin Martins</h4>
<div>Product Manager</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/03.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
<div>Software Developer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/04.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Pranoti Deshpande</h4>
<div>DevOps</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/05.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Steele</h4>
<div>Data analysis</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/06.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Marcus Knight</h4>
<div>Security Engineer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/07.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
<div>Support Engineer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Gabriel North</h4>
<div>Security Engineer</div>
</div>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
</div>
</div>
</div>
<!-- end /. team section -->
<!-- start customers section -->
<div class="py-5 bg-light">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Our Customers</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Trusted By Thousands News Of Companies</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row align-items-center justify-content-center g-2 g-sm-3 g-md-4">
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/01.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/02.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/03.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/04.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/05.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2">
<div class="border-0 card card-hover d-block header-cat-box px-3 py-3 rounded-4 text-center">
<img src="../assets/images/brand-logo/06.png" alt="" height="60" class="company-logo img-fluid">
</div>
</div>
</div>
</div>
</div>
<!-- end /. customers section -->
<!-- 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>
public/frontend2/rtl/add-listing.html
+995
View File
@@ -0,0 +1,995 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" href="add-listing.html">Add Listing</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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/04.jpg" alt="Image">
<div class="container overlay-content">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Find your <span class="font-caveat text-primary">dream</span> place</h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-18">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
<!-- end /. section header sub title -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- start search content -->
<div class="border-0 card d-flex flex-md-row position-relative search-wrapper">
<div class="align-items-center d-flex search-field w-100">
<div class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg>
</div>
<!-- start input -->
<input type="email" class="form-control search-input" placeholder="What are you looking for?">
<!-- end /. input -->
</div>
<div class="vertical-divider"></div>
<div class="align-items-center d-flex search-field w-100">
<div class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
</div>
<!-- start select -->
<select class="form-select search-select-field">
<option selected>Location</option>
<option value="1">Florence, Italy</option>
<option value="2">Second choice</option>
<option value="3">Third choice</option>
</select>
<!-- end /. select -->
</div>
<input type="submit" value="Search places" class="btn btn-primary rounded-5 mt-3 mt-md-0">
</div>
<!-- end /. search content -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start add listing section -->
<div class="py-5 bg-light m-3 rounded-4">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Listing</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Add Listing</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center g-4">
<div class="col-xl-10 col-xxl-9">
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
<div class="d-flex flex-shrink-0 gap-1">
<span class="fw-semibold text-dark">01/</span>
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
<i class="fa-solid fa-user fs-5"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="fw-semibold font-caveat fs-2">Basic Informations</h4>
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
</div>
</div>
<div class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Listing Title</label>
<input type="text" class="form-control" required>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Category</label>
<select class="form-select">
<option selected>Category</option>
<option value="1">Restaurant</option>
<option value="2">Event</option>
<option value="3">Adrenaline</option>
</select>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Tags</label>
<input type="text" class="form-control" placeholder="+ Add tag" required="">
</div>
<!-- end /. form group -->
</div>
</div>
</div>
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
<div class="d-flex flex-shrink-0 gap-1">
<span class="fw-semibold text-dark">02/</span>
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
<i class="fa-solid fa-location-dot fs-5"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="fw-semibold font-caveat fs-2">Location</h4>
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
</div>
</div>
<div class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">City</label>
<select class="form-select" aria-label="Default select example">
<option selected>Select City</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Address</label>
<input type="email" class="form-control" placeholder="8706 Herrick Ave, Valley..." required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">State</label>
<input type="number" class="form-control" placeholder="State" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Zip-Code</label>
<input type="number" class="form-control" placeholder="3870" required="">
</div>
<!-- end /. form group -->
</div>
</div>
</div>
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
<div class="d-flex flex-shrink-0 gap-1">
<span class="fw-semibold text-dark">03/</span>
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
<i class="fa-solid fa-image fs-5"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="fw-semibold font-caveat fs-2">Gallery</h4>
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
</div>
</div>
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Gallery</label>
<input class="fileUp fileup-sm" type="file" name="files" accept=".jpg, .png, image/jpeg, image/png" multiple>
<div class="form-text">Recommended to 350 x 350 px (png, jpg, jpeg).</div>
</div>
<!-- end /. form group -->
</div>
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
<div class="d-flex flex-shrink-0 gap-1">
<span class="fw-semibold text-dark">04/</span>
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
<i class="fa-solid fa-circle-info fs-5"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="fw-semibold font-caveat fs-2">Details</h4>
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
</div>
</div>
<div class="row g-4">
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Description</label>
<textarea class="form-control" rows="7" placeholder="Please enter up to 4000 characters."></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-4">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Phone</label>
<input type="number" class="form-control" placeholder="(123) 456 - 789" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-4">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Company website</label>
<input type="text" class="form-control" placeholder="https://company.com" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-4">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="email" class="form-control" placeholder="example@email.com" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<hr>
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Facebook Page<span class="fs-13 ms-1 text-muted">(optional)</span></label>
<input type="text" class="form-control" placeholder="https://facebook.com">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Twitter profile<span class="fs-13 ms-1 text-muted">(optional)</span></label>
<input type="text" class="form-control" placeholder="https://twitter.com">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Instagram profile<span class="fs-13 ms-1 text-muted">(optional)</span></label>
<input type="text" class="form-control" placeholder="https://instagram.com">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Linkedin page<span class="fs-13 ms-1 text-muted">(optional)</span></label>
<input type="text" class="form-control" placeholder="https://linkedin.com">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<hr>
</div>
<div class="col-md-12">
<div class="fw-medium text-dark mb-3">Property amenities<span class="fs-13 ms-1 text-muted">(optional)</span></div>
<div class="row gx-3 gy-2">
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultOne">
<label class="form-check-label" for="flexCheckDefaultOne">
Garden
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultTwo">
<label class="form-check-label" for="flexCheckDefaultTwo">
Security cameras
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultThree">
<label class="form-check-label" for="flexCheckDefaultThree">
Laundry
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultFour">
<label class="form-check-label" for="flexCheckDefaultFour">
Internet
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultFive">
<label class="form-check-label" for="flexCheckDefaultFive">
Pool
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultSix">
<label class="form-check-label" for="flexCheckDefaultSix">
Video surveillance
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultSeven">
<label class="form-check-label" for="flexCheckDefaultSeven">
Laundry room
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultEight">
<label class="form-check-label" for="flexCheckDefaultEight">
Jacuzzi
</label>
</div>
<!-- /. End Form Check -->
</div>
<div class="col-auto">
<!-- Start Form Check -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultNine">
<label class="form-check-label" for="flexCheckDefaultNine">
Security cameras
</label>
</div>
<!-- /. End Form Check -->
</div>
</div>
</div>
</div>
</div>
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
<div class="d-flex flex-shrink-0 gap-1">
<span class="fw-semibold text-dark">05/</span>
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
<i class="fa-solid fa-clock fs-5"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="fw-semibold font-caveat fs-2">Opening Hours</h4>
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
</div>
</div>
<div class="accordion listing-accordion" id="accordionExample">
<div class="accordion-item mb-3">
<h2 class="accordion-header">
<button class="accordion-button px-3 py-2 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-calendar2-plus text-primary me-3" viewBox="0 0 16 16">
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z" />
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM8 8a.5.5 0 0 1 .5.5V10H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V11H6a.5.5 0 0 1 0-1h1.5V8.5A.5.5 0 0 1 8 8z" />
</svg>
<span class="fs-18 fw-medium">Add schedule plan</span><span class="count fs-13 ms-1 text-muted">(optional)</span>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body p-4">
<div class="row g-4">
<div class="col-sm-3">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Date</label>
<input type="date" class="form-control">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-3">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Time</label>
<input type="datetime-local" class="form-control">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-3">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Place</label>
<input type="text" class="form-control" placeholder="Place">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-3">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Address</label>
<input type="text" class="form-control" placeholder="8706 Herrick Ave, Valley...">
</div>
<!-- end /. form group -->
</div>
</div>
<div class="text-center mt-3">
<button type="button" class="btn btn-light"><i class="fa fa-plus me-2"></i>Add another schedule item</button>
</div>
</div>
</div>
</div>
<div class="accordion-item mb-3">
<h2 class="accordion-header">
<button class="accordion-button collapsed px-3 py-2 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-cup-hot text-primary me-3" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5ZM2.64 13.825 1.123 7h11.754l-1.517 6.825A1.5 1.5 0 0 1 9.896 15H4.104a1.5 1.5 0 0 1-1.464-1.175Z" />
<path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z" />
</svg>
<span class="fs-18 fw-medium">Add restaurant menu</span><span class="count fs-13 ms-1 text-muted">(optional)</span>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4">
<div class="row g-4">
<div class="col-sm-4">
<!-- start form group -->
<div class="">
<label class="text-medium mb-2">Title</label>
<input type="date" class="form-control">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-4">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Description</label>
<input type="text" class="form-control">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-4">
<!-- start form group -->
<div class="">
<label class="fw-medium mb-2">Meal Type</label>
<select class="form-select">
<option selected="">Select meal type</option>
<option value="1">Starter</option>
<option value="2">Soup</option>
<option value="3">Main Course</option>
</select>
</div>
<!-- end /. form group -->
</div>
</div>
<div class="text-center mt-3">
<button type="button" class="btn btn-light"><i class="fa fa-plus me-2"></i>Add another meal</button>
</div>
</div>
</div>
</div>
<div class="accordion-item mb-3">
<h2 class="accordion-header">
<button class="accordion-button collapsed px-3 py-2 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-alarm text-primary me-3" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
<span class="fs-18 fw-medium">Add opening hours</span><span class="count fs-13 ms-1 text-muted">(optional)</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4">
<div class="mb-3 row">
<label class="col-sm-2 col-form-label fw-medium">Monday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label fw-medium">Tuesday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label fw-medium">Wednesday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label fw-medium">Thursday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label fw-medium">Friday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
<div class="mb-3 row">
<label class="col-sm-2 col-form-label fw-medium">Saturday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label fw-medium">Sunday</label>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Open">
</div>
<div class="col-sm-5">
<input type="text" class="form-control" placeholder="Close">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
<div class="d-flex flex-shrink-0 gap-1">
<span class="fw-semibold text-dark">06/</span>
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
<i class="fa-solid fa-money-check-dollar fs-5"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="fw-semibold font-caveat fs-2">Add Pricing plan</h4>
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
</div>
</div>
<div class="table-responsive">
<table id="faqs" class="table table-borderless">
<thead>
<tr>
<th class="fw-medium">Title</th>
<th class="fw-medium">Description</th>
<th class="fw-medium">Price</th>
<th class="fw-medium">Status</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control" placeholder="USD"></td>
<td class="mt-10"><button type="button" class="btn btn-danger"><i class="fa fa-trash"></i></button></td>
</tr>
</tbody>
</table>
</div>
<div class="text-center">
<button onclick="addItem();" class="btn btn-light"><i class="fa fa-plus me-2"></i>Add New</button>
</div>
</div>
<div class="text-center mt-5">
<!-- Start Button -->
<button type="submit" class="btn btn-primary btn-lg d-inline-flex hstack gap-2">
<span>Submit for approval</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-14"></i>
</button>
<!-- /.End Button -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. add listing section -->
<!-- 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>
public/frontend2/rtl/agent-details.html
+1256
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/agent.html
+718
View File
@@ -0,0 +1,718 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Agent</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/04.jpg" alt="Image">
<div class="container overlay-content">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Find your <span class="font-caveat text-primary">dream</span> place</h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-18">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
<!-- end /. section header sub title -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- start search content -->
<div class="border-0 card d-flex flex-md-row position-relative search-wrapper">
<div class="align-items-center d-flex search-field w-100">
<div class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg>
</div>
<!-- start input -->
<input type="email" class="form-control search-input" placeholder="What are you looking for?">
<!-- end /. input -->
</div>
<div class="vertical-divider"></div>
<div class="align-items-center d-flex search-field w-100">
<div class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
</div>
<!-- start select -->
<select class="form-select search-select-field">
<option selected>Location</option>
<option value="1">Florence, Italy</option>
<option value="2">Second choice</option>
<option value="3">Third choice</option>
</select>
<!-- end /. select -->
</div>
<input type="submit" value="Search places" class="btn btn-primary rounded-5 mt-3 mt-md-0">
</div>
<!-- end /. search content -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<div class="py-5">
<div class="container py-4">
<div class="row">
<div class="col-sm-10 col-md-10 col-lg-6">
<!-- start section header -->
<div class="section-header mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Agents</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Agents / Persons</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">A team of experienced and dedicated professionals who are passionate about helping our clients find their dream properties. From our agents to our support staff, everyone on our team is committed to providing personalized service, expert guidance, and exceptional results.</div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center g-4 gx-xxl-5">
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container">
<img src="../assets/images/avatar/01.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Ethan Blackwood</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Edwin Martins</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/03.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/04.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Pranoti Deshpande</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/05.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Steele</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/06.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Marcus Knight</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/07.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</div>
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
<!-- Start Card -->
<div class="team-member mt-4">
<div class="member-header overflow-hidden position-relative rounded-4">
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
<img src="../assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
</div>
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!-- Start Avatar Info -->
<div class="member-info mt-3 text-center">
<h4 class="mb-2 member-name text-truncate">Gabriel North</h4>
<div>12 Listing</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>
<!-- /.End Avatar Info -->
</div>
<!-- /.End Card -->
</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>
public/frontend2/rtl/blog-archive.html
+838
View File
@@ -0,0 +1,838 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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)&nbsp;<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 active" 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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="bg-bottom bg-cover bg-light hero js-bg-image mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4" data-image-src="../assets/images/pattern.svg">
<!-- <img class="bg-image" src="../assets/images/header/01.jpg" alt="Image"> -->
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white text-uppercase">Archive Page</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize mb-0">Archive Page</h2>
<!-- end /. section header title -->
</div>
<!-- end /. section header -->
<!-- start breadcrumbs -->
<div class="row gy-2 gx-4 justify-content-center mt-5">
<h4 class="col-auto fs-18 fw-semibold mb-0 page-title text-capitalize">Archive</h4>
<span class="opacity-50 col-auto">|</span>
<div class="col-auto">
<ol class="align-items-center breadcrumb fw-medium mb-0">
<li class="breadcrumb-item d-flex align-items-center">
<a href="index.html" class="text-decoration-none"> <i class="fa-solid fa-house-chimney-crack fs-18"></i> </a>
</li>
<li class="breadcrumb-item d-flex align-items-center active" aria-current="page">Archive Page</li>
</ol>
</div>
</div>
<!-- end /. breadcrumbs -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<div class="py-5">
<div class="container py-4">
<div class="row">
<div class="col-lg-8 pe-lg-4 pe-xxl-5 content">
<div class="blog-grid">
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Etiam Dapibus Metus Aliquam Orci Venenatis, Suscipit Efficitur.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/01-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Praesent sit amet augue tincidunt, venenatis risus ut.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/02.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Alexander Kaminski</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/02-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Duis volutpat ipsum eget pretium posuere.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/03.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Edwin Martins</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">In ut tellus id nisl convallis bibendum eu nec diam.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Pranoti Deshpande</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Fusce et purus iaculis, tincidunt sem at, accumsan libero.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Gabriel North</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/03-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Integer vel tellus at velit porttitor bibendum a eget turpis.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/06.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Marcus Knight</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/04-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Morbi ultrices odio a tortor gravida, at hendrerit leo semper.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/07.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Integer vel tellus at velit porttitor bibendum a eget turpis.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/03.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
</div>
<!-- start pagination -->
<nav class="justify-content-center mt-5 pagination align-items-center">
<a class="prev page-numbers" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z" />
</svg>
previous
</a>
<span class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#">
next
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</nav>
<!-- end /. pagination -->
</div>
<div class="col-lg-4 ps-lg-4 ps-xxl-5 sidebar">
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">Search <span class="font-caveat text-primary">Blog</span></h5>
<!-- end /. title -->
<div class="input-group flex-nowrap">
<span class="input-group-text" id="addon-wrapping"><i class="fa-solid fa-magnifying-glass"></i></span>
<input type="text" class="form-control" placeholder="Type and hit enter">
</div>
</div>
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">Latest <span class="font-caveat text-primary">Posts</span></h5>
<!-- end /. title -->
<div class="news-list">
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/01-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">eu feugiat pretium nibh ipsum consequat</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/02-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">ut faucibus pulvinar elementum integer?</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/03-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">fames ac turpis egestas integer eget aliquet</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/04-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">ullamcorper a lacus vestibulum sed.</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
</div>
</div>
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">All <span class="font-caveat text-primary">Category</span></h5>
<!-- end /. title -->
<!-- Start Category -->
<ul class="fs-15 fw-medium list-inline list-separator mb-0 mt-3">
<li class="list-inline-item"><a href="#"><span class="fs-19">Design</span><sup class="text-muted fs-13 ms-1">(36)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Solution</span><sup class="text-muted fs-13 ms-1">(29)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Skill</span><sup class="text-muted fs-13 ms-1">(24)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Branding</span><sup class="text-muted fs-13 ms-1">(17)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Jobs</span><sup class="text-muted fs-13 ms-1">(34)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Marketing</span><sup class="text-muted fs-13 ms-1">(51)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Business</span><sup class="text-muted fs-13 ms-1">(28)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Solution</span><sup class="text-muted fs-13 ms-1">(41)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Information</span><sup class="text-muted fs-13 ms-1">(21)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Learn</span><sup class="text-muted fs-13 ms-1">(23)</sup></a></li>
</ul>
<!-- / .End Category -->
</div>
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">Tags <span class="font-caveat text-primary">Clouds</span></h5>
<!-- end /. title -->
<!-- Start Tags -->
<div class="tags-inner d-flex flex-wrap gap-2">
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Nature</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Fashion</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Wordpress</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Photo</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Travel</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Hotel</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Business</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Culture</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Sports</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Design</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Entertainment </a>
</div>
<!-- /.End Tags -->
</div>
<div class="position-relative dark-overlay rounded-4 overflow-hidden me-xxl-5" data-aos="fade">
<div class="position-absolute w-100 text-center top-0 start-50 translate-middle-x pt-4 position-relative z-1">
<h4 class="pt-3 mb-0 text-white">Your banner<br> here!</h4>
</div>
<img class="img-fluid rounded-4 w-100" src="../assets/images/banner.jpg" alt="Banner">
</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>
public/frontend2/rtl/blog-details.html
+764
View File
@@ -0,0 +1,764 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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)&nbsp;<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 active" 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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/02.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-10 text-center">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white text-uppercase">Renovation / August 31, 2023</div>
<!-- end /. section header sub title -->
<h2 class="display-4 fw-semibold section-header__title text-capitalize mb-0">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-white">vision to your original</span> vision or inspiration.</h2>
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start content -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-xl-10 col-xxl-8">
<article class="post single-post">
<div class="entry-content cs-content">
<h1>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.</h1>
<p>How it is a long established fact that a reader will be distracted by the <a href="#">readable content</a> of a page when looking at its layout. The point of using Lorem <a href="#">Ipsum is that it has a more-or-less</a> normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many <a href="#">desktop publishing packages</a> and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p>With the above snippet, nested elements—including generated content via <code>::before</code> and <code>::after</code>—will all inherit the specified <code>box-sizing</code> for that <code>.selector-for-some-widget</code>.</p>
<figure class="caption aligncenter"><img src="../assets/images/blog/details-01.jpg" class="img-fluid rounded-3 w-100" alt="">
<figcaption class="caption-text fs-11 text-center text-muted text-uppercase mt-2">Beach at Big Sur, CA</figcaption>
</figure>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<ul>
<li>Donec ultricies <a href="#">purus sed augue tempus</a> sed porttitor libero faucibus.</li>
<li>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic.</li>
<li>All the Lorem Ipsum generators on the Internet tend to repeat <a href="#">predefined chunks</a> as necessary, making this the first true generator on the Internet.</li>
<li>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.</li>
</ul>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<blockquote class="border-bottom border-primary border-top my-5 py-4">
<div class="g-3 row">
<div class="col-sm-auto">
<div class="fs-12 mb-1 subtitle-core-value text-uppercase">10.11.2022</div>
<div class="fs-12 subtitle-core-value text-uppercase">Chief Marketer</div>
</div>
<div class="col">
<p class="display-5 font-caveat testimonial-text text-primary">"We cannot understand how we lived without the services of your company. It's the perfect solution for creating a cool portfolio! The best Holi digital agency!"</p>
</div>
</div>
</blockquote>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet</p>
<blockquote class="blockquote quote-text alignleft">
<p class="display-6 font-caveat mb-0 text-primary">“Stay hungry, stay foolish.”</p> <cite class="fs-12 fst-normal subtitle-core-value text-uppercase">— John Doe Molicere</cite>
</blockquote>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<p><img src="../assets/images/blog/details-02.jpg" alt="Image" class="alignright img-fluid rounded-3"> Richard McClintock, a <a href="Latin professor at Hampden-Sydney">Latin professor at Hampden-Sydney</a> College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
<p>very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced <a href="#">below for those interested</a> Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original.</p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<hr>
<h2>Ut eleifend elit tempus tempus luctus</h2>
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..".</p>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.</p>
</div>
<!-- /.End of entry content -->
<!-- start post tags -->
<div class="d-flex flex-wrap gap-3 my-4 post-tags tagcloud">
<a href="#" rel="tag" class="fs-15 fw-semibold">travel</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">earth</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">think</a>
</div>
<!-- end /. post tags -->
<!-- start post share -->
<div class="align-items-center border-bottom border-top d-flex justify-content-between py-4">
<div class="blog_time_read d-none d-sm-block fs-12 l-spacing-1 text-muted text-uppercase"> Reading time: 2 min </div>
<!-- /.reading -->
<div class="align-items-center blog-social d-flex fs-12 l-spacing-1 text-uppercase"> Share:
<div class="blog-social-icon d-flex fs-17 gap-3 ms-2">
<a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-google"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-stumbleupon"></i></a>
</div>
</div>
<!-- /.social -->
</div>
<!-- end /. post share -->
<!-- start blog pagination -->
<div class="align-items-center border justify-content-between mt-5 p-4 rounded">
<div class="row g-0">
<div class="col-sm-6 ps-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<i class="fa-solid fa-arrow-left text-primary flex-shrink-0"></i>
<div class="flex-grow-1 ms-3">
<p class="font-caveat fs-4 fw-medium text-primary">Previous post</p>
<h5 class="mb-0">In a nisl quis lectus dapibus mattis nec vitae justo.</h5>
</div>
</a>
</div>
<div class="col-sm-6 pe-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<div class="flex-grow-1 me-3 text-end">
<p class="font-caveat fs-4 fw-medium text-primary">Next post</p>
<h5 class="mb-0">Ut eleifend elit tempus tempus luctus.</h5>
</div>
<i class="fa-solid fa-arrow-right text-primary flex-shrink-0"></i>
</a>
</div>
</div>
</div>
<!-- end /. blog pagination -->
<!-- start author info -->
<div class="author-info border p-4 mb-5 rounded mt-5">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="mb-2">
<div class="fs-12 fw-medium l-spacing-1 text-muted text-uppercase">Written by</div>
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="align-items-center d-flex fs-18 gap-4 mt-4">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
</div>
</div>
</div>
</div>
<!-- end /. author info -->
<!-- start reviews section -->
<div class="mb-4 mt-5">
<h4 class="fw-semibold fs-3 mb-4">6 <span class="font-caveat text-primary">Comments</span></h4>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Ethan Blackwood</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Ethan Blackwood</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="g-sm-4 gy-4 row">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. review -->
<div class="d-flex mt-4 border-top pt-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/06.jpg" alt="..." height="60" width="60" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Gabriel North</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Gabriel North</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
<div class="d-flex mb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
</div>
<!-- end /. reviews section -->
<hr class="my-5">
<!-- start comment form section -->
<div class="mb-4 mb-lg-0">
<div class="mb-4">
<h4 class="fw-semibold fs-3 mb-1">Leave a <span class="font-caveat text-primary">Reply</span></h4>
<p class="required">Your email address will not be published. Required fields are marked </p>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Tell us what we can help you with!"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12 text-end">
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. comment form section -->
</article>
</div>
</div>
</div>
</div>
<!-- end /. content -->
<!-- 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>
public/frontend2/rtl/blog-post-audio.html
+771
View File
@@ -0,0 +1,771 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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)&nbsp;<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 active" 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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/02.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-10 text-center">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white text-uppercase">Renovation / August 31, 2023</div>
<!-- end /. section header sub title -->
<h2 class="display-4 fw-semibold section-header__title text-capitalize mb-0">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-white">vision to your original</span> vision or inspiration.</h2>
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start content -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-xl-10 col-xxl-8">
<article class="post single-post">
<div class="entry-content cs-content">
<h1>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.</h1>
<div class="audio_content my-3">
<iframe width="100%" height="250px" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1402560484&color=%23f84525&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
<div class="fs-12 text-dark iframe-text">
<a href="https://soundcloud.com/fm_freemusic" title="Free Music" target="_blank">Free Music</a> ·
<a href="https://soundcloud.com/fm_freemusic/christmas-background-music-happy-holiday-xmas-music-by-oleg-mazur" title="Christmas Background Music | Happy Holiday Xmas Music - by Oleg Mazur" target="_blank">Christmas Background Music | Happy Holiday Xmas Music - by Oleg Mazur</a>
</div>
</div><!-- audio content -->
<p>How it is a long established fact that a reader will be distracted by the <a href="#">readable content</a> of a page when looking at its layout. The point of using Lorem <a href="#">Ipsum is that it has a more-or-less</a> normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many <a href="#">desktop publishing packages</a> and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
<p>With the above snippet, nested elements—including generated content via <code>::before</code> and <code>::after</code>—will all inherit the specified <code>box-sizing</code> for that <code>.selector-for-some-widget</code>.</p>
<figure class="caption aligncenter"><img src="../assets/images/blog/details-01.jpg" class="img-fluid rounded-3 w-100" alt="">
<figcaption class="caption-text fs-11 text-center text-muted text-uppercase mt-2">Beach at Big Sur, CA</figcaption>
</figure>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<ul>
<li>Donec ultricies <a href="#">purus sed augue tempus</a> sed porttitor libero faucibus.</li>
<li>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic.</li>
<li>All the Lorem Ipsum generators on the Internet tend to repeat <a href="#">predefined chunks</a> as necessary, making this the first true generator on the Internet.</li>
<li>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.</li>
</ul>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<blockquote class="border-bottom border-primary border-top my-5 py-4">
<div class="g-3 row">
<div class="col-sm-auto">
<div class="fs-12 mb-1 subtitle-core-value text-uppercase">10.11.2022</div>
<div class="fs-12 subtitle-core-value text-uppercase">Chief Marketer</div>
</div>
<div class="col">
<p class="display-5 font-caveat testimonial-text text-primary">"We cannot understand how we lived without the services of your company. It's the perfect solution for creating a cool portfolio! The best Holi digital agency!"</p>
</div>
</div>
</blockquote>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet</p>
<blockquote class="blockquote quote-text alignleft">
<p class="display-6 font-caveat mb-0 text-primary">“Stay hungry, stay foolish.”</p> <cite class="fs-12 fst-normal subtitle-core-value text-uppercase">— John Doe Molicere</cite>
</blockquote>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<p><img src="../assets/images/blog/details-02.jpg" alt="Image" class="alignright img-fluid rounded-3"> Richard McClintock, a <a href="Latin professor at Hampden-Sydney">Latin professor at Hampden-Sydney</a> College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
<p>very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced <a href="#">below for those interested</a> Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original.</p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<hr>
<h2>Ut eleifend elit tempus tempus luctus</h2>
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..".</p>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.</p>
</div>
<!-- /.End of entry content -->
<!-- start post tags -->
<div class="d-flex flex-wrap gap-3 my-4 post-tags tagcloud">
<a href="#" rel="tag" class="fs-15 fw-semibold">travel</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">earth</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">think</a>
</div>
<!-- end /. post tags -->
<!-- start post share -->
<div class="align-items-center border-bottom border-top d-flex justify-content-between py-4">
<div class="blog_time_read d-none d-sm-block fs-12 l-spacing-1 text-muted text-uppercase"> Reading time: 2 min </div>
<!-- /.reading -->
<div class="align-items-center blog-social d-flex fs-12 l-spacing-1 text-uppercase"> Share:
<div class="blog-social-icon d-flex fs-17 gap-3 ms-2">
<a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-google"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-stumbleupon"></i></a>
</div>
</div>
<!-- /.social -->
</div>
<!-- end /. post share -->
<!-- start blog pagination -->
<div class="align-items-center border justify-content-between mt-5 p-4 rounded">
<div class="row g-0">
<div class="col-sm-6 ps-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<i class="fa-solid fa-arrow-left text-primary flex-shrink-0"></i>
<div class="flex-grow-1 ms-3">
<p class="font-caveat fs-4 fw-medium text-primary">Previous post</p>
<h5 class="mb-0">In a nisl quis lectus dapibus mattis nec vitae justo.</h5>
</div>
</a>
</div>
<div class="col-sm-6 pe-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<div class="flex-grow-1 me-3 text-end">
<p class="font-caveat fs-4 fw-medium text-primary">Next post</p>
<h5 class="mb-0">Ut eleifend elit tempus tempus luctus.</h5>
</div>
<i class="fa-solid fa-arrow-right text-primary flex-shrink-0"></i>
</a>
</div>
</div>
</div>
<!-- end /. blog pagination -->
<!-- start author info -->
<div class="author-info border p-4 mb-5 rounded mt-5">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="mb-2">
<div class="fs-12 fw-medium l-spacing-1 text-muted text-uppercase">Written by</div>
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="align-items-center d-flex fs-18 gap-4 mt-4">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
</div>
</div>
</div>
</div>
<!-- end /. author info -->
<!-- start reviews section -->
<div class="mb-4 mt-5">
<h4 class="fw-semibold fs-3 mb-4">6 <span class="font-caveat text-primary">Comments</span></h4>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Ethan Blackwood</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Ethan Blackwood</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="g-sm-4 gy-4 row">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. review -->
<div class="d-flex mt-4 border-top pt-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/06.jpg" alt="..." height="60" width="60" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Gabriel North</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Gabriel North</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
<div class="d-flex mb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
</div>
<!-- end /. reviews section -->
<hr class="my-5">
<!-- start comment form section -->
<div class="mb-4 mb-lg-0">
<div class="mb-4">
<h4 class="fw-semibold fs-3 mb-1">Leave a <span class="font-caveat text-primary">Reply</span></h4>
<p class="required">Your email address will not be published. Required fields are marked </p>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Tell us what we can help you with!"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12 text-end">
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. comment form section -->
</article>
</div>
</div>
</div>
</div>
<!-- end /. content -->
<!-- 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>
public/frontend2/rtl/blog-post-galary.html
+793
View File
@@ -0,0 +1,793 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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)&nbsp;<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 active" 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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/02.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-10 text-center">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white text-uppercase">Renovation / August 31, 2023</div>
<!-- end /. section header sub title -->
<h2 class="display-4 fw-semibold section-header__title text-capitalize mb-0">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-white">vision to your original</span> vision or inspiration.</h2>
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start content -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-xl-10 col-xxl-8">
<article class="post single-post">
<div class="entry-content cs-content">
<h1>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.</h1>
<p>How it is a long established fact that a reader will be distracted by the <a href="#">readable content</a> of a page when looking at its layout. The point of using Lorem <a href="#">Ipsum is that it has a more-or-less</a> normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many <a href="#">desktop publishing packages</a> and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p>With the above snippet, nested elements—including generated content via <code>::before</code> and <code>::after</code>—will all inherit the specified <code>box-sizing</code> for that <code>.selector-for-some-widget</code>.</p>
<figcaption class="caption aligncenter">
<div class="rounded-4 overflow-hidden">
<div class="row gx-2 zoom-gallery">
<div class="col-md-8">
<a class="d-block position-relative" href="../assets/images/blog/galary-01.jpg">
<img class="img-fluid w-100" src="../assets/images/blog/galary-01.jpg" alt="Image Description">
<div class="position-absolute bottom-0 end-0 mb-3 me-3">
<span class="align-items-center btn btn-light btn-sm d-flex d-md-none fw-semibold gap-2">
<i class="fa-solid fa-expand"></i>
<span> View photos</span>
</span>
</div>
</a>
</div>
<div class="col-md-4 d-none d-md-inline-block">
<a class="d-block mb-2" href="../assets/images/blog/galary-02.jpg">
<img class="img-fluid w-100" src="../assets/images/blog/galary-02.jpg" alt="Image Description">
</a>
<a class="d-block position-relative" href="../assets/images/blog/galary-03.jpg">
<img class="img-fluid w-100" src="../assets/images/blog/galary-03.jpg" alt="Image Description">
<div class="position-absolute bottom-0 end-0 mb-3 me-3">
<span class="align-items-center btn btn-light btn-sm d-md-inline-flex d-none fw-semibold gap-2">
<i class="fa-solid fa-expand"></i>
<span> View photos</span>
</span>
</div>
</a>
</div>
</div>
</div>
<figcaption class="caption-text fs-11 text-center text-muted text-uppercase mt-2">A caption for the above image.</figcaption>
</figcaption>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<ul>
<li>Donec ultricies purus sed augue tempus, sed porttitor libero faucibus.</li>
<li>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic.</li>
<li>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</li>
<li>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.</li>
</ul>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<blockquote class="border-bottom border-primary border-top my-5 py-4">
<div class="g-3 row">
<div class="col-sm-auto">
<div class="fs-12 mb-1 subtitle-core-value text-uppercase">10.11.2022</div>
<div class="fs-12 subtitle-core-value text-uppercase">Chief Marketer</div>
</div>
<div class="col">
<p class="display-5 font-caveat testimonial-text text-primary">"We cannot understand how we lived without the services of your company. It's the perfect solution for creating a cool portfolio! The best Holi digital agency!"</p>
</div>
</div>
</blockquote>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet</p>
<blockquote class="blockquote quote-text alignleft">
<p class="display-6 font-caveat mb-0 text-primary">“Stay hungry, stay foolish.”</p> <cite class="fs-12 fst-normal subtitle-core-value text-uppercase">— John Doe Molicere</cite>
</blockquote>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<p><img src="../assets/images/blog/details-02.jpg" alt="Image" class="alignright img-fluid rounded-3"> Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
<p>very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original.</p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<hr>
<h2>Ut eleifend elit tempus tempus luctus</h2>
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..".</p>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.</p>
</div>
<!-- /.End of entry content -->
<!-- start post tags -->
<div class="d-flex flex-wrap gap-3 my-4 post-tags tagcloud">
<a href="#" rel="tag" class="fs-15 fw-semibold">travel</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">earth</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">think</a>
</div>
<!-- end /. post tags -->
<!-- start post share -->
<div class="align-items-center border-bottom border-top d-flex justify-content-between py-4">
<div class="blog_time_read d-none d-sm-block fs-12 l-spacing-1 text-muted text-uppercase"> Reading time: 2 min </div>
<!-- /.reading -->
<div class="align-items-center blog-social d-flex fs-12 l-spacing-1 text-uppercase"> Share:
<div class="blog-social-icon d-flex fs-17 gap-3 ms-2">
<a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-google"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-stumbleupon"></i></a>
</div>
</div>
<!-- /.social -->
</div>
<!-- end /. post share -->
<!-- start blog pagination -->
<div class="align-items-center border justify-content-between mt-5 p-4 rounded">
<div class="row g-0">
<div class="col-sm-6 ps-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<i class="fa-solid fa-arrow-left text-primary flex-shrink-0"></i>
<div class="flex-grow-1 ms-3">
<p class="font-caveat fs-4 fw-medium text-primary">Previous post</p>
<h5 class="mb-0">In a nisl quis lectus dapibus mattis nec vitae justo.</h5>
</div>
</a>
</div>
<div class="col-sm-6 pe-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<div class="flex-grow-1 me-3 text-end">
<p class="font-caveat fs-4 fw-medium text-primary">Next post</p>
<h5 class="mb-0">Ut eleifend elit tempus tempus luctus.</h5>
</div>
<i class="fa-solid fa-arrow-right text-primary flex-shrink-0"></i>
</a>
</div>
</div>
</div>
<!-- end /. blog pagination -->
<!-- start author info -->
<div class="author-info border p-4 mb-5 rounded mt-5">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="mb-2">
<div class="fs-12 fw-medium l-spacing-1 text-muted text-uppercase">Written by</div>
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="align-items-center d-flex fs-18 gap-4 mt-4">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
</div>
</div>
</div>
</div>
<!-- end /. author info -->
<!-- start reviews section -->
<div class="mb-4 mt-5">
<h4 class="fw-semibold fs-3 mb-4">6 <span class="font-caveat text-primary">Comments</span></h4>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Ethan Blackwood</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Ethan Blackwood</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="g-sm-4 gy-4 row">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. review -->
<div class="d-flex mt-4 border-top pt-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/06.jpg" alt="..." height="60" width="60" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Gabriel North</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Gabriel North</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
<div class="d-flex mb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
</div>
<!-- end /. reviews section -->
<hr class="my-5">
<!-- start comment form section -->
<div class="mb-4 mb-lg-0">
<div class="mb-4">
<h4 class="fw-semibold fs-3 mb-1">Leave a <span class="font-caveat text-primary">Reply</span></h4>
<p class="required">Your email address will not be published. Required fields are marked </p>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Tell us what we can help you with!"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12 text-end">
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. comment form section -->
</article>
</div>
</div>
</div>
</div>
<!-- end /. content -->
<!-- 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>
public/frontend2/rtl/blog-post-video.html
+767
View File
@@ -0,0 +1,767 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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)&nbsp;<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 active" 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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/02.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-10 text-center">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white text-uppercase">Renovation / August 31, 2023</div>
<!-- end /. section header sub title -->
<h2 class="display-4 fw-semibold section-header__title text-capitalize mb-0">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-white">vision to your original</span> vision or inspiration.</h2>
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start content -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-xl-10 col-xxl-8">
<article class="post single-post">
<div class="entry-content cs-content">
<h1>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.</h1>
<p>How it is a long established fact that a reader will be distracted by the <a href="#">readable content</a> of a page when looking at its layout. The point of using Lorem <a href="#">Ipsum is that it has a more-or-less</a> normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many <a href="#">desktop publishing packages</a> and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p>With the above snippet, nested elements—including generated content via <code>::before</code> and <code>::after</code>—will all inherit the specified <code>box-sizing</code> for that <code>.selector-for-some-widget</code>.</p>
<figure class="caption aligncenter">
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/fCVm5U2ob8U?si=lo7pOjKfYqHPPGGJ" title="YouTube video" allowfullscreen></iframe>
</div>
<figcaption class="caption-text fs-11 text-center text-muted text-uppercase mt-2">Beach at Big Sur, CA</figcaption>
</figure>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<ul>
<li>Donec ultricies <a href="#">purus sed augue tempus</a> sed porttitor libero faucibus.</li>
<li>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic.</li>
<li>All the Lorem Ipsum generators on the Internet tend to repeat <a href="#">predefined chunks</a> as necessary, making this the first true generator on the Internet.</li>
<li>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.</li>
</ul>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
<blockquote class="border-bottom border-primary border-top my-5 py-4">
<div class="g-3 row">
<div class="col-sm-auto">
<div class="fs-12 mb-1 subtitle-core-value text-uppercase">10.11.2022</div>
<div class="fs-12 subtitle-core-value text-uppercase">Chief Marketer</div>
</div>
<div class="col">
<p class="display-5 font-caveat testimonial-text text-primary">"We cannot understand how we lived without the services of your company. It's the perfect solution for creating a cool portfolio! The best Holi digital agency!"</p>
</div>
</div>
</blockquote>
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet</p>
<blockquote class="blockquote quote-text alignleft">
<p class="display-6 font-caveat mb-0 text-primary">“Stay hungry, stay foolish.”</p> <cite class="fs-12 fst-normal subtitle-core-value text-uppercase">— John Doe Molicere</cite>
</blockquote>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<p><img src="../assets/images/blog/details-02.jpg" alt="Image" class="alignright img-fluid rounded-3"> Richard McClintock, a <a href="Latin professor at Hampden-Sydney">Latin professor at Hampden-Sydney</a> College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
<p>very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced <a href="#">below for those interested</a> Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original.</p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<hr>
<h2>Ut eleifend elit tempus tempus luctus</h2>
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..".</p>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.</p>
</div>
<!-- /.End of entry content -->
<!-- start post tags -->
<div class="d-flex flex-wrap gap-3 my-4 post-tags tagcloud">
<a href="#" rel="tag" class="fs-15 fw-semibold">travel</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">earth</a>
<a href="#" rel="tag" class="fs-15 fw-semibold">think</a>
</div>
<!-- end /. post tags -->
<!-- start post share -->
<div class="align-items-center border-bottom border-top d-flex justify-content-between py-4">
<div class="blog_time_read d-none d-sm-block fs-12 l-spacing-1 text-muted text-uppercase"> Reading time: 2 min </div>
<!-- /.reading -->
<div class="align-items-center blog-social d-flex fs-12 l-spacing-1 text-uppercase"> Share:
<div class="blog-social-icon d-flex fs-17 gap-3 ms-2">
<a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-google"></i></a>
<a target="_blank" href="#"><i class="fa-brands fa-stumbleupon"></i></a>
</div>
</div>
<!-- /.social -->
</div>
<!-- end /. post share -->
<!-- start blog pagination -->
<div class="align-items-center border justify-content-between mt-5 p-4 rounded">
<div class="row g-0">
<div class="col-sm-6 ps-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<i class="fa-solid fa-arrow-left text-primary flex-shrink-0"></i>
<div class="flex-grow-1 ms-3">
<p class="font-caveat fs-4 fw-medium text-primary">Previous post</p>
<h5 class="mb-0">In a nisl quis lectus dapibus mattis nec vitae justo.</h5>
</div>
</a>
</div>
<div class="col-sm-6 pe-0 py-3 slider-blog-arrow">
<a href="blog-details.html" class="align-items-center d-flex">
<div class="flex-grow-1 me-3 text-end">
<p class="font-caveat fs-4 fw-medium text-primary">Next post</p>
<h5 class="mb-0">Ut eleifend elit tempus tempus luctus.</h5>
</div>
<i class="fa-solid fa-arrow-right text-primary flex-shrink-0"></i>
</a>
</div>
</div>
</div>
<!-- end /. blog pagination -->
<!-- start author info -->
<div class="author-info border p-4 mb-5 rounded mt-5">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="mb-2">
<div class="fs-12 fw-medium l-spacing-1 text-muted text-uppercase">Written by</div>
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="align-items-center d-flex fs-18 gap-4 mt-4">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
</div>
</div>
</div>
</div>
<!-- end /. author info -->
<!-- start reviews section -->
<div class="mb-4 mt-5">
<h4 class="fw-semibold fs-3 mb-4">6 <span class="font-caveat text-primary">Comments</span></h4>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Ethan Blackwood</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Ethan Blackwood</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="g-sm-4 gy-4 row">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. review -->
<div class="d-flex mt-4 border-top pt-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/06.jpg" alt="..." height="60" width="60" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Gabriel North</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
<!-- Riplay form -->
<div class="reply-form">
<div class="my-4 d-flex justify-content-between">
<h4 class="mb-0 fw-semibold">Reply to Gabriel North</h4>
<!-- Riplay close button -->
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
</svg>
</a>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-muted" for="flexCheckDefault">
By using this form you agree with the storage and handling of your data. *
</label>
</div>
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
<div class="d-flex mb-4">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header mb-3">
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<div class="d-flex align-items-center gap-3 mt-4">
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="fw-semibold">0</span>
</a>
<!-- Riplay open button -->
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
Reply
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
</svg>
</a>
</div>
</div>
</div>
</div>
<!-- end /. reviews section -->
<hr class="my-5">
<!-- start comment form section -->
<div class="mb-4 mb-lg-0">
<div class="mb-4">
<h4 class="fw-semibold fs-3 mb-1">Leave a <span class="font-caveat text-primary">Reply</span></h4>
<p class="required">Your email address will not be published. Required fields are marked </p>
</div>
<form class="row g-4">
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" placeholder="Enter your name" required="">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-6">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Email Address</label>
<input type="text" class="form-control" placeholder="Enter your email address">
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12">
<!-- start form group -->
<div class="">
<label class="required fw-medium mb-2">Comment</label>
<textarea class="form-control" rows="7" placeholder="Tell us what we can help you with!"></textarea>
</div>
<!-- end /. form group -->
</div>
<div class="col-sm-12 text-end">
<button type="submit" class="btn btn-primary">Leave a comment</button>
</div>
</form>
</div>
<!-- end /. comment form section -->
</article>
</div>
</div>
</div>
</div>
<!-- end /. content -->
<!-- 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>
public/frontend2/rtl/blog.html
+838
View File
@@ -0,0 +1,838 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" href="blog.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" href="blog.html">Blog</a></li>
<li><a class="dropdown-item" href="blog-details.html">Blog Details</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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/03.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">Blog Page</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Hello - <span class="font-caveat text-white">Welcome</span> 👋 to Blog</h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-16">Many desktop publishing packages and web page editors now use Lorem Ipsum as their
<br class="d-none d-lg-block"> default model text, and a search for 'lorem ipsum' will uncover many.
</div>
<!-- end /. section header sub title -->
<!-- start breadcrumbs -->
<div class="row gy-2 gx-4 justify-content-center mt-5">
<h4 class="col-auto fs-18 fw-semibold mb-0 page-title text-capitalize">Blog grid</h4>
<span class="opacity-50 col-auto">|</span>
<div class="col-auto">
<ol class="align-items-center breadcrumb fw-medium mb-0">
<li class="breadcrumb-item d-flex align-items-center">
<a href="index.html" class="text-decoration-none"> <i class="fa-solid fa-house-chimney-crack fs-18"></i> </a>
</li>
<li class="breadcrumb-item d-flex align-items-center active" aria-current="page">Blog Page</li>
</ol>
</div>
</div>
<!-- end /. breadcrumbs -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<div class="py-5">
<div class="container py-4">
<div class="row">
<div class="col-lg-8 pe-lg-4 pe-xxl-5 content">
<div class="blog-grid">
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Etiam Dapibus Metus Aliquam Orci Venenatis, Suscipit Efficitur.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/01-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Praesent sit amet augue tincidunt, venenatis risus ut.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/02.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Alexander Kaminski</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/02-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Duis volutpat ipsum eget pretium posuere.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/03.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Edwin Martins</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">In ut tellus id nisl convallis bibendum eu nec diam.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Pranoti Deshpande</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Fusce et purus iaculis, tincidunt sem at, accumsan libero.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Gabriel North</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/03-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Integer vel tellus at velit porttitor bibendum a eget turpis.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/06.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Marcus Knight</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"></path>
</svg>
</a>
<img src="../assets/images/blog/04-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Morbi ultrices odio a tortor gravida, at hendrerit leo semper.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/07.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="bg-light border-0 card overflow-hidden">
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Integer vel tellus at velit porttitor bibendum a eget turpis.</a>
</h3>
<p class="mt-3 mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/03.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
</div>
<!-- start pagination -->
<nav class="justify-content-center mt-5 pagination align-items-center">
<a class="prev page-numbers" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z" />
</svg>
previous
</a>
<span class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#">
next
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</nav>
<!-- end /. pagination -->
</div>
<div class="col-lg-4 ps-lg-4 ps-xxl-5 sidebar">
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">Search <span class="font-caveat text-primary">Blog</span></h5>
<!-- end /. title -->
<div class="input-group flex-nowrap">
<span class="input-group-text" id="addon-wrapping"><i class="fa-solid fa-magnifying-glass"></i></span>
<input type="text" class="form-control" placeholder="Type and hit enter">
</div>
</div>
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">Latest <span class="font-caveat text-primary">Posts</span></h5>
<!-- end /. title -->
<div class="news-list">
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/01-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">eu feugiat pretium nibh ipsum consequat</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/02-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">ut faucibus pulvinar elementum integer?</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/03-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">fames ac turpis egestas integer eget aliquet</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
<!-- Start News Item -->
<div class="news-list-item d-flex py-3 news-list-item-lg">
<div class="flex-shrink-0 img-wrapper">
<!-- Start Image Thumb -->
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded"> <img src="../assets/images/blog/04-sm.jpg" class="image-zoom-hover" alt="" height="85" width="115"> </a>
<!-- /.End Image Thumb -->
</div>
<div class="flex-grow-1 p-post ms-3">
<!-- Start Title -->
<h3 class="news-title fs-17 mb-2 overflow-hidden text-capitalize"><a href="blog-details.html">ullamcorper a lacus vestibulum sed.</a></h3>
<!-- /.End Title -->
<!-- start meta info -->
<div class="small d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
</svg>
Jun 23, 2023
</div>
<!-- end /. meta info -->
</div>
</div>
<!-- /.End News Item -->
</div>
</div>
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">All <span class="font-caveat text-primary">Category</span></h5>
<!-- end /. title -->
<!-- Start Category -->
<ul class="fs-15 fw-medium list-inline list-separator mb-0 mt-3">
<li class="list-inline-item"><a href="#"><span class="fs-19">Design</span><sup class="text-muted fs-13 ms-1">(36)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Solution</span><sup class="text-muted fs-13 ms-1">(29)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Skill</span><sup class="text-muted fs-13 ms-1">(24)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Branding</span><sup class="text-muted fs-13 ms-1">(17)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Jobs</span><sup class="text-muted fs-13 ms-1">(34)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Marketing</span><sup class="text-muted fs-13 ms-1">(51)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Business</span><sup class="text-muted fs-13 ms-1">(28)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Solution</span><sup class="text-muted fs-13 ms-1">(41)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Information</span><sup class="text-muted fs-13 ms-1">(21)</sup></a></li>
<li class="list-inline-item"><a href="#"><span class="fs-19">Learn</span><sup class="text-muted fs-13 ms-1">(23)</sup></a></li>
</ul>
<!-- / .End Category -->
</div>
<div class="mb-4" data-aos="fade">
<!-- start title -->
<h5 class="fw-semibold mb-3 text-capitalize fs-23">Tags <span class="font-caveat text-primary">Clouds</span></h5>
<!-- end /. title -->
<!-- Start Tags -->
<div class="tags-inner d-flex flex-wrap gap-2">
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Nature</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Fashion</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Wordpress</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Photo</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Travel</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Hotel</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Business</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Culture</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Sports</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Design</a>
<a href="#" class="card fw-semibold rounded tag text-uppercase ui">Entertainment </a>
</div>
<!-- /.End Tags -->
</div>
<div class="position-relative dark-overlay rounded-4 overflow-hidden me-xxl-5" data-aos="fade">
<div class="position-absolute w-100 text-center top-0 start-50 translate-middle-x pt-4 position-relative z-1">
<h4 class="pt-3 mb-0 text-white">Your banner<br> here!</h4>
</div>
<img class="img-fluid rounded-4 w-100" src="../assets/images/banner.jpg" alt="Banner">
</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>
public/frontend2/rtl/contact.html
+624
View File
@@ -0,0 +1,624 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" 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" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/01.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-between align-items-center">
<div class="col-md-6 col-lg-6">
<!-- start section header -->
<div class="section-header" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">Contact us</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Do you have any<br> questions?
<span class="font-caveat text-white">Let us Know!</span>
</h2>
<!-- end /. section header title -->
<p class="mb-0">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
<!-- end /. section header -->
</div>
<div class="col-md-5 col-lg-4">
<h5 class="fw-bold mb-4">General contact</h5>
<div class="mb-5">
<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>
<h5 class="fw-bold mb-4">follow us</h5>
<div class="d-flex gap-3">
<a href="#" class="fb d-flex align-items-center justify-content-center fs-19 rounded mr-2">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="tw d-flex align-items-center justify-content-center fs-21 rounded mr-2">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="ins d-flex align-items-center justify-content-center fs-21 rounded mr-2">
<i class="fab fa-instagram"></i></a>
<a href="#" class="pr d-flex align-items-center justify-content-center fs-21 rounded mr-2">
<i class="fab fa-pinterest-p"></i>
</a>
<a href="#" class="li d-flex align-items-center justify-content-center fs-21 rounded mr-2">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<div class="py-5 bg-light mx-3 rounded-4 my-3">
<div class="container py-5">
<div class="row justify-content-between">
<div class="col-md-6 col-xl-5">
<h3 class="h1 mb-4 font-caveat text-primary">My contact data</h3>
<!-- Start Form Group -->
<div class="mb-4">
<label class="required fw-medium mb-2">Full Name</label>
<input type="text" class="form-control" id="firstName" placeholder="David Hall" required="">
</div>
<!-- /.End Form Group -->
<!-- Start Form Group -->
<div class="mb-4">
<label class="required fw-medium mb-2">Your Email</label>
<input type="email" class="form-control" id="email" placeholder="hello@email.com">
</div>
<!-- /.End Form Group -->
<!-- Start Form Group -->
<div class="mb-4">
<label class="required fw-medium mb-2">Your Phone</label>
<input type="number" class="form-control" id="phone">
</div>
<!-- /.End Form Group -->
</div>
<div class="col-md-6 col-xl-5">
<h3 class="h1 mb-4 font-caveat text-primary">My message</h3>
<!-- Start Form Group -->
<div class="mb-4">
<label class="required fw-medium mb-2">Your Comments</label>
<textarea class="form-control" rows="7" placeholder="Tell us what we can help you with!"></textarea>
</div>
<!-- /.End Form Group -->
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
YES, I AUTHORIZE THE USE OF MY PERSONAL DATA IN ACCORDANCE WITH THE PRIVACY POLICY DESCRIBED ON THE WEBSITE.
</label>
</div>
<!-- Start Submit Button -->
<button type="submit" class="btn btn-primary btn-lg d-inline-flex hstack gap-2 mt-4">
<span>Send message</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-14"></i>
</button>
<!-- /.End Submit Button -->
</div>
</div>
<div class="row g-4 gx-xxl-5 mt-5 justify-content-center">
<div class="col-md-12">
<h2 class="display-6 fw-medium">Are you coming to see us? Make an<br> <span class="font-caveat text-primary">appointment</span> at any of our huts.</h2>
</div>
<div class="col-md-6 col-lg-4">
<div class="address-card dark-overlay position-relative rounded-4 overflow-hidden">
<img class="bg-image" src="../assets/images/address-01.jpg" alt="Image">
<div class="address-card-info position-relative text-white z-1">
<h3 class="mb-4">Paris</h3>
<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>
</div>
<div class="col-md-6 col-lg-4">
<div class="address-card dark-overlay position-relative rounded-4 overflow-hidden">
<img class="bg-image" src="../assets/images/address-02.jpg" alt="Image">
<div class="address-card-info position-relative text-white z-1">
<h3 class="mb-4">London</h3>
<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>
</div>
<div class="col-md-6 col-lg-4">
<div class="address-card dark-overlay position-relative rounded-4 overflow-hidden">
<img class="bg-image" src="../assets/images/address-03.jpg" alt="Image">
<div class="address-card-info position-relative text-white z-1">
<h3 class="mb-4">New York</h3>
<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>
</div>
</div>
</div>
</div>
<div class="py-5 bg-light mx-3 rounded-4 my-3">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">F.A.Q.</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Frequently asked questions</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="accordion" id="accordionExample">
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What Types Of Houses Are Available For Rent?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What Is The Rental Application Process?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What Are Your Rental Rates?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What Are The Lease Terms?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
What Is Your Policy On Pets?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
</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>
public/frontend2/rtl/faq.html
+469
View File
@@ -0,0 +1,469 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" 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" 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 active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/03.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">FAQ</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Frequently Asked <span class="font-caveat text-white">Questions</span></h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-16">Many desktop publishing packages and web page editors now use Lorem Ipsum as their
<br class="d-none d-lg-block"> default model text, and a search for 'lorem ipsum' will uncover many.
</div>
<!-- end /. section header sub title -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start faq -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="accordion" id="accordionExample">
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What Types Of Houses Are Available For Rent?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What Is The Rental Application Process?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What Are Your Rental Rates?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What Are The Lease Terms?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
What Is Your Policy On Pets?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end /. faq -->
<!-- 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>
public/frontend2/rtl/forgot-password.html
+425
View File
@@ -0,0 +1,425 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" href="sign-up.html">Sign Up</a></li>
<li><a class="dropdown-item active" 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 align-items-center">
<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">Password <span class="font-caveat text-primary">Reset</span></h2>
<p class="mb-0">Fill with your mail to receive instructions on how to reset your password.</p>
</div>
<!-- /.End Header Text -->
<form class="register-form">
<!-- 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 Button -->
<button type="submit" class="btn btn-primary btn-lg w-100">Reset Password</button>
<!-- End Button -->
</form>
<!-- Start Bottom Text -->
<div class="bottom-text text-center mt-4">Remember your password? <a href="sign-in.html" class="fw-medium text-decoration-underline">Log 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/forgot-password.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>
public/frontend2/rtl/home-car.html
+1480
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/home-classic.html
+1385
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/home-grid.html
+1063
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/home-map.html
+1451
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/home-restaurant.html
+1376
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/home-rounded.html
+1230
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/home-waves.html
+985
View File
@@ -0,0 +1,985 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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 active" 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 active" href="home-waves.html">Home (Waves)</a></li>
<li><a class="dropdown-item" href="home-car.html">Home (Car)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" 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" 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" 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 -->
<!-- start hero header (waves) -->
<div class="hero-header-waves mx-3 overflow-hidden dark-overlay position-relative rounded-4">
<!-- start background header carousel -->
<div class="header-carousel owl-carousel owl-theme position-absolute top-0 start-0 end-0 h-100">
<img class="h-100 object-fit-cover" src="../assets/images/header/lg-05.jpg" alt="Image">
<img class="h-100 object-fit-cover" src="../assets/images/header/lg-06.jpg" alt="Image">
<img class="h-100 object-fit-cover" src="../assets/images/header/lg-07.jpg" alt="Image">
</div>
<!-- end /. background header carousel -->
<div class="inner-header position-relative z-2">
<div class="container">
<div class="row align-items-center g-4">
<div class="col-lg-7">
<h1 class="display-2 fw-bold hero-header_title mb-2 text-capitalize text-white">Want to <span class="font-caveat text-span">Visit Popular</span> Tourists Spots in a New City or Town?</h1>
</div>
<div class="col-lg-5">
<div class="p-4 p-sm-5 position-relative rounded-5 z-1 search-content">
<h2 class="h3 hero-header_title mb-2 text-capitalize text-white text-start">Find Trending Tourist Locations</h2>
<div class="fs-18 mb-4 text-start text-white">Visit a Unique Historical or Cultural Site</div>
<!-- start search content -->
<div class="border-0 card d-flex flex-column gap-4 position-relative rounded-4 search-wrapper">
<div class="align-items-center d-flex search-field w-100">
<div class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
</svg>
</div>
<!-- start input -->
<input type="email" class="form-control search-input" placeholder="What are you looking for?">
<!-- end /. input -->
</div>
<div class="align-items-center d-flex search-field w-100">
<div class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"></path>
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
</svg>
</div>
<!-- start select -->
<select class="form-select search-select-field">
<option selected="">Location</option>
<option value="1">Florence, Italy</option>
<option value="2">Second choice</option>
<option value="3">Third choice</option>
</select>
<!-- end /. select -->
</div>
<input type="submit" value="Search places" class="btn btn-primary rounded-5 mt-3 mt-md-0">
</div>
<!-- end /. search content -->
</div>
</div>
</div>
</div>
</div>
<!-- waves container -->
<div class="position-relative z-2">
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" />
<use xlink:href="#gentle-wave" x="48" y="3" />
<use xlink:href="#gentle-wave" x="48" y="5" />
<use xlink:href="#gentle-wave" x="48" y="7" />
</g>
</svg>
</div>
<!-- end /. waves container -->
</div>
<!-- end /. hero header (waves) -->
<!-- start places section -->
<div class="py-5 position-relative overflow-hidden">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Places</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Destinations in the World</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row g-4 justify-content-center">
<div class="col-md-8">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/01.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Jamaica</div>
<h3 class="h2 mb-0">Kingston</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">K</div>
</a>
<!-- end /. destinations masonry -->
</div>
<div class="col-md-4">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/02.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Brazil</div>
<h3 class="h2 mb-0">Atlanta</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">B</div>
</a>
<!-- end /. destinations masonry -->
</div>
<div class="col-md-6">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/05.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Italy</div>
<h3 class="h2 mb-0">Vanish City</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">V</div>
</a>
<!-- end /. destinations masonry -->
</div>
<div class="col-md-6">
<div class="row g-4">
<div class="col-md-12">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/06.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Japan</div>
<h3 class="h2 mb-0">Tokyo</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">T</div>
</a>
<!-- end /. destinations masonry -->
</div>
<div class="col-md-12">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/07.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Germany</div>
<h3 class="h2 mb-0">Berlin</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">G</div>
</a>
<!-- end /. destinations masonry -->
</div>
</div>
</div>
<div class="col-md-4">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/03.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Jordan</div>
<h3 class="h2 mb-0">Amman</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">A</div>
</a>
<!-- end /. destinations masonry -->
</div>
<div class="col-md-4">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/04.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">UAE</div>
<h3 class="h2 mb-0">Dubai</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">D</div>
</a>
<!-- end /. destinations masonry -->
</div>
<div class="col-md-4">
<!-- start destinations masonry -->
<a href="listings-map-grid-1.html" class="h-100 d-block destinations-masonry overflow-hidden position-relative rounded-3 position-relative">
<img src="../assets/images/locations/masonry/08.jpg" alt="Image" class="destinations-masonry-image h-100 img-fluid object-fit-cover w-100">
<div class="p-4 w-100 position-absolute bottom-0 start-0 text-white z-1">
<div class="fs-14 text-uppercase masonry-country">Singapore</div>
<h3 class="h2 mb-0">Singapore City</h3>
</div>
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle top-0 z-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z" />
</svg>
</div>
<div class="font-caveat fw-bold lh-1 position-absolute text-white z-1 capital-letter">S</div>
</a>
<!-- end /. destinations masonry -->
</div>
</div>
</div>
</div>
<!-- end /. places section -->
<!-- start about section -->
<div class="bg-primary bg-size-contain home-about js-bg-image bg-light mx-3 rounded-4 position-relative pt-5" data-image-src="../assets/images/lines.svg">
<div class="container pt-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">About us</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Explore over 2.5 million people travel around the world.</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row g-4">
<div class="col-md-6">
<div class="column-text-box left">
<p><span class="float-start important-text mb-2 me-2 position-relative text-primary fs-50"><strong>M</strong></span>any desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<blockquote class="about-blockquote display-6 font-caveat fst-italic my-3"> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</blockquote>
<p>We hope you enjoy it using it as much as we did building it. Cheers!</p>
<img src="../assets/images/png-img/signature.png" alt="" class="signature mt-4">
</div>
</div>
<div class="col-md-6 ps-xxl-5">
<!-- start about image masonry -->
<div class="ps-xl-4 position-relative">
<div class="row g-3">
<div class="col-6">
<div class="about-image-wrap mb-3 rounded-4">
<img src="../assets/images/about/01.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-one rounded-3">
</div>
<div class="about-image-wrap rounded-4">
<img src="../assets/images/about/02.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-two rounded-3">
</div>
</div>
<div class="col-6">
<div class="about-image-wrap mb-3 rounded-4">
<img src="../assets/images/about/03.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-three rounded-3">
</div>
<div class="about-image-wrap rounded-4">
<img src="../assets/images/about/04.jpg" alt="" class="h-100 w-100 object-fit-cover about-image-four rounded-3">
</div>
</div>
</div>
<img src="../assets/images/png-img/about-shape-1.png" alt="About Shape" class="banner-shape-one position-absolute">
<img src="../assets/images/png-img/about-shape-2.png" alt="About Shape" class="banner-shape-two position-absolute">
</div>
<!-- end /. about image masonry -->
</div>
</div>
</div>
</div>
<!-- end /. about section -->
<!-- start faq section -->
<div class="pb-5">
<div class="container pb-4">
<div class="home-video mx-3 mx-sm-0">
<!-- Start About Video Section -->
<div class="about-video position-relative rounded-4 overflow-hidden">
<!-- Image Parallax -->
<img src="../assets/images/about-02.jpg" alt="" class="about-img js-image-parallax">
<a class="align-items-center bg-blur d-flex justify-content-center popup-youtube position-absolute rounded-circle start-50 text-white top-50 translate-middle video-icon z-1" href="https://www.youtube.com/watch?v=0O2aH4XLbto">
<i class="fa-solid fa-play fs-20"></i>
</a>
</div>
<!-- /. End About Video Section -->
</div>
<div class="row mt-5">
<div class="col-md-4 sidebar">
<!-- start section header -->
<div class="section-header mb-5 mb-md-0 text-center text-md-start" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">FAQ</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Frequently Asked Questions</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
<div class="col-md-8 ps-xxl-5 content">
<div class="accordion accordion-2" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button fs-5 px-0 py-4 text-dark fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What Types Of Houses Are Available For Rent?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fs-5 fw-semibold px-0 py-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What Is The Rental Application Process?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fs-5 fw-semibold px-0 py-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What Are Your Rental Rates?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fs-5 fw-semibold px-0 py-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What Are The Lease Terms?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fs-5 fw-semibold px-0 py-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Duis ultricies urna ut odio bibendum varius?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fs-5 fw-semibold px-0 py-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
Donec non mauris in est lobortis mollis?
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed fs-5 fw-semibold px-0 py-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
Duis ultricies urna ut odio bibendum varius?
</button>
</h2>
<div id="collapseSeven" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-0 pb-4">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end /. faq section -->
<!-- start blog section -->
<div class="py-5 position-relative overflow-hidden">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Our Latest Articles</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Discover Our Latest News And Articles</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="blog-carousel owl-carousel owl-theme owl-nav-bottom">
<!-- start article -->
<article class="card h-100 overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
</svg>
</a>
<img src="../assets/images/blog/01-lg.jpg" class="card-img-top image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">9 hours ago</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Etiam Dapibus Metus Aliquam Orci Venenatis, Suscipit Efficitur.</a>
</h3>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/01.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Ethan Blackwood</span></a>
<small class="text-muted">Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="card h-100 overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
</svg>
</a>
<img src="../assets/images/blog/02-lg.jpg" class="image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">August 30, 2023</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Praesent sit amet augue tincidunt, venenatis risus ut.</a>
</h3>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/02.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Alexander Kaminski</span></a>
<small class="text-muted">Data analysis</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="card h-100 overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
</svg>
</a>
<img src="../assets/images/blog/03-lg.jpg" class="image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">Jun 28, 2023</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Duis volutpat ipsum eget pretium posuere.</a>
</h3>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/03.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Edwin Martins</span></a>
<small class="text-muted">Security Engineer</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="card h-100 overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
</svg>
</a>
<img src="../assets/images/blog/04-lg.jpg" class="image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">Jul 28, 2023</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">In ut tellus id nisl convallis bibendum eu nec diam.</a>
</h3>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/04.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Pranoti Deshpande</span></a>
<small class="text-muted">Product Manager</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
<!-- start article -->
<article class="card h-100 overflow-hidden">
<div class="position-relative overflow-hidden">
<a href="blog-details.html" class="h-100 position-absolute start-0 top-0 w-100 z-1" aria-label="Read more"></a>
<a href="#" class="align-items-center bg-white btn-icon d-flex end-0 justify-content-center me-3 mt-3 position-absolute rounded-circle text-primary top-0 z-3" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Read later" data-bs-original-title="Read later">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
</svg>
</a>
<img src="../assets/images/blog/05-lg.jpg" class="image-zoom-hover" alt="Image">
</div>
<div class="card-body">
<div class="hstack gap-3 mb-3">
<span class="fs-sm small text-muted">Oct 24, 2023</span>
<span class="opacity-25">|</span>
<a class="badge border fw-semibold text-primary bg-white" href="#">Events</a>
</div>
<h3 class="h5 fw-semibold mb-0 post-title overflow-hidden">
<a href="blog-details.html">Vestibulum scelerisque urna ut velit auctor varius.</a>
</h3>
</div>
<div class="card-footer py-3">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="../assets/images/avatar/05.jpg" class="rounded-circle" width="48" height="48" alt="Avatar">
</div>
<div class="flex-grow-1 ms-3">
<a href="#" class="d-block"><span class="fst-italic text-muted">By</span> <span class="fw-medium">Gabriel North</span></a>
<small class="text-muted">DevOps</small>
</div>
</div>
</div>
</article>
<!-- end /. article -->
</div>
</div>
</div>
<!-- end /. blog section -->
<!-- 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>
public/frontend2/rtl/index.html
+1037
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listing-details-2.html
+1317
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listing-details-car.html
+2078
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listing-details.html
+1323
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listings-grid-1-left.html
+994
View File
@@ -0,0 +1,994 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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 header -->
<div class="border-0 card header rounded-0 sticky-top">
<!-- start navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
<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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</ul>
</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">
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 active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 1</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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)&nbsp;<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" 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" 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" 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 -->
<!-- start header search bar -->
<div class="border-bottom border-top p-3 p-xl-0 search-bar">
<div class="row g-3 g-xl-0">
<!-- search bar title -->
<div class="col-12 d-xl-none">
<div class="collapse show" id="CollapseText">
<h2 class="fw-semibold text-center search-bar-title mb-0">Find what<br> you <span class="font-caveat text-primary">want</span></h2>
</div>
</div>
<div class="col-md-8 col-lg-5 col-xl-6">
<div class="search-select-input has-icon has-icon-y position-relative">
<!-- input -->
<input class="form-control" type="text" placeholder="What are you looking for?">
<!-- icon -->
<svg class="form-icon-start position-absolute top-50 bi bi-pin-map-fill" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z" />
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z" />
</svg>
<!-- icon -->
<svg class="form-icon-end position-absolute top-50 bi bi-crosshair" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9b9b9b" viewBox="0 0 16 16">
<path d="M8.5.5a.5.5 0 0 0-1 0v.518A7.001 7.001 0 0 0 1.018 7.5H.5a.5.5 0 0 0 0 1h.518A7.001 7.001 0 0 0 7.5 14.982v.518a.5.5 0 0 0 1 0v-.518A7.001 7.001 0 0 0 14.982 8.5h.518a.5.5 0 0 0 0-1h-.518A7.001 7.001 0 0 0 8.5 1.018V.5Zm-6.48 7A6.001 6.001 0 0 1 7.5 2.02v.48a.5.5 0 0 0 1 0v-.48a6.001 6.001 0 0 1 5.48 5.48h-.48a.5.5 0 0 0 0 1h.48a6.002 6.002 0 0 1-5.48 5.48v-.48a.5.5 0 0 0-1 0v.48A6.001 6.001 0 0 1 2.02 8.5h.48a.5.5 0 0 0 0-1h-.48ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
</svg>
<!-- select -->
<select class="input-select position-absolute top-50">
<option selected>0.5 km</option>
<option value="1">1 km</option>
<option value="2">5 km</option>
<option value="3">10 km</option>
</select>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>Select Location</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-geo-alt" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>All Categories</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<!-- <i class="fa-solid fa-sack-dollar fs-18 search-icon"></i> -->
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-app-indicator" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z" />
<path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-lg-3 col-md-4 col-mg-3 d-xl-none gap-3 gap-md-2 hstack justify-content-center">
<a href="#" class="sidebarCollapse align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-arrow-up-short-wide fs-18"></i>
<span>All filters</span>
</a>
<div class="h-75 mt-auto vr d-md-none"></div>
<a href="#" id="mapCollapse" class="align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-map-location-dot fs-18"></i>
<span>Map</span>
</a>
</div>
</div>
</div>
<!-- end /. header search bar -->
</div>
<!-- end /. header -->
<div class="py-3 py-xl-5 bg-gradient">
<div class="container">
<div class="row">
<aside class="col-xl-3 filters-col content pe-lg-4 pe-xl-5 shadow-end">
<!-- start sidebar filters -->
<div class="js-sidebar-filters-mobile">
<!-- filter header -->
<div class="border-bottom d-flex justify-content-between align-items-center p-3 sidebar-filters-header d-xl-none">
<div class="align-items-center btn-icon d-flex filter-close justify-content-center rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</div>
<span class="fs-3 fw-semibold">Filters</span>
<span class="text-primary fw-medium">Clear</span>
</div>
<!-- end /. filter header -->
<div class="sidebar-filters-body p-3 p-xl-0">
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Price Filter</h4>
<p class="mb-0 small">Select min and max price range</p>
</div>
<!-- Start Range Slider -->
<div class="js-range-slider"></div>
<!-- End Range Slider -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-2">Categories</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsOne">
<label class="form-check-label" for="skillsOne">Eat & Drink<span class="count fs-13 ms-1 text-muted">(62)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsTwo" checked>
<label class="form-check-label" for="skillsTwo">Coaching<span class="count fs-13 ms-1 text-muted">(31)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsThree">
<label class="form-check-label" for="skillsThree">Apartments<span class="count fs-13 ms-1 text-muted">(20)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFour">
<label class="form-check-label" for="skillsFour">Services<span class="count fs-13 ms-1 text-muted">(43)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFive">
<label class="form-check-label" for="skillsFive">Classifieds<span class="count fs-13 ms-1 text-muted">(16)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSix">
<label class="form-check-label" for="skillsSix">Fitness<span class="count fs-13 ms-1 text-muted">(22)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSeven">
<label class="form-check-label" for="skillsSeven">Events<span class="count fs-13 ms-1 text-muted">(21)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-0">
<input class="form-check-input" type="checkbox" value="" id="skillsEight">
<label class="form-check-label" for="skillsEight">Other<span class="count fs-13 ms-1 text-muted">(17)</span></label>
</div>
<!-- End Form Check -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Order by</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Select2 -->
<select class="form-select">
<option value="1">Latest</option>
<option value="2">Nearby</option>
<option value="3">Top rated</option>
<option value="4">Random</option>
<option value="5">A-Z</option>
</select>
<!-- /.End Select2 -->
</div>
<!-- start apply button -->
<button type="button" class="btn btn-primary w-100">Apply filters</button>
<!-- end /. apply button -->
<!-- start clear filters -->
<a href="#" class="align-items-center d-flex fw-medium gap-2 justify-content-center mt-2 small text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
</svg>
Clear filters
</a>
<!-- end /. clear filters -->
</div>
</div>
<!-- end /. sidebar filters -->
</aside>
<div class="col-xl-9 ps-lg-4 ps-xl-5 sidebar">
<!-- start toolbox -->
<div class="d-flex flex-wrap align-items-center mb-3 gap-2">
<div class="col fs-18 text-nowrap">All <span class="fw-bold text-dark">9,069</span> listing found</div>
<!-- start button group -->
<div class="border-0 card d-inline-flex flex-row flex-wrap gap-1 p-1 rounded-3 shadow-sm">
<a href="listings-map-grid-1.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-border-all"></i></a>
<a href="listings-map.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-list"></i></a>
</div>
<!-- end /. button group -->
</div>
<!-- end /. toolbox -->
<div class="row g-4 mb-5">
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/01.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Green Mart Apartment
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z" />
</svg>
</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/02.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">Chuijhal Hotel And Restaurant</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/03.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-1">The Barber's Lounge</h4>
<!-- end /. card title -->
<p class="mb-0 small">CoWorking, Dedicated Desk, Serviced Offices POA</p>
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/04.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-1">Gaming Expo Spectacle</h4>
<!-- end /. card title -->
<p class="mb-0 small">CoWorking, Dedicated Desk, Serviced Offices POA</p>
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/05.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Green Mart Apartment</h4>
<!-- end /. card title -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/06.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Exclusive Education Aid</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/07.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Northridge University</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/08.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Green Mart Apartment</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
</div>
<!-- start pagination -->
<nav class="justify-content-center mt-5 pagination align-items-center">
<a class="prev page-numbers" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z" />
</svg>
previous
</a>
<span class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#">
next
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</nav>
<!-- end /. pagination -->
</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>
public/frontend2/rtl/listings-grid-1-right.html
+994
View File
@@ -0,0 +1,994 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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 header -->
<div class="border-0 card header rounded-0 sticky-top">
<!-- start navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
<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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</ul>
</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">
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 active" 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 active" 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)&nbsp;<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" 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" 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" 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 -->
<!-- start header search bar -->
<div class="border-bottom border-top p-3 p-xl-0 search-bar">
<div class="row g-3 g-xl-0">
<!-- search bar title -->
<div class="col-12 d-xl-none">
<div class="collapse show" id="CollapseText">
<h2 class="fw-semibold text-center search-bar-title mb-0">Find what<br> you <span class="font-caveat text-primary">want</span></h2>
</div>
</div>
<div class="col-md-8 col-lg-5 col-xl-6">
<div class="search-select-input has-icon has-icon-y position-relative">
<!-- input -->
<input class="form-control" type="text" placeholder="What are you looking for?">
<!-- icon -->
<svg class="form-icon-start position-absolute top-50 bi bi-pin-map-fill" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z" />
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z" />
</svg>
<!-- icon -->
<svg class="form-icon-end position-absolute top-50 bi bi-crosshair" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9b9b9b" viewBox="0 0 16 16">
<path d="M8.5.5a.5.5 0 0 0-1 0v.518A7.001 7.001 0 0 0 1.018 7.5H.5a.5.5 0 0 0 0 1h.518A7.001 7.001 0 0 0 7.5 14.982v.518a.5.5 0 0 0 1 0v-.518A7.001 7.001 0 0 0 14.982 8.5h.518a.5.5 0 0 0 0-1h-.518A7.001 7.001 0 0 0 8.5 1.018V.5Zm-6.48 7A6.001 6.001 0 0 1 7.5 2.02v.48a.5.5 0 0 0 1 0v-.48a6.001 6.001 0 0 1 5.48 5.48h-.48a.5.5 0 0 0 0 1h.48a6.002 6.002 0 0 1-5.48 5.48v-.48a.5.5 0 0 0-1 0v.48A6.001 6.001 0 0 1 2.02 8.5h.48a.5.5 0 0 0 0-1h-.48ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
</svg>
<!-- select -->
<select class="input-select position-absolute top-50">
<option selected>0.5 km</option>
<option value="1">1 km</option>
<option value="2">5 km</option>
<option value="3">10 km</option>
</select>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>Select Location</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-geo-alt" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>All Categories</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<!-- <i class="fa-solid fa-sack-dollar fs-18 search-icon"></i> -->
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-app-indicator" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z" />
<path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-lg-3 col-md-4 col-mg-3 d-xl-none gap-3 gap-md-2 hstack justify-content-center">
<a href="#" class="sidebarCollapse align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-arrow-up-short-wide fs-18"></i>
<span>All filters</span>
</a>
<div class="h-75 mt-auto vr d-md-none"></div>
<a href="#" id="mapCollapse" class="align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-map-location-dot fs-18"></i>
<span>Map</span>
</a>
</div>
</div>
</div>
<!-- end /. header search bar -->
</div>
<!-- end /. header -->
<div class="py-3 py-xl-5 bg-gradient">
<div class="container">
<div class="row">
<aside class="col-md-12 col-lg-4 col-xl-3 filters-col content ps-lg-4 ps-xl-5 shadow-start">
<!-- start sidebar filters -->
<div class="js-sidebar-filters-mobile">
<!-- filter header -->
<div class="border-bottom d-flex justify-content-between align-items-center p-3 sidebar-filters-header d-xl-none">
<div class="align-items-center btn-icon d-flex filter-close justify-content-center rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</div>
<span class="fs-3 fw-semibold">Filters</span>
<span class="text-primary fw-medium">Clear</span>
</div>
<!-- end /. filter header -->
<div class="sidebar-filters-body p-3 p-xl-0">
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Price Filter</h4>
<p class="mb-0 small">Select min and max price range</p>
</div>
<!-- Start Range Slider -->
<div class="js-range-slider"></div>
<!-- End Range Slider -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-2">Categories</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsOne">
<label class="form-check-label" for="skillsOne">Eat & Drink<span class="count fs-13 ms-1 text-muted">(62)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsTwo" checked>
<label class="form-check-label" for="skillsTwo">Coaching<span class="count fs-13 ms-1 text-muted">(31)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsThree">
<label class="form-check-label" for="skillsThree">Apartments<span class="count fs-13 ms-1 text-muted">(20)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFour">
<label class="form-check-label" for="skillsFour">Services<span class="count fs-13 ms-1 text-muted">(43)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFive">
<label class="form-check-label" for="skillsFive">Classifieds<span class="count fs-13 ms-1 text-muted">(16)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSix">
<label class="form-check-label" for="skillsSix">Fitness<span class="count fs-13 ms-1 text-muted">(22)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSeven">
<label class="form-check-label" for="skillsSeven">Events<span class="count fs-13 ms-1 text-muted">(21)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-0">
<input class="form-check-input" type="checkbox" value="" id="skillsEight">
<label class="form-check-label" for="skillsEight">Other<span class="count fs-13 ms-1 text-muted">(17)</span></label>
</div>
<!-- End Form Check -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Order by</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Select2 -->
<select class="form-select">
<option value="1">Latest</option>
<option value="2">Nearby</option>
<option value="3">Top rated</option>
<option value="4">Random</option>
<option value="5">A-Z</option>
</select>
<!-- /.End Select2 -->
</div>
<!-- start apply button -->
<button type="button" class="btn btn-primary w-100">Apply filters</button>
<!-- end /. apply button -->
<!-- start clear filters -->
<a href="#" class="align-items-center d-flex fw-medium gap-2 justify-content-center mt-2 small text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
</svg>
Clear filters
</a>
<!-- end /. clear filters -->
</div>
</div>
<!-- end /. sidebar filters -->
</aside>
<div class="col-md-12 col-lg-8 col-xl-9 pe-lg-4 pe-xl-5 order-first sidebar">
<!-- start toolbox -->
<div class="d-flex flex-wrap align-items-center mb-3 gap-2">
<div class="col fs-18 text-nowrap">All <span class="fw-bold text-dark">9,069</span> listing found</div>
<!-- start button group -->
<div class="border-0 card d-inline-flex flex-row flex-wrap gap-1 p-1 rounded-3 shadow-sm">
<a href="listings-map-grid-1.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-border-all"></i></a>
<a href="listings-map.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-list"></i></a>
</div>
<!-- end /. button group -->
</div>
<!-- end /. toolbox -->
<div class="row g-4 mb-5">
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/01.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Green Mart Apartment
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z" />
</svg>
</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/02.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">Chuijhal Hotel And Restaurant</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/03.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-1">The Barber's Lounge</h4>
<!-- end /. card title -->
<p class="mb-0 small">CoWorking, Dedicated Desk, Serviced Offices POA</p>
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/04.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star"></i> Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-tag"></i> $12.00 - $40.00</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-1">Gaming Expo Spectacle</h4>
<!-- end /. card title -->
<p class="mb-0 small">CoWorking, Dedicated Desk, Serviced Offices POA</p>
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/05.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Green Mart Apartment</h4>
<!-- end /. card title -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/06.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Exclusive Education Aid</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/07.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Northridge University</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
<div class="col-sm-6 col-lg-4 col-xl-6 d-flex">
<!-- start listing card -->
<div class="card rounded-3 border-0 shadow-sm w-100 flex-fill overflow-hidden card-hover flex-fill w-100 card-hover-bg">
<!-- start card link -->
<a href="listings-map.html" class="stretched-link"></a>
<!-- end /. card link -->
<!-- start card image wrap -->
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay">
<img src="../assets/images/place/08.jpg" alt="" class="img-fluid">
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">10% OFF</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="align-items-center bg-blur btn-icon d-flex justify-content-center rounded-circle shadow-sm text-white" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
</div>
<!-- end /. card image wrap -->
<div class="d-flex flex-column h-100 position-relative p-3">
<div class="align-items-center bg-primary cat-icon d-flex justify-content-center position-absolute rounded-circle text-white"><i class="fa-solid fa-shop"></i></div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-1">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start ratings counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. ratings counter text -->
</div>
<!-- start card title -->
<h4 class="fs-17 fw-semibold mb-0">Green Mart Apartment</h4>
<!-- end /. card title -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-2 z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
<!-- end /. listing card -->
</div>
</div>
<!-- start pagination -->
<nav class="justify-content-center mt-5 pagination align-items-center">
<a class="prev page-numbers" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z" />
</svg>
previous
</a>
<span class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#">
next
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</nav>
<!-- end /. pagination -->
</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>
public/frontend2/rtl/listings-grid-2-left.html
+1016
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listings-grid-2-right.html
+1016
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listings-list-left.html
+994
View File
@@ -0,0 +1,994 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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 header -->
<div class="border-0 card header rounded-0 sticky-top">
<!-- start navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
<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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</ul>
</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">
Listing
</a>
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">List View</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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)&nbsp;<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" 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" 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" 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 -->
<!-- start header search bar -->
<div class="border-bottom border-top p-3 p-xl-0 search-bar">
<div class="row g-3 g-xl-0">
<!-- search bar title -->
<div class="col-12 d-xl-none">
<div class="collapse show" id="CollapseText">
<h2 class="fw-semibold text-center search-bar-title mb-0">Find what<br> you <span class="font-caveat text-primary">want</span></h2>
</div>
</div>
<div class="col-md-8 col-lg-5 col-xl-6">
<div class="search-select-input has-icon has-icon-y position-relative">
<!-- input -->
<input class="form-control" type="text" placeholder="What are you looking for?">
<!-- icon -->
<svg class="form-icon-start position-absolute top-50 bi bi-pin-map-fill" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z" />
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z" />
</svg>
<!-- icon -->
<svg class="form-icon-end position-absolute top-50 bi bi-crosshair" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9b9b9b" viewBox="0 0 16 16">
<path d="M8.5.5a.5.5 0 0 0-1 0v.518A7.001 7.001 0 0 0 1.018 7.5H.5a.5.5 0 0 0 0 1h.518A7.001 7.001 0 0 0 7.5 14.982v.518a.5.5 0 0 0 1 0v-.518A7.001 7.001 0 0 0 14.982 8.5h.518a.5.5 0 0 0 0-1h-.518A7.001 7.001 0 0 0 8.5 1.018V.5Zm-6.48 7A6.001 6.001 0 0 1 7.5 2.02v.48a.5.5 0 0 0 1 0v-.48a6.001 6.001 0 0 1 5.48 5.48h-.48a.5.5 0 0 0 0 1h.48a6.002 6.002 0 0 1-5.48 5.48v-.48a.5.5 0 0 0-1 0v.48A6.001 6.001 0 0 1 2.02 8.5h.48a.5.5 0 0 0 0-1h-.48ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
</svg>
<!-- select -->
<select class="input-select position-absolute top-50">
<option selected>0.5 km</option>
<option value="1">1 km</option>
<option value="2">5 km</option>
<option value="3">10 km</option>
</select>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>Select Location</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-geo-alt" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>All Categories</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<!-- <i class="fa-solid fa-sack-dollar fs-18 search-icon"></i> -->
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-app-indicator" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z" />
<path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-lg-3 col-md-4 col-mg-3 d-xl-none gap-3 gap-md-2 hstack justify-content-center">
<a href="#" class="sidebarCollapse align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-arrow-up-short-wide fs-18"></i>
<span>All filters</span>
</a>
<div class="h-75 mt-auto vr d-md-none"></div>
<a href="#" id="mapCollapse" class="align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-map-location-dot fs-18"></i>
<span>Map</span>
</a>
</div>
</div>
</div>
<!-- end /. header search bar -->
</div>
<!-- end /. header -->
<div class="py-3 py-xl-5 bg-gradient">
<div class="container">
<div class="row">
<aside class="col-xl-3 filters-col content pe-lg-4 pe-xl-5 shadow-end">
<!-- start sidebar filters -->
<div class="js-sidebar-filters-mobile">
<!-- filter header -->
<div class="border-bottom d-flex justify-content-between align-items-center p-3 sidebar-filters-header d-xl-none">
<div class="align-items-center btn-icon d-flex filter-close justify-content-center rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</div>
<span class="fs-3 fw-semibold">Filters</span>
<span class="text-primary fw-medium">Clear</span>
</div>
<!-- end /. filter header -->
<div class="sidebar-filters-body p-3 p-xl-0">
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Price Filter</h4>
<p class="mb-0 small">Select min and max price range</p>
</div>
<!-- Start Range Slider -->
<div class="js-range-slider"></div>
<!-- End Range Slider -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-2">Categories</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsOne">
<label class="form-check-label" for="skillsOne">Eat & Drink<span class="count fs-13 ms-1 text-muted">(62)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsTwo" checked>
<label class="form-check-label" for="skillsTwo">Coaching<span class="count fs-13 ms-1 text-muted">(31)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsThree">
<label class="form-check-label" for="skillsThree">Apartments<span class="count fs-13 ms-1 text-muted">(20)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFour">
<label class="form-check-label" for="skillsFour">Services<span class="count fs-13 ms-1 text-muted">(43)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFive">
<label class="form-check-label" for="skillsFive">Classifieds<span class="count fs-13 ms-1 text-muted">(16)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSix">
<label class="form-check-label" for="skillsSix">Fitness<span class="count fs-13 ms-1 text-muted">(22)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSeven">
<label class="form-check-label" for="skillsSeven">Events<span class="count fs-13 ms-1 text-muted">(21)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-0">
<input class="form-check-input" type="checkbox" value="" id="skillsEight">
<label class="form-check-label" for="skillsEight">Other<span class="count fs-13 ms-1 text-muted">(17)</span></label>
</div>
<!-- End Form Check -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Order by</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Select2 -->
<select class="form-select">
<option value="1">Latest</option>
<option value="2">Nearby</option>
<option value="3">Top rated</option>
<option value="4">Random</option>
<option value="5">A-Z</option>
</select>
<!-- /.End Select2 -->
</div>
<!-- start apply button -->
<button type="button" class="btn btn-primary w-100">Apply filters</button>
<!-- end /. apply button -->
<!-- start clear filters -->
<a href="#" class="align-items-center d-flex fw-medium gap-2 justify-content-center mt-2 small text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
</svg>
Clear filters
</a>
<!-- end /. clear filters -->
</div>
</div>
<!-- end /. sidebar filters -->
</aside>
<div class="col-xl-9 ps-lg-4 ps-xl-5 sidebar">
<!-- start toolbox -->
<div class="d-flex flex-wrap align-items-center mb-3 gap-2">
<div class="col fs-18 text-nowrap">All <span class="fw-bold text-dark">9,069</span> listing found</div>
<!-- start button group -->
<div class="border-0 card d-inline-flex flex-row flex-wrap gap-1 p-1 rounded-3 shadow-sm">
<a href="listings-map-grid-1.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-border-all"></i></a>
<a href="listings-map.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-list"></i></a>
</div>
<!-- end /. button group -->
</div>
<!-- end /. toolbox -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/01.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Green Mart Apartment
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3 fs-15">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/02.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Green Mart Apartment
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3 fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/03.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
The Barber's Lounge
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3 fs-15">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/04.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Gaming Expo Spectacle
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3 fs-15">It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/05.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Burnowl Tours & Travels
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3 fs-15">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/06.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Exclusive Education Aid
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3">The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start pagination -->
<nav class="justify-content-center mt-5 pagination align-items-center">
<a class="prev page-numbers" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z" />
</svg>
previous
</a>
<span class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#">
next
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</nav>
<!-- end /. pagination -->
</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>
public/frontend2/rtl/listings-list-right.html
+995
View File
@@ -0,0 +1,995 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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 header -->
<div class="border-0 card header rounded-0 sticky-top">
<!-- start navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
<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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</ul>
</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">
Listing
</a>
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle active" 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 active" 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)&nbsp;<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" 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" 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" 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 -->
<!-- start header search bar -->
<div class="border-bottom border-top p-3 p-xl-0 search-bar">
<div class="row g-3 g-xl-0">
<!-- search bar title -->
<div class="col-12 d-xl-none">
<div class="collapse show" id="CollapseText">
<h2 class="fw-semibold text-center search-bar-title mb-0">Find what<br> you <span class="font-caveat text-primary">want</span></h2>
</div>
</div>
<div class="col-md-8 col-lg-5 col-xl-6">
<div class="search-select-input has-icon has-icon-y position-relative">
<!-- input -->
<input class="form-control" type="text" placeholder="What are you looking for?">
<!-- icon -->
<svg class="form-icon-start position-absolute top-50 bi bi-pin-map-fill" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z" />
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z" />
</svg>
<!-- icon -->
<svg class="form-icon-end position-absolute top-50 bi bi-crosshair" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9b9b9b" viewBox="0 0 16 16">
<path d="M8.5.5a.5.5 0 0 0-1 0v.518A7.001 7.001 0 0 0 1.018 7.5H.5a.5.5 0 0 0 0 1h.518A7.001 7.001 0 0 0 7.5 14.982v.518a.5.5 0 0 0 1 0v-.518A7.001 7.001 0 0 0 14.982 8.5h.518a.5.5 0 0 0 0-1h-.518A7.001 7.001 0 0 0 8.5 1.018V.5Zm-6.48 7A6.001 6.001 0 0 1 7.5 2.02v.48a.5.5 0 0 0 1 0v-.48a6.001 6.001 0 0 1 5.48 5.48h-.48a.5.5 0 0 0 0 1h.48a6.002 6.002 0 0 1-5.48 5.48v-.48a.5.5 0 0 0-1 0v.48A6.001 6.001 0 0 1 2.02 8.5h.48a.5.5 0 0 0 0-1h-.48ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
</svg>
<!-- select -->
<select class="input-select position-absolute top-50">
<option selected>0.5 km</option>
<option value="1">1 km</option>
<option value="2">5 km</option>
<option value="3">10 km</option>
</select>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>Select Location</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-geo-alt" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-md-2 col-lg-2 col-xl-3 d-none d-lg-block">
<!-- Start Search Select -->
<div class="search-select has-icon position-relative">
<select class="select2 form-select" aria-label="Default select example">
<option selected>All Categories</option>
<option value="1">It & Development</option>
<option value="2">Web & Mobile Dev</option>
<option value="3">Writing</option>
<option value="4">Sales & Marketing</option>
<option value="5">Music & Audio</option>
</select>
<!-- <i class="fa-solid fa-sack-dollar fs-18 search-icon"></i> -->
<svg class="form-icon-start position-absolute top-50 search-icon z-1 bi bi-app-indicator" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z" />
<path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
</svg>
</div>
<!-- /.End Search Select -->
</div>
<div class="col-lg-3 col-md-4 col-mg-3 d-xl-none gap-3 gap-md-2 hstack justify-content-center">
<a href="#" class="sidebarCollapse align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-arrow-up-short-wide fs-18"></i>
<span>All filters</span>
</a>
<div class="h-75 mt-auto vr d-md-none"></div>
<a href="#" id="mapCollapse" class="align-items-center d-flex justify-content-center filters-text fw-semibold gap-2">
<i class="fa-solid fa-map-location-dot fs-18"></i>
<span>Map</span>
</a>
</div>
</div>
</div>
<!-- end /. header search bar -->
</div>
<!-- end /. header -->
<div class="py-3 py-xl-5 bg-gradient">
<div class="container py-0 py-xl-4">
<div class="row">
<aside class="col-md-12 col-lg-4 col-xl-3 filters-col content ps-lg-4 ps-xl-5 shadow-start">
<!-- start sidebar filters -->
<div class="js-sidebar-filters-mobile">
<!-- filter header -->
<div class="border-bottom d-flex justify-content-between align-items-center p-3 sidebar-filters-header d-xl-none">
<div class="align-items-center btn-icon d-flex filter-close justify-content-center rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</div>
<span class="fs-3 fw-semibold">Filters</span>
<span class="text-primary fw-medium">Clear</span>
</div>
<!-- end /. filter header -->
<div class="sidebar-filters-body p-3 p-xl-0">
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Price Filter</h4>
<p class="mb-0 small">Select min and max price range</p>
</div>
<!-- Start Range Slider -->
<div class="js-range-slider"></div>
<!-- End Range Slider -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-2">Categories</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsOne">
<label class="form-check-label" for="skillsOne">Eat & Drink<span class="count fs-13 ms-1 text-muted">(62)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsTwo" checked>
<label class="form-check-label" for="skillsTwo">Coaching<span class="count fs-13 ms-1 text-muted">(31)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsThree">
<label class="form-check-label" for="skillsThree">Apartments<span class="count fs-13 ms-1 text-muted">(20)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFour">
<label class="form-check-label" for="skillsFour">Services<span class="count fs-13 ms-1 text-muted">(43)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsFive">
<label class="form-check-label" for="skillsFive">Classifieds<span class="count fs-13 ms-1 text-muted">(16)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSix">
<label class="form-check-label" for="skillsSix">Fitness<span class="count fs-13 ms-1 text-muted">(22)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="skillsSeven">
<label class="form-check-label" for="skillsSeven">Events<span class="count fs-13 ms-1 text-muted">(21)</span></label>
</div>
<!-- End Form Check -->
<!-- Start Form Check -->
<div class="form-check mb-0">
<input class="form-check-input" type="checkbox" value="" id="skillsEight">
<label class="form-check-label" for="skillsEight">Other<span class="count fs-13 ms-1 text-muted">(17)</span></label>
</div>
<!-- End Form Check -->
</div>
<div class="mb-4 border-bottom pb-4">
<div class="mb-3">
<h4 class="fs-5 fw-semibold mb-1">Order by</h4>
<p class="mb-0 small">Duis a leo sit amet odio volutpat auctor ut a lorem.</p>
</div>
<!-- Start Select2 -->
<select class="form-select">
<option value="1">Latest</option>
<option value="2">Nearby</option>
<option value="3">Top rated</option>
<option value="4">Random</option>
<option value="5">A-Z</option>
</select>
<!-- /.End Select2 -->
</div>
<!-- start apply button -->
<button type="button" class="btn btn-primary w-100">Apply filters</button>
<!-- end /. apply button -->
<!-- start clear filters -->
<a href="#" class="align-items-center d-flex fw-medium gap-2 justify-content-center mt-2 small text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
</svg>
Clear filters
</a>
<!-- end /. clear filters -->
</div>
</div>
<!-- end /. sidebar filters -->
</aside>
<div class="col-md-12 col-lg-8 col-xl-9 pe-lg-4 pe-xl-5 order-first sidebar">
<!-- start toolbox -->
<div class="d-flex flex-wrap align-items-center mb-3 gap-2">
<div class="col fs-18 text-nowrap">All <span class="fw-bold text-dark">9,069</span> listing found</div>
<!-- start button group -->
<div class="border-0 card d-inline-flex flex-row flex-wrap gap-1 p-1 rounded-3 shadow-sm">
<a href="listings-map-grid-1.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-border-all"></i></a>
<a href="listings-map.html" class="btn btn-light btn-sm px-2 py-1"><i class="fa-solid fa-list"></i></a>
</div>
<!-- end /. button group -->
</div>
<!-- end /. toolbox -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/01.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Green Mart Apartment
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/02.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Green Mart Apartment
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/03.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
The Barber's Lounge
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/04.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Gaming Expo Spectacle
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3"> It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/05.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Burnowl Tours & Travels
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start card list -->
<div class="card border-0 shadow-sm overflow-hidden rounded-4 mb-4 card-hover card-hover-bg">
<a href="listing-details.html" class="stretched-link"></a>
<div class="card-body p-0">
<div class="g-0 row">
<div class="col-lg-5 col-md-5 col-xl-4 position-relative">
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
<!-- start image -->
<img src="../assets/images/place/06.jpg" alt="" class="h-100 w-100 object-fit-cover">
<!-- end /. image -->
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
<div class="bg-blur card-badge d-inline-block position-absolute start-0 text-white z-2">$100 off $399: eblwc</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-xl-8 p-3 p-lg-4 p-md-3 p-sm-4">
<div class="d-flex flex-column h-100">
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
<a href="" class="btn-icon shadow-sm d-flex align-items-center justify-content-center text-primary bg-light rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Bookmark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"></path>
</svg>
</a>
</div>
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start mb-2">
<!-- start ratings -->
<i class="fa-solid fa-star"></i>
<!-- end /. ratings -->
<!-- start rating counter text -->
<span class="fw-medium text-primary"><span class="fs-6 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
<!-- end /. rating counter text -->
</div>
<!-- start card title -->
<h4 class="fs-18 fw-semibold mb-0">
Exclusive Education Aid
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</h4>
<!-- end /. card title -->
<!-- start card description -->
<p class="mt-3">The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<!-- end /. card description -->
<!-- start contact content -->
<div class="d-flex flex-wrap gap-3 mt-auto z-1">
<a href="tel:+4733378901" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#9b9b9b" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg>
<span>(123) 456-7890</span>
</a>
<a href="#" class="d-flex gap-2 align-items-center fs-13 fw-semibold">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9b9b9b" class="bi bi-compass" viewBox="0 0 16 16">
<path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
<path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
</svg>
<span>Directions</span>
</a>
</div>
<!-- end contact content -->
</div>
</div>
</div>
</div>
</div>
<!-- end /. card list -->
<!-- start pagination -->
<nav class="justify-content-center mt-5 pagination align-items-center">
<a class="prev page-numbers" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z" />
</svg>
previous
</a>
<span class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#">
next
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</nav>
<!-- end /. pagination -->
</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>
public/frontend2/rtl/listings-map-car.html
+1450
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listings-map-grid-1.html
+1042
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listings-map-grid-2.html
+1064
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/listings-map.html
+1044
View File
File diff suppressed because it is too large Load Diff
public/frontend2/rtl/pricing.html
+778
View File
@@ -0,0 +1,778 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" href="pricing.html">Pricing</a></li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" 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" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/03.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">Pricing Table</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Pricing Plan For <span class="font-caveat text-white">Startup!</span></h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-16">Many desktop publishing packages and web page editors now use Lorem Ipsum as their
<br class="d-none d-lg-block"> default model text, and a search for 'lorem ipsum' will uncover many.
</div>
<!-- end /. section header sub title -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<div class="py-5 bg-gradient rounded-4 mx-3 mt-3">
<div class="container py-4">
<div class="text-center mb-5 position-relative">
<ul class="nav nav-tabs nav-tabs_two d-inline-flex border-bottom-0 bg-white p-2 rounded-3" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium active" id="monthly-tab" data-bs-toggle="tab" data-bs-target="#monthly-tab-pane" type="button" role="tab" aria-controls="monthly-tab-pane" aria-selected="true">Monthly Plan</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium" id="annual-tab" data-bs-toggle="tab" data-bs-target="#annual-tab-pane" type="button" role="tab" aria-controls="annual-tab-pane" aria-selected="false">Annual Plan</button>
</li>
</ul>
<div class="d-none d-md-inline-block ms-4 position-absolute top-0 save-text">
<div class="text-success fs-sm fw-bold mb-sm-1">Save Upto 23%</div>
<svg class="text-success ms-n4 d-none d-sm-block" width="52" height="38" viewBox="0 0 52 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50.5002 1C50.3336 5.33333 48.5 13 44.0002 20.5C39.5005 28 29.0002 32.5 28.5002 23C28.0002 13.5 39.5002 7 36.5002 14.5C33.5002 22 18.5 35.5 4 30" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path>
<path d="M3.83039 29.8565C6.35946 29.7566 8.93618 29.122 11.2178 28.1747L11.2178 28.1748L11.2196 28.1739C11.5476 28.0299 11.7182 27.6503 11.5867 27.3359C11.448 26.9871 11.0624 26.8028 10.7213 26.9517C7.91141 28.0931 4.64686 28.7829 1.62704 28.4553L1.62706 28.4551L1.62094 28.4549C1.27015 28.4384 0.944127 28.6914 0.902297 29.0451L0.902167 29.045L0.901827 29.0501C0.896722 29.1266 0.902407 29.2007 0.917743 29.2707C0.94057 29.4967 1.07932 29.7124 1.30195 29.8067C4.07984 31.0931 5.87728 34.0754 7.0096 36.882L7.00959 36.882L7.01015 36.8833C7.13957 37.1912 7.5283 37.3687 7.86577 37.2206L7.86579 37.2205C8.19919 37.0741 8.36065 36.6916 8.22031 36.3385L8.22006 36.3379C7.2736 34.0027 5.84935 31.53 3.83039 29.8565Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"></path>
</svg>
</div>
</div>
<!-- start tab content -->
<div class="tab-content">
<div class="tab-pane fade show active" id="monthly-tab-pane" role="tabpanel" aria-labelledby="monthly-tab" tabindex="0">
<!-- start pricing table -->
<div class="table-responsive">
<table class="table table-hover pricing-table table-responsive-md">
<thead>
<tr>
<th scope="col">
<div class="fs-4 fw-semibold h6 mb-0 mb-2">Plan & Features</div>
<p class="mb-0 fw-normal">Hidden in the middle generators<br> tend repeat predefin.</p>
</th>
<th scope="col">
<span class="font-caveat fs-3 text-primary">Basic</span>
<div class="d-flex pt-md-3">
<span class="h3">$</span>
<span class="display-4 fw-semibold">49</span>
</div>
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
<a href="#" class="btn d-block mt-4 btn-outline-primary text-nowrap">Get Basic</a>
</th>
<th scope="col">
<span class="font-caveat fs-3 text-primary">Pro</span>
<div class="d-flex pt-md-3">
<span class="h3">$</span>
<span class="display-4 fw-semibold">69</span>
</div>
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
<a href="#" class="btn d-block mt-4 btn-primary text-nowrap">Get Pro</a>
</th>
<th scope="col">
<span class="font-caveat fs-3 text-primary">Ultimate</span>
<div class="d-flex pt-md-3">
<span class="h3">$</span>
<span class="display-4 fw-semibold">89</span>
</div>
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
<a href="#" class="btn d-block mt-4 btn-outline-primary text-nowrap">Get Ultimate</a>
</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Unlimited E-Mail Notification</span>
</th>
<td>
<span>50GB</span>
</td>
<td>
<span>100GB</span>
</td>
<td>
<span>Unlimited</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Display Personalized Message</span>
</th>
<td>
<span>20,000</span>
</td>
<td>
<span>100,000</span>
</td>
<td>
<span>Unlimited</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Text Message Instant</span>
</th>
<td>
<span>100</span>
</td>
<td>
<span>1,000</span>
</td>
<td>
<span>Unlimited</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Live Message Notification</span>
</th>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Organize Contacts Into Showing In System</span>
</th>
<td></td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Create Smart Segment Using Field Policy</span>
</th>
<td></td>
<td></td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">24x7 Online Outstanding Support</span>
</th>
<td></td>
<td></td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end /. pricing table -->
</div>
<div class="tab-pane fade" id="annual-tab-pane" role="tabpanel" aria-labelledby="annual-tab" tabindex="0">
<!-- start pricing table -->
<div class="table-responsive">
<table class="table table-hover pricing-table table-responsive-md">
<thead>
<tr>
<th scope="col">
<div class="fs-4 fw-semibold h6 mb-0 mb-2">Plan & Features</div>
<p class="mb-0 fw-normal">Hidden in the middle generators<br> tend repeat predefin.</p>
</th>
<th scope="col">
<span class="font-caveat fs-3 text-primary">Basic</span>
<div class="d-flex pt-md-3">
<span class="h3">$</span>
<span class="display-4 fw-semibold">149</span>
</div>
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
<a href="#" class="btn d-block mt-4 btn-outline-primary">Get Basic</a>
</th>
<th scope="col">
<span class="font-caveat fs-3 text-primary">Pro</span>
<div class="d-flex pt-md-3">
<span class="h3">$</span>
<span class="display-4 fw-semibold">269</span>
</div>
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
<a href="#" class="btn d-block mt-4 btn-primary">Get Pro</a>
</th>
<th scope="col">
<span class="font-caveat fs-3 text-primary">Ultimate</span>
<div class="d-flex pt-md-3">
<span class="h3">$</span>
<span class="display-4 fw-semibold">389</span>
</div>
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
<a href="#" class="btn d-block mt-4 btn-outline-primary">Get Ultimate</a>
</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Unlimited E-Mail Notification</span>
</th>
<td>
<span>50GB</span>
</td>
<td>
<span>100GB</span>
</td>
<td>
<span>Unlimited</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Display Personalized Message</span>
</th>
<td>
<span>20,000</span>
</td>
<td>
<span>100,000</span>
</td>
<td>
<span>Unlimited</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Text Message Instant</span>
</th>
<td>
<span>100</span>
</td>
<td>
<span>1,000</span>
</td>
<td>
<span>Unlimited</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Live Message Notification</span>
</th>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Organize Contacts Into Showing In System</span>
</th>
<td></td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Create Smart Segment Using Field Policy</span>
</th>
<td></td>
<td></td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
<tr>
<th scope="row">
<span class="d-block fw-semibold h6 mb-0 text-nowrap">24x7 Online Outstanding Support</span>
</th>
<td></td>
<td></td>
<td>
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end /. pricing table -->
</div>
</div>
<!-- end /. tab content -->
<div class="text-center">Interested in a custom plan? <a href="#" class="text-primary fw-medium">Get in touch</a></div>
</div>
</div>
<!-- start faq -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-6">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">FAQ</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Frequently Asked Questions</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="accordion" id="accordionExample">
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What Types Of Houses Are Available For Rent?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What Is The Rental Application Process?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What Are Your Rental Rates?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What Are The Lease Terms?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
<div class="accordion-item mb-3 rounded-4">
<h2 class="accordion-header">
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
What Is Your Policy On Pets?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body p-4 pt-0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end /. faq -->
<!-- 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>
public/frontend2/rtl/sign-in.html
+455
View File
@@ -0,0 +1,455 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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 active" href="sign-in.html">Sign In</a></li>
<li><a class="dropdown-item" 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 in</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">Enter Email</label>
<input type="email" class="form-control is-invalid">
<div class="invalid-feedback text-start">Enter your valid email</div>
</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 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">Remember me next time</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 text-center mt-4"> Don't have an account? <a href="sign-up.html" class="fw-medium text-decoration-underline">Sign In</a>
<br> Remind <a href="forgot-password.html" class="fw-medium text-decoration-underline">Password</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/login.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>
public/frontend2/rtl/sign-up.html
+465
View File
@@ -0,0 +1,465 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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>
public/frontend2/rtl/style-guide.html
+595
View File
@@ -0,0 +1,595 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" 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" 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 active" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/01.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">Style Guide</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">ListOn <span class="font-caveat text-white">Style Guide</span></h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-16">Many desktop publishing packages and web page editors now use Lorem Ipsum as their
<br class="d-none d-lg-block"> default model text, and a search for 'lorem ipsum' will uncover many.
</div>
<!-- end /. section header sub title -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start style guide content -->
<div class="py-5 bg-light position-relative overflow-hidden rounded-4 m-3">
<div class="container py-4 position-relative z-1">
<div class="row g-4 mb-5">
<div class="col-md-4 sidebar">
<h2>Color</h2>
</div>
<div class="col-md-8 content">
<div class="style-guide-color-wrap row g-4">
<div class="col-auto">
<div class="border-0 card color-swatch p-2 rounded-4">
<div class="bg-primary color-box rounded-3"></div>
<p class="text-center mt-2 mb-0 text-dark">#F84525</p>
</div>
</div>
<div class="col-auto">
<div class="border-0 card color-swatch p-2 rounded-4">
<div class="color-box bg-dark rounded-3"></div>
<p class="text-center mt-2 mb-0 text-dark">#191e25</p>
</div>
</div>
<div class="col-auto">
<div class="border-0 card color-swatch p-2 rounded-4">
<div class="color-box content rounded-3"></div>
<p class="text-center mt-2 mb-0 text-dark">#707070</p>
</div>
</div>
<div class="col-auto">
<div class="border-0 card color-swatch p-2 rounded-4">
<div class="color-box bg-light rounded-3"></div>
<p class="text-center mt-2 mb-0 text-dark">#f8f4f3</p>
</div>
</div>
<div class="col-auto">
<div class="border-0 card color-swatch p-2 rounded-4">
<div class="color-box bg-white border rounded-3"></div>
<p class="text-center mt-2 mb-0 text-dark">#ffffff</p>
</div>
</div>
<div class="col-auto">
<div class="border-0 card color-swatch p-2 rounded-4">
<div class="color-box bg-warning rounded-3"></div>
<p class="text-center mt-2 mb-0 text-dark">#ffd105</p>
</div>
</div>
</div>
</div>
</div>
<div class="row g-4 mb-5">
<div class="col-md-4 sidebar">
<h2>Headings</h2>
</div>
<div class="col-md-8 content">
<h1>Heading 01 Text</h1>
<h2>Heading 02 Text</h2>
<h3>Heading 03 Text</h3>
<h4>Heading 04 Text</h4>
<h5>Heading 05 Text</h5>
<h6>Heading 06 Text</h6>
</div>
</div>
<div class="row g-4 mb-5">
<div class="col-md-4 sidebar">
<h2>Display headings </h2>
</div>
<div class="col-md-8 content">
<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
<h1 class="display-5">Display 5</h1>
<h1 class="display-6">Display 6</h1>
</div>
</div>
<div class="row g-4 mb-5">
<div class="col-md-4 sidebar">
<h2>Paragraph</h2>
</div>
<div class="col-md-8 content">
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, doloribus laudantium. Delectus dolorem rem, molestias modi possimus repellendus explicabo libero nulla? Dolorum sunt quasi ut reiciendis aspernatur porro nam beatae aliquid non modi cum, soluta magni asperiores fugiat, explicabo voluptatem fugit, placeat nobis quis quisquam. At, atque ratione inventore doloribus eos tenetur, corrupti perspiciatis aperiam quasi esse, nisi dolor ducimus?</p>
</div>
</div>
<div class="row g-4 mb-5">
<div class="col-md-4 sidebar">
<h2>List</h2>
</div>
<div class="col-md-8 content">
<div class="mb-4">
<h4 class="mb-4">Order List</h4>
<ol class="list-order">
<li>Nostrum facere repellendus minus quod</li>
<li>aut aliquam neque reiciendis.</li>
<li>Qui beatae vel magnam repudiandae</li>
<li>Ipsum repellat repudiandae.</li>
</ol>
</div>
<h4 class="mb-4">Check List</h4>
<ul class="list-checked">
<li>Veniam quae. Nostrum facere repellendus minus</li>
<li>Quod aut aliquam neque reiciendis. magnam</li>
<li>Repudiandae ipsum repellat repudiandae.</li>
<li>Voluptate Dolores ut dolor sint occaecati similique.</li>
</ul>
</div>
</div>
<div class="row g-4 mb-5">
<div class="col-md-4 sidebar">
<h2>Buttons</h2>
</div>
<div class="col-md-8 content">
<h4 class="mb-4">Button Size</h4>
<div class="align-items-end g-4 row mb-4">
<div class="col-auto">
<button type="button" class="btn btn-primary btn-sm hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-12"></i>
</button>
<div class="mt-1 text-dark">Button Primary - Small</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-primary hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-13"></i>
</button>
<div class="mt-1 text-dark">Button Primary - Default</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-primary btn-lg hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-14"></i>
</button>
<div class="mt-1 text-dark">Button Primary - Large</div>
</div>
</div>
<h4 class="mb-4">Button Colour</h4>
<div class="align-items-end g-4 row mb-4">
<div class="col-auto">
<button type="button" class="btn btn-primary hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-13"></i>
</button>
<div class="mt-1 text-dark">Button Primary</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-warning hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-13"></i>
</button>
<div class="mt-1 text-dark">Button Secondary</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-dark hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-13"></i>
</button>
<div class="mt-1 text-dark">Button Dark</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-light hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-13"></i>
</button>
<div class="mt-1 text-dark">Button Light</div>
</div>
</div>
<h4 class="mb-4">Outline Buttons</h4>
<div class="align-items-end g-4 row">
<div class="col-auto">
<button type="button" class="btn btn-outline-primary hstack gap-2">
<span>Button</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-13"></i>
</button>
<div class="mt-1 text-dark">Button Outline Primary</div>
</div>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-md-4 sidebar">
<h2>Blockquote</h2>
</div>
<div class="col-md-8 content">
<blockquote class="blockquote m-0 p-0 quote-text">
<p class="fst-italic mb-0">“The mind has great influence over the body and maladies often have their origin there.”</p> <cite class="fs-14 fw-semibold quote-attribution text-dark">— John Doe Molicere</cite>
</blockquote>
</div>
</div>
</div>
</div>
<!-- end /. style guide content -->
<!-- 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>
public/frontend2/rtl/submit-rider.html
+546
View File
@@ -0,0 +1,546 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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)&nbsp;<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" 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" 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 active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item active" 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 -->
<!-- start page header -->
<section class="hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 bg-dark bg-bottom js-bg-image bg-cover" data-image-src="../assets/images/pattern.svg">
<!-- <img class="bg-image" src="../assets/images/header/03.jpg" alt="Image"> -->
<div class="container overlay-content py-5">
<div class="align-items-center justify-content-between row g-4">
<div class="col-md-6 col-lg-5">
<!-- start section header -->
<div class="section-header">
<!-- start description -->
<!-- <div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">FAQ</div> -->
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize text-white">Sign up today and be part of the<span class="text-primary font-caveat"> ListOn Rider</span> family!</h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-16 text-white">Experience the freedom of being your boss with ListOn Eats! Set your schedule, deliver delicious food that people crave, and get paid fast. Download the app now and start exploring your city while making money.</div>
<!-- end /. section header sub title -->
<div class="align-items-center d-flex flex-wrap gap-3 mt-4">
<a href="sign-in.html" class="btn btn-primary btn-lg d-inline-flex hstack gap-2">
<span>Sign up to deliver</span>
<span class="vr"></span>
<i class="fa-arrow-right fa-solid fs-14"></i>
</a>
<a href="sign-up.html" class="text-decoration-underline text-white">Already have an account? Sign in</a>
</div>
</div>
<!-- end /. section header -->
</div>
<div class="col-md-6">
<img src="../assets/images/delivery-man.jpg" alt="" class="img-fluid rounded-4">
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start work process section -->
<div class="py-5 bg-light mx-3 mt-3 rounded-4">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
<!-- start section header -->
<div class="section-header text-center mb-5" data-aos="fade-down">
<!-- start subtitle -->
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Why Submit</div>
<!-- end /. subtitle -->
<!-- start title -->
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Profit while mobile: ListOn Eats delivers cash on-the-go.</h2>
<!-- end /. title -->
<!-- start description -->
<div class="sub-title fs-16">Discover exciting categories. <span class="text-primary fw-semibold">Find what you’re looking for.</span></div>
<!-- end /. description -->
</div>
<!-- end /. section header -->
</div>
</div>
<div class="row g-4 g-md-5 justify-content-center work-process">
<div class="col-sm-6 col-lg-4">
<!-- Start Work Process -->
<div class="work-process position-relative p-3 px-xl-5 aos-init aos-animate" data-aos="fade" data-aos-delay="300">
<!-- Start Step Box -->
<div class="step-box position-relative d-inline-block mb-4 d-flex gap-3">
<!-- Start Step Number -->
<div class="fs-5 text-dark fw-semibold">01/</div>
<!-- /.End Step Number -->
<!-- Start Step Icon -->
<img src="../assets/images/icon/keys.png" alt="" height="80">
<!-- /.End Step Icon -->
</div>
<!-- /.End Step Box -->
<div class="step-desc">
<h4 class="fs-20 fw-semibold">Your vehicle, your time</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, amet?</p>
</div>
</div>
<!-- /.End Work process -->
</div>
<div class="col-sm-6 col-lg-4">
<!-- Start Work Process -->
<div class="work-process position-relative p-3 px-xl-5 aos-init aos-animate" data-aos="fade" data-aos-delay="400">
<!-- Start Step Box -->
<div class="step-box position-relative d-inline-block mb-4 d-flex gap-3">
<!-- Start Step Number -->
<div class="fs-5 text-dark fw-semibold">02/</div>
<!-- /.End Step Number -->
<!-- Start Step Icon -->
<img src="../assets/images/icon/debit-card.png" alt="" height="80">
<!-- /.End Step Icon -->
</div>
<!-- /.End Step Box -->
<div class="step-desc">
<h4 class="fs-20 fw-semibold">Weekly payments</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, amet?</p>
</div>
</div>
<!-- /.End Work Process -->
</div>
<div class="col-sm-6 col-lg-4">
<!-- Start Work Process -->
<div class="work-process position-relative p-3 px-xl-5 aos-init aos-animate" data-aos="fade" data-aos-delay="500">
<!-- Start Step Box -->
<div class="step-box position-relative d-inline-block mb-4 d-flex gap-3">
<!-- Start Step Number -->
<div class="fs-5 text-dark fw-semibold">03/</div>
<!-- /.End Step Number -->
<!-- Start Step Icon -->
<img src="../assets/images/icon/map.png" alt="" height="80">
<!-- /.End Step Icon -->
</div>
<!-- /.End Step Box -->
<div class="step-desc">
<h4 class="fs-20 fw-semibold">Enjoy your city</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, amet?</p>
</div>
</div>
<!-- /.End Work Process -->
</div>
</div>
<div class="mt-5">
<h2 class="fs-3 fw-semibold text-capitalize mb-4">How it works</h2>
<ol class="activity-feed mb-0">
<li class="feed-item pb-5">
<div class="fs-20 fw-semibold mb-2 title position-relative">1. Log in</div>
<div class="text">Get on the road and log in to the Driver app to begin receiving delivery requests</a></div>
</li>
<li class="feed-item pb-5">
<div class="fs-20 fw-semibold mb-2 title position-relative">2. Deliver orders</div>
<div class="text">Suggested navigation and information from restaurants and your customers is provided in the<br> app to help deliveries run smoothly.</a></div>
</li>
<li class="feed-item">
<div class="fs-20 fw-semibold mb-2 title position-relative">3. Earn money</div>
<div class="text">ou can track your earnings and cash out daily or weekly.</a></div>
</li>
</ol>
</div>
</div>
</div>
<!-- end /. work process section -->
<div class="py-5 position-relative overflow-hidden">
<div class="container py-4">
<h2 class="fs-3 fw-semibold text-capitalize mb-4">Still have questions?</h2>
<select class="form-select">
<option selected>Signing up with ListOn</option>
<option value="1">Help with a trip</option>
<option value="2">Account and app issues</option>
<option value="3">Earnings and payments</option>
<option value="4">A guide to driving and delivering</option>
<option value="5">Safety</option>
<option value="6">Booking appointments</option>
</select>
<div class="mt-5">
<h2 class="fs-3 fw-semibold text-capitalize mb-4">Deliver your way in the app</h2>
<div class="row">
<div class="col-lg-7 col-xl-6 col-xxl-5">
<!-- start category -->
<div class="align-items-center card card-hover d-flex flex-fill flex-row flex-wrap p-3 p-sm-4 rounded-4 shadow-sm w-100">
<div class="flex-shrink-0">
<img src="../assets/images/qr.png" alt="" height="150">
</div>
<div class="flex-grow-1 ms-2 ms-md-4">
<h3 class="fs-21 fw-semibold mb-1"><a href="listings-map-grid-1.html">Download the Driver app</a></h3>
<p class="mb-0 small">Scan to View on Your Mobile Device</p>
</div>
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold gap-2 link-hover">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z"></path>
</svg>
</a>
</div>
<!-- end /. category -->
</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>
public/frontend2/rtl/terms-conditions.html
+444
View File
@@ -0,0 +1,444 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" 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" 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 active" 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 active" 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 -->
<!-- start page header -->
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
<img class="bg-image" src="../assets/images/header/03.jpg" alt="Image">
<div class="container overlay-content py-5">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-10 col-lg-10">
<!-- start section header -->
<div class="section-header text-center" data-aos="fade-down">
<!-- start description -->
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">Terms & conditions</div>
<!-- end /. section header sub title -->
<!-- start section header -->
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Terms & <span class="font-caveat text-white">conditions</span></h2>
<!-- end /. section header title -->
<!-- start description -->
<div class="sub-title fs-16">Many desktop publishing packages and web page editors now use Lorem Ipsum as their
<br class="d-none d-lg-block"> default model text, and a search for 'lorem ipsum' will uncover many.
</div>
<!-- end /. section header sub title -->
</div>
<!-- end /. section header -->
</div>
</div>
</div>
</section>
<!-- end /. page header -->
<!-- start terms conditions -->
<div class="py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="cs-content">
<h1 class="bd-title">Welcome to the ListOn Terms &amp; conditions</h1>
<p class="bd-lead">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
<h2>Personal identification information</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<h3>Non-personal identification information</h3>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
<h3>Web browser cookies</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden.</p>
<h3>How we use collected information</h3>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical:</p>
<ul class="list-checked mb-9 mb-md-10">
<li>Donec ultricies purus sed augue tempus, sed porttitor libero faucibus.</li>
<li>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</li>
<li>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</li>
<li>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.</li>
<li>Various versions have evolved over the years, sometimes by accident, sometimes on purpose.</li>
<li>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</li>
</ul>
<h3>How we protect your information</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
<h3>Sharing your personal information</h3>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<h3>Electronic newsletters</h3>
<p> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<h3>Advertising</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<h3>Aenean tincidunt tellus </h3>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of mode</p>
<h3>Changes to this privacy policy</h3>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of mode</p>
<h3>Your acceptance of these terms</h3>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum.</p>
<h3>Contacting us</h3>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end /. terms conditions -->
<!-- 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>
public/frontend2/rtl/two-factor-auth.html
+417
View File
@@ -0,0 +1,417 @@
<!doctype html>
<html lang="en" dir="rtl">
<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.rtl.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)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant)&nbsp;<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>
</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)&nbsp;<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" 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 active" 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 align-items-center">
<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">Two factor <span class="font-caveat text-primary">authentication</span></h2>
<!-- <p class="mb-0">Fill with your mail to receive instructions on how to reset your password.</p> -->
<p class="text-muted mb-0">We have to send a code to <span class="fw-medium text-dark">example@gmail.com</span></p>
</div>
<!-- /.End Header Text -->
<form>
<p class="mb-2 text-start">Enter the code we have sent you:</p>
<!-- Start Input -->
<div class="d-flex justify-content-between gap-1 gap-sm-3 mb-2">
<input type="text" maxlength="1" class="form-control verification-form text-center" required>
<input type="text" maxlength="1" class="form-control verification-form text-center">
<input type="text" maxlength="1" class="form-control verification-form text-center">
<input type="text" maxlength="1" class="form-control verification-form text-center">
</div>
<!-- /.End Input -->
<div class="d-sm-flex justify-content-between small mb-4"> <span>Don't get a code?</span> <a href="#" class="btn btn-sm btn-link p-0 text-decoration-underline mb-0">Click to resend</a> </div>
<!-- Start Button -->
<button type="submit" class="btn btn-primary btn-lg w-100">Verify and Process</button>
<!-- End Button -->
</form>
<!-- Start Bottom Text -->
<div class="bottom-text text-center mt-4">Remember your password? <a href="sign-in.html" class="fw-medium text-decoration-underline">Log 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/login.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>