1451 lines
101 KiB
HTML
1451 lines
101 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" href="home-rounded.html">Home (Rounded)</a></li>
|
||
<li><a class="dropdown-item active" 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 (map) -->
|
||
<div class="align-items-end d-flex hero-header-map position-relative">
|
||
<!-- start map -->
|
||
<div class="h-100 position-absolute start-0 top-0 w-100">
|
||
<div id="mapCanvasTwo" class="h-100 w-100"></div>
|
||
</div>
|
||
<!-- end /. map -->
|
||
<div class="container position-relative z-1">
|
||
<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 mb-5 shadow">
|
||
<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 (map) -->
|
||
<!-- start categories section -->
|
||
<div class="py-5 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">Categories</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Global Categories</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-3 g-lg-4">
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-utensils fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Restaurant</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-headphones fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Music</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-dumbbell fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Gymnasium</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-building-user fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Appartment</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-bag-shopping fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Shopping</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-tv fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">TV Shows</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-paintbrush fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Creative & Digital</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-shield-virus fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Health & beauty</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-shirt fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Fashion</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-gem fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Jewelry</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-motorcycle fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Cars & Motorcycles</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 d-flex">
|
||
<div class="border-0 card card-hover company-card flex-fill rounded-3 w-100">
|
||
<!-- start card link -->
|
||
<a href="listings-map-grid-1.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<div class="card-body d-flex flex-column">
|
||
<div class="text-end mb-4 text-primary">
|
||
<!-- Start Image -->
|
||
<i class="fa-solid fa-puzzle-piece fs-2"></i>
|
||
<!-- /. End Image -->
|
||
</div>
|
||
<div class="mt-auto">
|
||
<!-- Start Title -->
|
||
<h5 class="mb-2">Video Games & Consoles</h5>
|
||
<!-- End Title -->
|
||
<!-- start link -->
|
||
<div class="small mt-2 d-flex align-items-center gap-2 fw-medium text-primary">
|
||
<span>Explore Now</span>
|
||
<i class="fa-solid fa-arrow-up-right-from-square fs-12"></i>
|
||
</div>
|
||
<!-- end /. link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. categories section -->
|
||
<!-- start place 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 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 places around Germany</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">
|
||
<!-- start card -->
|
||
<div class="card rounded-4 h-100 overflow-hidden bg-light border-0">
|
||
<div class="position-relative overflow-hidden dark-overlay h-100">
|
||
<img src="../assets/images/locations/masonry/09.jpg" class="h-100 w-100 object-fit-cover image-zoom-hover" alt="Image">
|
||
</div>
|
||
<div class="align-items-center badge bg-white d-flex fs-13 fw-semibold justify-content-center position-absolute rounded-4 text-primary top-0 end-0 mt-3 me-3">21 Listing</div>
|
||
<div class="card-body py-3">
|
||
<h4 class="font-caveat text-primary mb-0">germany</h4>
|
||
<h5 class="mb-0 fw-semibold"><a href="listings-map-grid-1.html" class="stretched-link">Berlin</a></h5>
|
||
</div>
|
||
</div>
|
||
<!-- end/. card -->
|
||
</div>
|
||
<div class="col-md-3">
|
||
<!-- start card -->
|
||
<div class="card rounded-4 h-100 overflow-hidden bg-light border-0">
|
||
<div class="position-relative overflow-hidden dark-overlay h-100">
|
||
<img src="../assets/images/locations/masonry/10.jpg" class="h-100 w-100 object-fit-cover image-zoom-hover" alt="Image">
|
||
</div>
|
||
<div class="align-items-center badge bg-white d-flex fs-13 fw-semibold justify-content-center position-absolute rounded-4 text-primary top-0 end-0 mt-3 me-3">69 Listing</div>
|
||
<div class="card-body py-3">
|
||
<h4 class="font-caveat text-primary mb-0">germany</h4>
|
||
<h5 class="mb-0 fw-semibold"><a href="listings-map-grid-1.html" class="stretched-link">Hamburg</a></h5>
|
||
</div>
|
||
</div>
|
||
<!-- end/. card -->
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="row g-4 h-100">
|
||
<div class="col-12">
|
||
<!-- start card -->
|
||
<div class="card rounded-4 h-100 overflow-hidden bg-light border-0">
|
||
<div class="position-relative overflow-hidden dark-overlay h-100">
|
||
<img src="../assets/images/locations/masonry/11.jpg" class="h-100 w-100 object-fit-cover image-zoom-hover" alt="Image">
|
||
</div>
|
||
<div class="align-items-center badge bg-white d-flex fs-13 fw-semibold justify-content-center position-absolute rounded-4 text-primary top-0 end-0 mt-3 me-3">27 Listing</div>
|
||
<div class="card-body py-3">
|
||
<h4 class="font-caveat text-primary mb-0">germany</h4>
|
||
<h5 class="mb-0 fw-semibold"><a href="listings-map-grid-1.html" class="stretched-link">Munich</a></h5>
|
||
</div>
|
||
</div>
|
||
<!-- end/. card -->
|
||
</div>
|
||
<div class="col-12">
|
||
<!-- start card -->
|
||
<div class="card rounded-4 h-100 overflow-hidden bg-light border-0">
|
||
<div class="position-relative overflow-hidden dark-overlay h-100">
|
||
<img src="../assets/images/locations/masonry/12.jpg" class="h-100 w-100 object-fit-cover image-zoom-hover" alt="Image">
|
||
</div>
|
||
<div class="align-items-center badge bg-white d-flex fs-13 fw-semibold justify-content-center position-absolute rounded-4 text-primary top-0 end-0 mt-3 me-3">109 Listing</div>
|
||
<div class="card-body py-3">
|
||
<h4 class="font-caveat text-primary mb-0">germany</h4>
|
||
<h5 class="mb-0 fw-semibold"><a href="listings-map-grid-1.html" class="stretched-link">Bremen</a></h5>
|
||
</div>
|
||
</div>
|
||
<!-- end/. card -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. place section -->
|
||
<!-- start listings carousel -->
|
||
<div class="py-5 position-relative overflow-hidden border-top">
|
||
<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="listings-carousel owl-carousel owl-theme owl-nav-bottom">
|
||
<!-- start listing card -->
|
||
<div class="card rounded-3 w-100 flex-fill overflow-hidden">
|
||
<!-- 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">
|
||
<img src="../assets/images/place/01.jpg" alt="" class="img-fluid">
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">10% OFF</div>
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">$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="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>
|
||
<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="Quick View">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. card image wrap -->
|
||
<div class="d-flex flex-column h-100 position-relative p-4">
|
||
<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">
|
||
<!-- start ratings -->
|
||
<i class="fa-solid fa-star"></i>
|
||
<!-- end /. ratings -->
|
||
<!-- start ratings counter text -->
|
||
<span class="fw-medium text-primary"><span class="fs-5 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
|
||
<!-- end /. ratings counter text -->
|
||
</div>
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold mb-0">Green Mart Apartment</h4>
|
||
<!-- end /. card title -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
<!-- start listing card -->
|
||
<div class="card rounded-3 w-100 flex-fill overflow-hidden">
|
||
<!-- 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">
|
||
<img src="../assets/images/place/02.jpg" alt="" class="img-fluid">
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">10% OFF</div>
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">$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="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>
|
||
<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="Quick View">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. card image wrap -->
|
||
<div class="d-flex flex-column h-100 position-relative p-4">
|
||
<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-utensils"></i></div>
|
||
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start">
|
||
<!-- start ratings -->
|
||
<i class="fa-solid fa-star"></i>
|
||
<!-- end /. ratings -->
|
||
<!-- start ratings counter text -->
|
||
<span class="fw-medium text-primary"><span class="fs-5 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
|
||
<!-- end /. ratings counter text -->
|
||
</div>
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold mb-0">Chuijhal Hotel And Restaurant</h4>
|
||
<!-- end /. card title -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
<!-- start listing card -->
|
||
<div class="card rounded-3 w-100 flex-fill overflow-hidden">
|
||
<!-- 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">
|
||
<img src="../assets/images/place/03.jpg" alt="" class="img-fluid">
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">10% OFF</div>
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">$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="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>
|
||
<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="Quick View">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. card image wrap -->
|
||
<div class="d-flex flex-column h-100 position-relative p-4">
|
||
<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-ethernet"></i></div>
|
||
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start">
|
||
<!-- start ratings -->
|
||
<i class="fa-solid fa-star"></i>
|
||
<!-- end /. ratings -->
|
||
<!-- start ratings counter text -->
|
||
<span class="fw-medium text-primary"><span class="fs-5 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
|
||
<!-- end /. ratings counter text -->
|
||
</div>
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold mb-0">The Barber's Lounge</h4>
|
||
<!-- end /. card title -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
<!-- start listing card -->
|
||
<div class="card rounded-3 w-100 flex-fill overflow-hidden">
|
||
<!-- 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">
|
||
<img src="../assets/images/place/04.jpg" alt="" class="img-fluid">
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">10% OFF</div>
|
||
<div class="bg-primary card-badge d-inline-block text-white position-absolute">$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="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>
|
||
<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="Quick View">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- end /. card image wrap -->
|
||
<div class="d-flex flex-column h-100 position-relative p-4">
|
||
<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-gamepad"></i></div>
|
||
<div class="align-items-center d-flex flex-wrap gap-1 text-primary card-start">
|
||
<!-- start ratings -->
|
||
<i class="fa-solid fa-star"></i>
|
||
<!-- end /. ratings -->
|
||
<!-- start ratings counter text -->
|
||
<span class="fw-medium text-primary"><span class="fs-5 fw-semibold me-1">(4.5)</span>2,391 reviews</span>
|
||
<!-- end /. ratings counter text -->
|
||
</div>
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold mb-0">Gaming Expo Spectacle</h4>
|
||
<!-- end /. card title -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. listings carousel -->
|
||
<!-- 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.</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.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">Events</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Events Near You</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">
|
||
<!-- start event card -->
|
||
<div class="card card-hover mb-4">
|
||
<div class="card-body">
|
||
<div class="g-4 row">
|
||
<div class="col-lg-auto d-flex">
|
||
<div class="d-none d-lg-flex">
|
||
<div class="bg-primary rounded-circle shape-rounded"></div>
|
||
<div class="shape-polygon bg-primary"></div>
|
||
</div>
|
||
<div class="event-date-wrap">
|
||
<div class="font-caveat border d-flex date-icon flex-column justify-content-center mb-3 position-relative rounded-2 text-center text-primary">
|
||
<span class="event-calendar-date fs-1 text-primary fw-semibold">27</span>
|
||
<div class="event-month">Oct</div>
|
||
</div>
|
||
<div class="event-time fw-semibold mb-1 fs-15">9.30 - 10.30 AM</div>
|
||
<div class="text-uppercase fs-12">Best Portfolio</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg pe-xxl-5">
|
||
<h3 class="event-title"><a href="#" class="stretched-link">Digital Awards</a></h3>
|
||
<div class="underline position-relative">
|
||
<span class="d-block position-absolute start-0 top-50 translate-middle-y w-50"></span>
|
||
</div>
|
||
<p class="mb-0">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</p>
|
||
</div>
|
||
<div class="col-lg-auto align-self-center">
|
||
<div class="btn-icon-md bg-primary d-flex align-items-center justify-content-center text-white 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" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. event card -->
|
||
<!-- start event card -->
|
||
<div class="card card-hover mb-4">
|
||
<div class="card-body">
|
||
<div class="g-4 row">
|
||
<div class="col-lg-auto d-flex">
|
||
<div class="d-none d-lg-flex">
|
||
<div class="bg-primary rounded-circle shape-rounded"></div>
|
||
<div class="shape-polygon bg-primary"></div>
|
||
</div>
|
||
<div class="event-date-wrap">
|
||
<div class="font-caveat border d-flex date-icon flex-column justify-content-center mb-3 position-relative rounded-2 text-center text-primary">
|
||
<span class="event-calendar-date fs-1 text-primary fw-semibold">19</span>
|
||
<div class="event-month">Nov</div>
|
||
</div>
|
||
<div class="event-time fw-semibold mb-1 fs-15">9.30 - 10.30 AM</div>
|
||
<div class="text-uppercase fs-12">Best Portfolio</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg pe-xxl-5">
|
||
<h3 class="event-title"><a href="#" class="stretched-link">Aid Fourm Awards</a></h3>
|
||
<div class="underline position-relative">
|
||
<span class="d-block position-absolute start-0 top-50 translate-middle-y w-50"></span>
|
||
</div>
|
||
<p class="mb-0">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</p>
|
||
</div>
|
||
<div class="col-lg-auto align-self-center">
|
||
<div class="btn-icon-md bg-primary d-flex align-items-center justify-content-center text-white 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" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. event card -->
|
||
<!-- start event card -->
|
||
<div class="card card-hover mb-4">
|
||
<div class="card-body">
|
||
<div class="g-4 row">
|
||
<div class="col-lg-auto d-flex">
|
||
<div class="d-none d-lg-flex">
|
||
<div class="bg-primary rounded-circle shape-rounded"></div>
|
||
<div class="shape-polygon bg-primary"></div>
|
||
</div>
|
||
<div class="event-date-wrap">
|
||
<div class="font-caveat border d-flex date-icon flex-column justify-content-center mb-3 position-relative rounded-2 text-center text-primary">
|
||
<span class="event-calendar-date fs-1 text-primary fw-semibold">13</span>
|
||
<div class="event-month">Dec</div>
|
||
</div>
|
||
<div class="event-time fw-semibold mb-1 fs-15">9.30 - 10.30 AM</div>
|
||
<div class="text-uppercase fs-12">Best Portfolio</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg pe-xxl-5">
|
||
<h3 class="event-title"><a href="#" class="stretched-link">Uia Gold Medal</a></h3>
|
||
<div class="underline position-relative">
|
||
<span class="d-block position-absolute start-0 top-50 translate-middle-y w-50"></span>
|
||
</div>
|
||
<p class="mb-0">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</p>
|
||
</div>
|
||
<div class="col-lg-auto align-self-center">
|
||
<div class="btn-icon-md bg-primary d-flex align-items-center justify-content-center text-white 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" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. event card -->
|
||
<!-- start event card -->
|
||
<div class="card card-hover">
|
||
<div class="card-body">
|
||
<div class="g-4 row">
|
||
<div class="col-lg-auto d-flex">
|
||
<div class="d-none d-lg-flex">
|
||
<div class="bg-primary rounded-circle shape-rounded"></div>
|
||
<div class="shape-polygon bg-primary"></div>
|
||
</div>
|
||
<div class="event-date-wrap">
|
||
<div class="font-caveat border d-flex date-icon flex-column justify-content-center mb-3 position-relative rounded-2 text-center text-primary">
|
||
<span class="event-calendar-date fs-1 text-primary fw-semibold">12</span>
|
||
<div class="event-month">Jan</div>
|
||
</div>
|
||
<div class="event-time fw-semibold mb-1 fs-15">9.30 - 10.30 AM</div>
|
||
<div class="text-uppercase fs-12">Digital Awards</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg pe-xxl-5">
|
||
<h3 class="event-title"><a href="#" class="stretched-link">Uia Gold Medal</a></h3>
|
||
<div class="underline position-relative">
|
||
<span class="d-block position-absolute start-0 top-50 translate-middle-y w-50"></span>
|
||
</div>
|
||
<p class="mb-0">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</p>
|
||
</div>
|
||
<div class="col-lg-auto align-self-center">
|
||
<div class="btn-icon-md bg-primary d-flex align-items-center justify-content-center text-white 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" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. event card -->
|
||
</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>
|
||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4iuUg1YDRIBRZ5e-jdssfqDuT9VLiOnY"></script>
|
||
<!-- Custom script for this template -->
|
||
<script src="../assets/js/script.js"></script>
|
||
<script src="../assets/js/listing-map.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |