1230 lines
96 KiB
HTML
1230 lines
96 KiB
HTML
<!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 active" href="home-rounded.html">Home (Rounded)</a></li>
|
||
<li><a class="dropdown-item" href="home-map.html">Home (Map)</a></li>
|
||
<li><a class="dropdown-item" href="home-grid.html">Home (Grid)</a></li>
|
||
<li><a class="dropdown-item" href="home-waves.html">Home (Waves)</a></li>
|
||
<li><a class="dropdown-item" href="home-car.html">Home (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle material-ripple" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
<i class="typcn typcn-weather-stormy top-menu-icon"></i>Dashboard
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="../dashboard/dashboard.html">Dashboard</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/bookings.html">Bookings</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/messages.html">Message</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/wallet.html">Wallet</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/profile.html">Edit Profile</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/add-listing.html">Add listing</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/my-listing.html">My listing</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/bookings.html">Bookings</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/reviews.html">Reviews</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/bookmark.html">Bookmark</a></li>
|
||
<li><a class="dropdown-item" href="../dashboard/setting-app.html">Settings</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
||
Listing
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">List View</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-list-left.html">Left Sidebar</a></li>
|
||
<li><a class="dropdown-item" href="listings-list-right.html">Right Sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 1</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-grid-1-left.html">Left Sidebar</a></li>
|
||
<li><a class="dropdown-item" href="listings-grid-1-right.html">Right Sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 2</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-grid-2-left.html">Left Sidebar</a></li>
|
||
<li><a class="dropdown-item" href="listings-grid-2-right.html">Right Sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Half Map + Sidebar</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-map.html">Half Map List</a></li>
|
||
<li><a class="dropdown-item" href="listings-map-car.html">Half Map List (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
<li><a class="dropdown-item" href="listings-map-grid-1.html">Half Map Grid 1</a></li>
|
||
<li><a class="dropdown-item" href="listings-map-grid-2.html">Half Map Grid 2</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Listing Details</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listing-details.html">Listing Details 1</a></li>
|
||
<li><a class="dropdown-item" href="listing-details-2.html">Listing Details 2</a></li>
|
||
<li><a class="dropdown-item" href="listing-details-car.html">Listing Details Car <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="listings-map-grid-1.html">Explore</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" 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 (rounded) -->
|
||
<div class="align-items-center d-flex hero-header-rounded dark-overlay mx-3 overflow-hidden position-relative rounded-4">
|
||
<!-- start background image -->
|
||
<img class="bg-image" src="../assets/images/header/lg-03.jpg" alt="Image">
|
||
<!-- end /. background image -->
|
||
<div class="container overlay-content">
|
||
<!-- <h1 class="display-2 fw-bold hero-header_title mb-2 text-capitalize text-white text-center">Co-living <span class="font-caveat">place that</span> you will be <br>excited to call home</h1> -->
|
||
<h1 class="display-2 fw-bold hero-header_title mb-2 text-capitalize text-white text-center">Search & <span class="font-caveat text-span">Discover</span> Nearby <br class="d-none d-lg-block"> Landmarks in Places Around You</h1>
|
||
<div class="lead mb-5 text-center text-white">Browse our detailed listings to explore everything in your area.</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>
|
||
</div>
|
||
<!-- end /. hero header (rounded) -->
|
||
<!-- start categories -->
|
||
<div class="position-relative z-1 header-categories">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-10">
|
||
<div class="row g-2 g-sm-4">
|
||
<div class="col-6 col-sm-4 col-xl-2">
|
||
<a href="#" class="border-0 card card-hover d-block header-cat-box px-3 py-4 rounded-4 shadow text-center">
|
||
<img src="../assets/images/icon/handyperson.png" alt="" height="40">
|
||
<div class="fw-semibold mt-4">Handyperson</div>
|
||
<div class="align-items-center badge bg-light font-caveat fs-6 fw-semibold justify-content-center mt-2 py-1 rounded-4 text-primary">21</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-xl-2">
|
||
<a href="#" class="border-0 card card-hover d-block header-cat-box px-3 py-4 rounded-4 shadow text-center">
|
||
<img src="../assets/images/icon/landscaping.png" alt="" height="40">
|
||
<div class="fw-semibold mt-4">Landscaping</div>
|
||
<div class="align-items-center badge bg-light font-caveat fs-6 fw-semibold justify-content-center mt-2 py-1 rounded-4 text-primary">56</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-xl-2">
|
||
<a href="#" class="border-0 card card-hover d-block header-cat-box px-3 py-4 rounded-4 shadow text-center">
|
||
<img src="../assets/images/icon/plumbing.png" alt="" height="40">
|
||
<div class="fw-semibold mt-4">Plumbing</div>
|
||
<div class="align-items-center badge bg-light font-caveat fs-6 fw-semibold justify-content-center mt-2 py-1 rounded-4 text-primary">79</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-xl-2">
|
||
<a href="#" class="border-0 card card-hover d-block header-cat-box px-3 py-4 rounded-4 shadow text-center">
|
||
<img src="../assets/images/icon/electrical.png" alt="" height="40">
|
||
<div class="fw-semibold mt-4">Electrical</div>
|
||
<div class="align-items-center badge bg-light font-caveat fs-6 fw-semibold justify-content-center mt-2 py-1 rounded-4 text-primary">38</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-xl-2 d-none d-sm-block">
|
||
<a href="#" class="border-0 card card-hover d-block header-cat-box px-3 py-4 rounded-4 shadow text-center">
|
||
<img src="../assets/images/icon/remodeling.png" alt="" height="40">
|
||
<div class="fw-semibold mt-4">Remodeling</div>
|
||
<div class="align-items-center badge bg-light font-caveat fs-6 fw-semibold justify-content-center mt-2 py-1 rounded-4 text-primary">28</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-xl-2 d-none d-sm-block">
|
||
<a href="#" class="border-0 card card-hover d-block header-cat-box px-3 py-4 rounded-4 shadow text-center">
|
||
<img src="../assets/images/icon/roofing.png" alt="" height="40">
|
||
<div class="fw-semibold mt-4">Roofing</div>
|
||
<div class="align-items-center badge bg-light font-caveat fs-6 fw-semibold justify-content-center mt-2 py-1 rounded-4 text-primary">14</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. categories -->
|
||
<div class="py-5 position-relative">
|
||
<div class="py-4">
|
||
<div class="container">
|
||
<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">Global Footprint</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start section header -->
|
||
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Delivery of Logistics to Over 15 Countries Across.</h2>
|
||
<!-- /.End Section Header 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 mb-5 justify-content-center">
|
||
<div class="col-md-10">
|
||
<div class="row g-4">
|
||
<div class="col-md-4">
|
||
<div class="text-center">
|
||
<div class="display-2 font-caveat fw-bold mb-2"><span class="counter">180</span><span class="text-primary">+</span></div>
|
||
<h5 class="mb-0">Properties Listed</h5>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="text-center mt-3">
|
||
<div class="display-2 font-caveat fw-bold mb-2"><span class="counter">75</span><span class="text-primary">+</span></div>
|
||
<h5 class="mb-0">Satisfied Clients</h5>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="text-center">
|
||
<div class="display-2 font-caveat fw-bold mb-2"><span class="counter">200</span><span class="text-primary">+</span></div>
|
||
<h5 class="mb-0">Total Countries</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<img src="../assets/images/png-img/world-map.png" alt="" class="img-fluid">
|
||
</div>
|
||
<div class="decoration blur-2"></div>
|
||
<div class="decoration blur-3"></div>
|
||
</div>
|
||
</div>
|
||
<!-- start explore cities & about -->
|
||
<div class="py-5 bg-primary position-relative overflow-hidden text-white bg-primary bg-size-contain home-about js-bg-image" data-image-src="../assets/images/lines.svg">
|
||
<div class="container py-4">
|
||
<div class="row justify-content-center">
|
||
<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">Top Regions</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Explore Cities</h2>
|
||
<!-- end /. title -->
|
||
<!-- start description -->
|
||
<div class="sub-title fs-16">Discover exciting categories. <span class="fw-semibold">Find what you’re looking for.</span></div>
|
||
<!-- end /. description -->
|
||
</div>
|
||
<!-- end /. section header -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- start place carousel -->
|
||
<div class="owl-carousel owl-theme place-carousel owl-nav-center" data-aos="fade-left">
|
||
<!-- start region card -->
|
||
<div class="region-card rounded-4 overflow-hidden position-relative text-white">
|
||
<div class="region-card-image">
|
||
<img src="../assets/images/locations/01.jpg" alt="Image" class="h-100 object-fit-cover w-100">
|
||
</div>
|
||
<div class="region-card-content d-flex flex-column h-100 position-absolute start-0 top-0 w-100">
|
||
<div class="region-card-info">
|
||
<h4 class="font-caveat mb-0">Jamaica</h4>
|
||
<h3 class="h2">Kingston</h3>
|
||
<span>100+ listings</span>
|
||
</div>
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold justify-content-between mt-auto region-card-link">
|
||
<div class="fs-12 region-card-link-text text-uppercase text-white">Explore more</div>
|
||
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center rounded-circle">
|
||
<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>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. region card -->
|
||
<!-- start region card -->
|
||
<div class="region-card rounded-4 overflow-hidden position-relative text-white">
|
||
<div class="region-card-image">
|
||
<img src="../assets/images/locations/02.jpg" alt="Image" class="h-100 object-fit-cover w-100">
|
||
</div>
|
||
<div class="region-card-content d-flex flex-column h-100 position-absolute start-0 top-0 w-100">
|
||
<div class="region-card-info">
|
||
<h4 class="font-caveat mb-0">Jordan</h4>
|
||
<h3 class="h2">Amman</h3>
|
||
<span>59+ listings</span>
|
||
</div>
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold justify-content-between mt-auto region-card-link">
|
||
<div class="fs-12 region-card-link-text text-uppercase text-white">Explore more</div>
|
||
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center rounded-circle">
|
||
<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>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. region card -->
|
||
<!-- start region card -->
|
||
<div class="region-card rounded-4 overflow-hidden position-relative text-white">
|
||
<div class="region-card-image">
|
||
<img src="../assets/images/locations/03.jpg" alt="Image" class="h-100 object-fit-cover w-100">
|
||
</div>
|
||
<div class="region-card-content d-flex flex-column h-100 position-absolute start-0 top-0 w-100">
|
||
<div class="region-card-info">
|
||
<h4 class="font-caveat mb-0">Brazil</h4>
|
||
<h3 class="h2">Atlanta</h3>
|
||
<span>89+ listings</span>
|
||
</div>
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold justify-content-between mt-auto region-card-link">
|
||
<div class="fs-12 region-card-link-text text-uppercase text-white">Explore more</div>
|
||
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center rounded-circle">
|
||
<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>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. region card -->
|
||
<!-- start region card -->
|
||
<div class="region-card rounded-4 overflow-hidden position-relative text-white">
|
||
<div class="region-card-image">
|
||
<img src="../assets/images/locations/04.jpg" alt="Image" class="h-100 object-fit-cover w-100">
|
||
</div>
|
||
<div class="region-card-content d-flex flex-column h-100 position-absolute start-0 top-0 w-100">
|
||
<div class="region-card-info">
|
||
<h4 class="font-caveat mb-0">Italy</h4>
|
||
<h3 class="h2">Vanish City</h3>
|
||
<span>65+ listings</span>
|
||
</div>
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold justify-content-between mt-auto region-card-link">
|
||
<div class="fs-12 region-card-link-text text-uppercase text-white">Explore more</div>
|
||
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center rounded-circle">
|
||
<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>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. region card -->
|
||
<!-- start region card -->
|
||
<div class="region-card rounded-4 overflow-hidden position-relative text-white">
|
||
<div class="region-card-image">
|
||
<img src="../assets/images/locations/05.jpg" alt="Image" class="h-100 object-fit-cover w-100">
|
||
</div>
|
||
<div class="region-card-content d-flex flex-column h-100 position-absolute start-0 top-0 w-100">
|
||
<div class="region-card-info">
|
||
<h4 class="font-caveat mb-0">Italy</h4>
|
||
<h3 class="h2">Vanish City</h3>
|
||
<span>65+ listings</span>
|
||
</div>
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold justify-content-between mt-auto region-card-link">
|
||
<div class="fs-12 region-card-link-text text-uppercase text-white">Explore more</div>
|
||
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center rounded-circle">
|
||
<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>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. region card -->
|
||
<!-- start region card -->
|
||
<div class="region-card rounded-4 overflow-hidden position-relative text-white">
|
||
<div class="region-card-image">
|
||
<img src="../assets/images/locations/06.jpg" alt="Image" class="h-100 object-fit-cover w-100">
|
||
</div>
|
||
<div class="region-card-content d-flex flex-column h-100 position-absolute start-0 top-0 w-100">
|
||
<div class="region-card-info">
|
||
<h4 class="font-caveat mb-0">Italy</h4>
|
||
<h3 class="h2">Vanish City</h3>
|
||
<span>65+ listings</span>
|
||
</div>
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fw-semibold justify-content-between mt-auto region-card-link">
|
||
<div class="fs-12 region-card-link-text text-uppercase text-white">Explore more</div>
|
||
<div class="align-items-center bg-blur text-white btn-icon-md d-flex end-0 justify-content-center rounded-circle">
|
||
<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>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. region card -->
|
||
</div>
|
||
<!-- end /. place carousel -->
|
||
<div class="row g-4 mt-5" data-aos="fade-up">
|
||
<div class="col-md-6">
|
||
<h2 class="display-4 mb-5">Find your perfect Place based on <span class="font-caveat">your interest</span></h2>
|
||
<img src="../assets/images/about-2.jpg" alt="" class="home-about-image w-100 rounded-4 object-fit-cover">
|
||
</div>
|
||
<div class="col-md-6 ps-xxl-5">
|
||
<p class="lead mb-4">Want to have a fantastic travel experience? Let us connect you with diverse categories of businesses, public spots, and famous landmarks so that you can create unforgettable memories.</p>
|
||
<ul class="d-flex flex-column gap-4 lead mb-4">
|
||
<li>Find popular businesses and important<br> sites near you.</li>
|
||
<li>Get place recommendations <br>based on your preferences.</li>
|
||
<li>Explore major spots and landmarks around<br> your location.</li>
|
||
<li>Discover diverse categories to <br>navigate various areas.</li>
|
||
</ul>
|
||
<a href="contact.html" class="btn btn-light mt-4">Get Started Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. explore cities & about -->
|
||
<div class="py-5 position-relative overflow-hidden bg-light rounded-4 mx-3 mt-3">
|
||
<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">Discover your favourite place</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-lg-6">
|
||
<!-- start card list -->
|
||
<div class="card border-0 shadow-sm overflow-hidden rounded-4 card-hover">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xl-5 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-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="bg-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-xl-7 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">Amet minim mollit non deserunt ullamco est sit aliqua dolor.</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 -->
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<!-- start card list -->
|
||
<div class="card border-0 shadow-sm overflow-hidden rounded-4 card-hover">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xl-5 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-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="bg-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-xl-7 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">Amet minim mollit non deserunt ullamco est sit aliqua dolor.</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 -->
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<!-- start card list -->
|
||
<div class="card border-0 shadow-sm overflow-hidden rounded-4 card-hover">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xl-5 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-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="bg-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-xl-7 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">Amet minim mollit non deserunt ullamco est sit aliqua dolor.</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 -->
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<!-- 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="bg-white col-lg-5 col-md-5 col-xl-5 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-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="bg-primary card-badge d-inline-block fw-semibold position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-xl-7 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">Amet minim mollit non deserunt ullamco est sit aliqua dolor.</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 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 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 testimonial -->
|
||
<div class="py-5 dark-overlay position-relative overflow-hidden mx-3 mb-3 rounded-4 text-white">
|
||
<img src="../assets/images/testimonial-bg-2.jpg" class="bg-image js-image-parallax" alt="">
|
||
<div class="container py-4 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 subtitle -->
|
||
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Testimonial</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">See What Our Clients Say About Us</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-sm-10 col-md-10 col-lg-10">
|
||
<div class="testimonial-carousel owl-carousel owl-theme">
|
||
<div class="testimonial-item">
|
||
<div class="text-center mb-3">
|
||
<img src="../assets/images/quote-white.svg" alt="" class="m-auto w-auto">
|
||
</div>
|
||
<div class="fs-3 text-center">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. </div>
|
||
<div class="text-center mt-4 fw-semibold">MARK, SOUTH EVERETT</div>
|
||
</div>
|
||
<div class="testimonial-item">
|
||
<div class="text-center mb-3">
|
||
<img src="../assets/images/quote-white.svg" alt="" class="m-auto w-auto">
|
||
</div>
|
||
<div class="fs-3 text-center">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. </div>
|
||
<div class="text-center mt-4 fw-semibold">MARK, SOUTH EVERETT</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. testimonial -->
|
||
<!-- 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> |