1376 lines
117 KiB
HTML
1376 lines
117 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="shortcut icon" href="assets/images/favicon.png">
|
||
<title>ListOn - Directory & Listing HTML Template</title>
|
||
<link href="assets/plugins/aos/aos.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/fontawesome/css/all.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/OwlCarousel2/css/owl.carousel.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/OwlCarousel2/css/owl.theme.default.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/fancy_fileupload.css" rel="stylesheet">
|
||
<link href="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
|
||
<link href="assets/plugins/select2/select2.min.css" rel="stylesheet">
|
||
<link href="assets/plugins/select2-bootstrap-5/select2-bootstrap-5-theme.min.css" rel="stylesheet">
|
||
<!-- Custom style for this template -->
|
||
<link href="assets/css/style.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- start navbar -->
|
||
<nav class="custom-navbar navbar navbar-expand-lg navbar-fixed navbar-transfarent">
|
||
<div class="container">
|
||
<a class="navbar-brand m-0" href="index.html">
|
||
<img class="logo-white" src="assets/images/logo-white.png" alt="">
|
||
<img class="logo-dark" src="assets/images/logo.png" alt="">
|
||
</a>
|
||
<div class="d-flex order-lg-2">
|
||
<!-- start button -->
|
||
<a href="signin.html" class="d-flex align-items-center justify-content-center p-0 btn-user position-relative" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="custom-tooltip" data-bs-title="Favourite">
|
||
<i class="fa-solid fa-heart"></i>
|
||
<span class="align-items-center bg-primary d-flex end-0 fs-11 justify-content-center nav-count position-absolute rounded-circle text-white">0</span>
|
||
</a>
|
||
<!-- end /. button -->
|
||
<!-- start button -->
|
||
<a href="sign-in.html" class="d-flex align-items-center justify-content-center p-0 btn-user" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="custom-tooltip" data-bs-title="Sign In">
|
||
<i class="fa-solid fa-user-plus"></i>
|
||
</a>
|
||
<!-- end /. button -->
|
||
<!-- start button -->
|
||
<button type="button" id="themeToggleBtn" class="align-items-center bg-transparent border-0 btn-user d-flex justify-content-center p-0">
|
||
<i class="fa-solid fa-moon"></i>
|
||
</button>
|
||
<!-- end /. button -->
|
||
<!-- start button -->
|
||
<a href="add-listing.html" class="btn btn-primary d-none d-sm-flex fw-medium gap-2 hstack rounded-5">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
||
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
||
</svg>
|
||
<div class="vr d-none d-sm-inline-block"></div>
|
||
<span class="d-none d-sm-inline-block">Add Listing</span>
|
||
</a>
|
||
<!-- end /. button -->
|
||
<!-- start navbar toggle button -->
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span id="nav-icon" class="">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</span>
|
||
</button>
|
||
<!-- end /. navbar toggle button -->
|
||
</div>
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<ul class="navbar-nav m-auto mb-2 mb-lg-0">
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle active" href="#" aria-current="page" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
||
Home
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="index.html">Home (Main)</a></li>
|
||
<li><a class="dropdown-item" href="home-classic.html">Home (Classic)</a></li>
|
||
<li><a class="dropdown-item" href="home-rounded.html">Home (Rounded)</a></li>
|
||
<li><a class="dropdown-item" href="home-map.html">Home (Map)</a></li>
|
||
<li><a class="dropdown-item" href="home-grid.html">Home (Grid)</a></li>
|
||
<li><a class="dropdown-item" 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 active" href="home-restaurant.html">Home (Restaurant) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle material-ripple" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
<i class="typcn typcn-weather-stormy top-menu-icon"></i>Dashboard
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="dashboard/dashboard.html">Dashboard</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/bookings.html">Bookings</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/messages.html">Message</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/wallet.html">Wallet</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/profile.html">Edit Profile</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/add-listing.html">Add listing</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/my-listing.html">My listing</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/bookings.html">Bookings</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/reviews.html">Reviews</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/bookmark.html">Bookmark</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/setting-app.html">Settings</a></li>
|
||
<li><a class="dropdown-item" href="dashboard/invoice.html">Invoice</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
||
Listing
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">List View</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-list-left.html">Left Sidebar</a></li>
|
||
<li><a class="dropdown-item" href="listings-list-right.html">Right Sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 1</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-grid-1-left.html">Left Sidebar</a></li>
|
||
<li><a class="dropdown-item" href="listings-grid-1-right.html">Right Sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 2</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-grid-2-left.html">Left Sidebar</a></li>
|
||
<li><a class="dropdown-item" href="listings-grid-2-right.html">Right Sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Half Map + Sidebar</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listings-map.html">Half Map List</a></li>
|
||
<li><a class="dropdown-item" href="listings-map-car.html">Half Map List (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
<li><a class="dropdown-item" href="listings-map-grid-1.html">Half Map Grid 1</a></li>
|
||
<li><a class="dropdown-item" href="listings-map-grid-2.html">Half Map Grid 2</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Listing Details</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="listing-details.html">Listing Details 1</a></li>
|
||
<li><a class="dropdown-item" href="listing-details-2.html">Listing Details 2</a></li>
|
||
<li><a class="dropdown-item" href="listing-details-car.html">Listing Details Car <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="listings-map-car.html">Explore</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
||
Template
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">About</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="about.html">About us 1</a></li>
|
||
<li><a class="dropdown-item" href="about-2.html">About us 2</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Agent</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="agent.html">Agent</a></li>
|
||
<li><a class="dropdown-item" href="agent-details.html">Agent Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="blog.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
|
||
<li><a class="dropdown-item" href="blog-details.html">Blog Standard</a></li>
|
||
<li><a class="dropdown-item" href="blog-post-galary.html">Blog Galary</a></li>
|
||
<li><a class="dropdown-item" href="blog-post-video.html">Blog Video</a></li>
|
||
<li><a class="dropdown-item" href="blog-post-audio.html">Blog Audio</a></li>
|
||
<li><a class="dropdown-item" href="blog-archive.html">Blog Archive</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a class="dropdown-item" href="add-listing.html">Add Listing</a></li>
|
||
<li><a class="dropdown-item" href="submit-rider.html">Submit Rider</a></li>
|
||
<li><a class="dropdown-item" href="contact.html">Contact</a></li>
|
||
<li><a class="dropdown-item" href="pricing.html">Pricing</a></li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Authentication</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="sign-in.html">Sign In</a></li>
|
||
<li><a class="dropdown-item" href="sign-up.html">Sign Up</a></li>
|
||
<li><a class="dropdown-item" href="forgot-password.html">Forgot Password</a></li>
|
||
<li><a class="dropdown-item" href="two-factor-auth.html">Two factor authentication</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specialty</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="404.html">404 Page</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="faq.html">Faq Page</a></li>
|
||
<li><a class="dropdown-item" href="terms-conditions.html">Terms & Conditions</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a class="dropdown-item" href="style-guide.html">Style Guide</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<div class="d-sm-none">
|
||
<!-- start button -->
|
||
<a href="signin.html" class="btn btn-primary d-flex gap-2 hstack justify-content-center rounded-3">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
||
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
||
</svg>
|
||
<div class="vr d-none d-sm-inline-block"></div>
|
||
<span>Add Listing</span>
|
||
</a>
|
||
<!-- end /. button -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- end /. navbar -->
|
||
<!-- start hero header (waves) -->
|
||
<div class="hero-header-waves overflow-hidden dark-overlay position-relative">
|
||
<!-- start background image -->
|
||
<div class="js-bg-image bg-cover bottom-0 end-0 position-absolute start-0 top-0" data-image-src="assets/images/header/lg-09.jpg"></div>
|
||
<!-- end /. background image -->
|
||
<div class="inner-header position-relative z-2">
|
||
<div class="container">
|
||
<h1 class="display-1 fw-bold hero-header_title text-capitalize text-white text-center mb-5">Spot Flavors <span class="font-caveat text-span">Near</span> You.</h1>
|
||
<div class="lead mb-4 mb-sm-5 text-center text-white">You'll get comprehensive results based on the provided location.</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="Search for restaurant, cuisine or a dish">
|
||
<!-- 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 cars" class="btn btn-primary rounded-5 mt-3 mt-md-0">
|
||
</div>
|
||
<!-- end /. search content -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- waves container -->
|
||
<div class="position-relative z-2">
|
||
<svg class="waves waves-light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
|
||
<defs>
|
||
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
|
||
</defs>
|
||
<g class="parallax">
|
||
<use xlink:href="#gentle-wave" x="48" y="0" />
|
||
<use xlink:href="#gentle-wave" x="48" y="3" />
|
||
<use xlink:href="#gentle-wave" x="48" y="5" />
|
||
<use xlink:href="#gentle-wave" x="48" y="7" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<!-- end /. waves container -->
|
||
</div>
|
||
<!-- end /. hero header (waves) -->
|
||
<!-- start categories section -->
|
||
<div class="py-5 position-relative overflow-hidden bg-light">
|
||
<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">Brands</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-6 fw-semibold mb-3 section-header__title text-capitalize">Popular 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 align-items-center justify-content-center g-2 g-sm-3 g-md-4">
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Fast Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/fast-food.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-17 fw-semibold">Breakfast And Brunch</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/breakfast-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Japanese Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/japanese-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Thai Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/thai-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Taiwanese Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/taiwanese-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Indian Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/Indian-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Healthy Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/healthy-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
<div class="col-sm-6 col-lg-4 col-xl-3">
|
||
<a href="listings-map.html" class="border-0 card card-hover d-block overflow-hidden px-3 py-4 rounded-4">
|
||
<div class="fs-18 fw-semibold">Mexican Food</div>
|
||
<div class="small">Avg price $63</div>
|
||
<img src="assets/images/icon/mexican-cuisine.png" class="bottom-0 end-0 position-absolute" alt="..." height="105">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. categories section -->
|
||
<!-- start listing section -->
|
||
<div class="py-5 bg-light rounded-4 mx-3 mt-3 bg-size-contain js-bg-image js-bg-image-lines" data-image-src="assets/images/lines.svg">
|
||
<div class="container">
|
||
<div class="align-items-end row g-4 mb-5" data-aos="fade-down">
|
||
<div class="col">
|
||
<!-- start section header -->
|
||
<div class="section-header">
|
||
<!-- start subtitle -->
|
||
<div class="font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-center text-primary text-xl-start">Restaurants</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="fw-semibold mb-0 section-header__title text-capitalize text-center text-xl-start display-6">Restaurants Near You</h2>
|
||
<!-- end /. title -->
|
||
<!-- start description -->
|
||
<div class="sub-title fs-16 text-center text-xl-start">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 class="col-12 col-xl-auto">
|
||
<!-- start button -->
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fs-14 fw-bold gap-2 justify-content-center justify-content-xl-end l-spacing-1 text-primary text-uppercase">
|
||
See All
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
|
||
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z"></path>
|
||
</svg>
|
||
</a>
|
||
<!-- end /. button -->
|
||
</div>
|
||
</div>
|
||
<div class="items-carousel owl-carousel owl-theme owl-nav-center">
|
||
<!-- start listing card -->
|
||
<div class="bg-transparent border-0 card card-hover-bg flex-fill overflow-hidden rounded-4 card-width">
|
||
<!-- start card image wrap -->
|
||
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay rounded-4">
|
||
<!-- start card link -->
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<img src="assets/images/place/17.jpg" alt="" class="img-fluid w-100">
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
|
||
<path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15"></path>
|
||
</svg>
|
||
10% OFF
|
||
</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
|
||
<a href="" class="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>
|
||
<!-- end /. card image wrap -->
|
||
<div class="row g-1 pt-2">
|
||
<div class="col-sm-auto">
|
||
<div class="badge border border-danger fw-semibold text-danger text-uppercase">Closed</div>
|
||
</div>
|
||
<div class="col-sm order-sm-first">
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold restaurant-text-truncate overflow-hidden mb-0">
|
||
<span>Vorta Vaji Restaurant</span>
|
||
<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="mb-0 fs-13">CoWorking, Dedicated Desk, Serviced Offices POA</p>
|
||
<!-- end /. card description -->
|
||
</div>
|
||
</div>
|
||
<!-- start price -->
|
||
<div class="fs-6 fw-bold text-primary text-uppercase mt-3"> $120 off above $199</div>
|
||
<!-- end /. price -->
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
<!-- start listing card -->
|
||
<div class="bg-transparent border-0 card card-hover-bg flex-fill overflow-hidden rounded-4 card-width">
|
||
<!-- start card image wrap -->
|
||
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay rounded-4">
|
||
<!-- start card link -->
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<img src="assets/images/place/20.jpg" alt="" class="img-fluid w-100">
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
|
||
<path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15"></path>
|
||
</svg>
|
||
10% OFF
|
||
</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
|
||
<a href="" class="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>
|
||
<!-- end /. card image wrap -->
|
||
<div class="row g-1 pt-2">
|
||
<div class="col-sm-auto">
|
||
<div class="badge border border-success fw-semibold text-success text-uppercase">Now Open</div>
|
||
</div>
|
||
<div class="col-sm order-sm-first">
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold restaurant-text-truncate overflow-hidden mb-0">
|
||
<span>Star Kabab & Restaurant - Elephant Road</span>
|
||
<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="mb-0 fs-13">CoWorking, Dedicated Desk, Serviced Offices POA</p>
|
||
<!-- end /. card description -->
|
||
</div>
|
||
</div>
|
||
<!-- start price -->
|
||
<div class="fs-6 fw-bold text-primary text-uppercase mt-3"> $120 off above $199</div>
|
||
<!-- end /. price -->
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
<!-- start listing card -->
|
||
<div class="bg-transparent border-0 card card-hover-bg flex-fill overflow-hidden rounded-4 card-width">
|
||
<!-- start card image wrap -->
|
||
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay rounded-4">
|
||
<!-- start card link -->
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<img src="assets/images/place/23.jpg" alt="" class="img-fluid w-100">
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
|
||
<path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15"></path>
|
||
</svg>
|
||
10% OFF
|
||
</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
|
||
<a href="" class="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>
|
||
<!-- end /. card image wrap -->
|
||
<div class="row g-1 pt-2">
|
||
<div class="col-sm-auto">
|
||
<div class="badge border border-danger fw-semibold text-danger text-uppercase">Closed</div>
|
||
</div>
|
||
<div class="col-sm order-sm-first">
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold restaurant-text-truncate overflow-hidden mb-0">
|
||
<span>Oyster Restaurant</span>
|
||
<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="mb-0 fs-13">CoWorking, Dedicated Desk, Serviced Offices POA</p>
|
||
<!-- end /. card description -->
|
||
</div>
|
||
</div>
|
||
<!-- start price -->
|
||
<div class="fs-6 fw-bold text-primary text-uppercase mt-3"> $120 off above $199</div>
|
||
<!-- end /. price -->
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
<!-- start listing card -->
|
||
<div class="bg-transparent border-0 card card-hover-bg flex-fill overflow-hidden rounded-4 card-width">
|
||
<!-- start card image wrap -->
|
||
<div class="card-img-wrap card-image-hover overflow-hidden dark-overlay rounded-4">
|
||
<!-- start card link -->
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<!-- end /. card link -->
|
||
<img src="assets/images/place/20.jpg" alt="" class="img-fluid w-100">
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
|
||
<path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15"></path>
|
||
</svg>
|
||
10% OFF
|
||
</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2">$100 off $399: eblwc</div>
|
||
<div class="d-flex end-0 gap-2 me-3 mt-3 position-absolute top-0 z-1">
|
||
<a href="" class="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>
|
||
<!-- end /. card image wrap -->
|
||
<div class="row g-1 pt-2">
|
||
<div class="col-sm-auto">
|
||
<div class="badge border border-danger fw-semibold text-danger text-uppercase">Closed</div>
|
||
</div>
|
||
<div class="col-sm order-sm-first">
|
||
<!-- start card title -->
|
||
<h4 class="fs-5 fw-semibold restaurant-text-truncate overflow-hidden mb-0">
|
||
<span>Kafi's Kitchen</span>
|
||
<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="mb-0 fs-13">CoWorking, Dedicated Desk, Serviced Offices POA</p>
|
||
<!-- end /. card description -->
|
||
</div>
|
||
</div>
|
||
<!-- start price -->
|
||
<div class="fs-6 fw-bold text-primary text-uppercase mt-3"> $120 off above $199</div>
|
||
<!-- end /. price -->
|
||
</div>
|
||
<!-- end /. listing card -->
|
||
</div>
|
||
<!-- start banner -->
|
||
<div class="banner banne-restaurant dark-overlay mt-5 overflow-hidden position-relative rounded-4">
|
||
<img src="assets/images/banner-bg-02.jpg" class="bg-image js-image-parallax" alt="">
|
||
<div class="align-items-center g-4 h-100 justify-content-between p-3 p-sm-5 position-relative row text-white wrapper z-1">
|
||
<div class="col-md-7 col-lg-6 text-center text-md-start">
|
||
<div class="fs-14 l-spacing-1">SPECIAL OFFER</div>
|
||
<h2 class="display-5 fw-semibold lh-1">Fast Food Dishes<br> at Just $19</h2>
|
||
<p>Hamburger, Chips, Sausages, Beer, Chicken Fries</p>
|
||
<a href="grid-listing-filterscol.html" class="btn btn-primary mt-3">Reserve now !</a>
|
||
</div>
|
||
<div class="col-md-5 col-lg-4">
|
||
<img src="assets/images/png-img/happy-hour.png" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
<!-- /wrapper -->
|
||
</div>
|
||
<!-- end /. banner -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. listing section -->
|
||
<!-- start popular restaurants -->
|
||
<div class="py-5 bg-light rounded-4 mx-3 my-3 bg-size-contain js-bg-image js-bg-image-lines" data-image-src="assets/images/lines.svg">
|
||
<div class="container">
|
||
<div class="align-items-end row g-4 mb-5" data-aos="fade-down">
|
||
<div class="col">
|
||
<!-- start section header -->
|
||
<div class="section-header">
|
||
<!-- start subtitle -->
|
||
<div class="font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-center text-primary text-xl-start">Popular</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="fw-semibold mb-0 section-header__title text-capitalize text-center text-xl-start display-6">Popular Restaurants</h2>
|
||
<!-- end /. title -->
|
||
<!-- start description -->
|
||
<div class="sub-title fs-16 text-center text-xl-start">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 class="col-12 col-xl-auto">
|
||
<!-- start button -->
|
||
<a href="listings-map-grid-1.html" class="align-items-center d-flex fs-14 fw-bold gap-2 justify-content-center justify-content-xl-end l-spacing-1 text-primary text-uppercase">
|
||
See All
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
|
||
<path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z"></path>
|
||
</svg>
|
||
</a>
|
||
<!-- end /. button -->
|
||
</div>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-lg-6 d-flex">
|
||
<!-- start card list -->
|
||
<div class="border-0 card card-hover flex-fill overflow-hidden rounded-4 w-100">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 h-100 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xxl-5 position-relative">
|
||
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
|
||
<!-- start image -->
|
||
<img src="assets/images/place/17.jpg" alt="" class="h-100 w-100 object-fit-cover">
|
||
<!-- end /. image -->
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-percent me-1"></i>CRAZY+20% OFF</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 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-xxl-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="align-items-center bg-light btn-icon d-flex justify-content-center rounded-circle text-primary" 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-19 fw-semibold mb-0">
|
||
<span>Vorta Vaji Restaurant</span>
|
||
<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-1 fs-14 text-muted">904, Sobha Ivory II, AL ASAYEL ST, Business Bay, Dubai, UAE.</p>
|
||
<!-- end /. card description -->
|
||
<!-- start contact content -->
|
||
<div class="d-flex flex-wrap gap-3 gap-lg-2 gap-xl-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>+1 754-399-1127</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 d-flex">
|
||
<!-- start card list -->
|
||
<div class="border-0 card card-hover flex-fill overflow-hidden rounded-4 w-100">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 h-100 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xxl-5 position-relative">
|
||
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
|
||
<!-- start image -->
|
||
<img src="assets/images/place/18.jpg" alt="" class="h-100 w-100 object-fit-cover">
|
||
<!-- end /. image -->
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="align-items-centercol-lg-6 bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 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-xxl-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="align-items-center bg-light btn-icon d-flex justify-content-center rounded-circle text-primary" 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-19 fw-semibold mb-0">
|
||
Chuijhal Hotel And Restaurant
|
||
<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-1 fs-14 text-muted">1115 Broadway, 16 Madison Square West 12th Floor, New York, NY 100101115 Broadway, USA.</p>
|
||
<!-- end /. card description -->
|
||
<!-- start contact content -->
|
||
<div class="d-flex flex-wrap gap-3 gap-lg-2 gap-xl-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>+1 754-399-1127</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 d-flex">
|
||
<!-- start card list -->
|
||
<div class="border-0 card card-hover flex-fill overflow-hidden rounded-4 w-100">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 h-100 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xxl-5 position-relative">
|
||
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
|
||
<!-- start image -->
|
||
<img src="assets/images/place/19.jpg" alt="" class="h-100 w-100 object-fit-cover">
|
||
<!-- end /. image -->
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 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-xxl-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="align-items-center bg-light btn-icon d-flex justify-content-center rounded-circle text-primary" 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-19 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-1 fs-14 text-muted">13/P Mymensingh Ln, Dhaka 1000,Bangladesh</p>
|
||
<!-- end /. card description -->
|
||
<!-- start contact content -->
|
||
<div class="d-flex flex-wrap gap-3 gap-lg-2 gap-xl-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>+1 754-399-1127</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 d-flex">
|
||
<!-- start card list -->
|
||
<div class="border-0 card card-hover flex-fill overflow-hidden rounded-4 w-100">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 h-100 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xxl-5 position-relative">
|
||
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
|
||
<!-- start image -->
|
||
<img src="assets/images/place/20.jpg" alt="" class="h-100 w-100 object-fit-cover">
|
||
<!-- end /. image -->
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 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-xxl-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="align-items-center bg-light btn-icon d-flex justify-content-center rounded-circle text-primary" 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-19 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-1 fs-14 text-muted">13/P Mymensingh Ln, Dhaka 1000,Bangladesh</p>
|
||
<!-- end /. card description -->
|
||
<!-- start contact content -->
|
||
<div class="d-flex flex-wrap gap-3 gap-lg-2 gap-xl-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>+1 754-399-1127</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 d-flex">
|
||
<!-- start card list -->
|
||
<div class="border-0 card card-hover flex-fill overflow-hidden rounded-4 w-100">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 h-100 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xxl-5 position-relative">
|
||
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
|
||
<!-- start image -->
|
||
<img src="assets/images/place/21.jpg" alt="" class="h-100 w-100 object-fit-cover">
|
||
<!-- end /. image -->
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 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-xxl-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="align-items-center bg-light btn-icon d-flex justify-content-center rounded-circle text-primary" 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-19 fw-semibold mb-0">
|
||
Burnowl Tours & Travels
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
|
||
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
|
||
</svg>
|
||
</h4>
|
||
<!-- end /. card title -->
|
||
<!-- start card description -->
|
||
<p class="mt-1 fs-14 text-muted">13/P Mymensingh Ln, Dhaka 1000,Bangladesh</p>
|
||
<!-- end /. card description -->
|
||
<!-- start contact content -->
|
||
<div class="d-flex flex-wrap gap-3 gap-lg-2 gap-xl-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>+1 754-399-1127</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 d-flex">
|
||
<!-- start card list -->
|
||
<div class="border-0 card card-hover flex-fill overflow-hidden rounded-4 w-100">
|
||
<a href="listing-details.html" class="stretched-link"></a>
|
||
<div class="card-body p-0">
|
||
<div class="g-0 h-100 row">
|
||
<div class="bg-white col-lg-5 col-md-5 col-xxl-5 position-relative">
|
||
<div class="card-image-hover dark-overlay h-100 overflow-hidden position-relative">
|
||
<!-- start image -->
|
||
<img src="assets/images/place/22.jpg" alt="" class="h-100 w-100 object-fit-cover">
|
||
<!-- end /. image -->
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 position-absolute start-0 text-uppercase text-white z-2"><i class="fa-solid fa-star me-1"></i>Featured</div>
|
||
<div class="align-items-center bg-blur border-0 card-badge d-flex d-inline-block fw-semibold gap-1 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-xxl-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="align-items-center bg-light btn-icon d-flex justify-content-center rounded-circle text-primary" 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-19 fw-semibold mb-0">
|
||
Exclusive Education Aid
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-patch-check-fill text-success" viewBox="0 0 16 16">
|
||
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
|
||
</svg>
|
||
</h4>
|
||
<!-- end /. card title -->
|
||
<!-- start card description -->
|
||
<p class="mt-1 fs-14 text-muted">13/P Mymensingh Ln, Dhaka 1000,Bangladesh</p>
|
||
<!-- end /. card description -->
|
||
<!-- start contact content -->
|
||
<div class="d-flex flex-wrap gap-3 gap-lg-2 gap-xl-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>+1 754-399-1127</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>
|
||
<!-- start banner -->
|
||
<div class="banner banne-restaurant dark-overlay mt-5 overflow-hidden position-relative rounded-4">
|
||
<img src="assets/images/banner-bg-03.jpg" class="bg-image js-image-parallax" alt="">
|
||
<div class="align-items-center g-4 h-100 justify-content-between p-3 p-sm-5 position-relative row text-white wrapper z-1">
|
||
<div class="col-md-7 col-lg-6 text-center text-md-start">
|
||
<div class="fs-14 l-spacing-1">SPECIAL OFFER</div>
|
||
<h2 class="display-5 fw-semibold lh-1">Fast Food Dishes<br class="d-none d-lg-block"> at Just $19</h2>
|
||
<p>Hamburger, Chips, Sausages, Beer, Chicken Fries</p>
|
||
<a href="grid-listing-filterscol.html" class="btn btn-primary mt-3">Reserve now !</a>
|
||
</div>
|
||
<div class="col-md-5 col-lg-4">
|
||
<img src="assets/images/png-img/happy-hour-02.png" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
<!-- /wrapper -->
|
||
</div>
|
||
<!-- end /. banner -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. popular restaurants -->
|
||
<!-- start news section -->
|
||
<div class="py-5 bg-light overflow-hidden position-relative">
|
||
<div class="decoration blur-2 z-1"></div>
|
||
<div class="decoration blur-3 z-1"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-4 sidebar">
|
||
<!-- start section header -->
|
||
<div class="section-header mb-5" data-aos="fade-down">
|
||
<!-- start subtitle -->
|
||
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Our Latest Articles</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-6 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">Read our informative blog articles to stay updated with the latest trends, technological applications, products, and news. Our articles will provide you with tips and insights that can be very helpful while traveling.</div>
|
||
<!-- end /. description -->
|
||
<div>
|
||
<a href="blog.html" class="btn btn-primary mt-4">View All Posts</a>
|
||
</div>
|
||
<svg class="text-primary mt-4 d-none d-xl-block" width="200" height="211" viewBox="0 0 200 211" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M198.804 194.488C189.279 189.596 179.529 185.52 169.407 182.07L169.384 182.049C169.227 181.994 169.07 181.939 168.912 181.884C166.669 181.139 165.906 184.546 167.669 185.615C174.053 189.473 182.761 191.837 189.146 195.695C156.603 195.912 119.781 196.591 91.266 179.049C62.5221 161.368 48.1094 130.695 56.934 98.891C84.5539 98.7247 112.556 84.0176 129.508 62.667C136.396 53.9724 146.193 35.1448 129.773 30.2717C114.292 25.6624 93.7109 41.8875 83.1971 51.3147C70.1109 63.039 59.63 78.433 54.2039 95.0087C52.1221 94.9842 50.0776 94.8683 48.0703 94.6608C30.1803 92.8027 11.2197 83.6338 5.44902 65.1074C-1.88449 41.5699 14.4994 19.0183 27.9202 1.56641C28.6411 0.625793 27.2862 -0.561638 26.5419 0.358501C13.4588 16.4098 -0.221091 34.5242 0.896608 56.5659C1.8218 74.6941 14.221 87.9401 30.4121 94.2058C37.7076 97.0203 45.3454 98.5003 53.0334 98.8449C47.8679 117.532 49.2961 137.487 60.7729 155.283C87.7615 197.081 139.616 201.147 184.786 201.155L174.332 206.827C172.119 208.033 174.345 211.287 176.537 210.105C182.06 207.125 187.582 204.122 193.084 201.144C193.346 201.147 195.161 199.887 195.423 199.868C197.08 198.548 193.084 201.144 195.528 199.81C196.688 199.192 197.846 198.552 199.006 197.935C200.397 197.167 200.007 195.087 198.804 194.488ZM60.8213 88.0427C67.6894 72.648 78.8538 59.1566 92.1207 49.0388C98.8475 43.9065 106.334 39.2953 114.188 36.1439C117.295 34.8947 120.798 33.6609 124.168 33.635C134.365 33.5511 136.354 42.9911 132.638 51.031C120.47 77.4222 86.8639 93.9837 58.0983 94.9666C58.8971 92.6666 59.783 90.3603 60.8213 88.0427Z" fill="currentColor"></path>
|
||
</svg>
|
||
</div>
|
||
<!-- end /. section header -->
|
||
</div>
|
||
<div class="col-xl-8 content ps-xxl-5">
|
||
<!-- start blog list card -->
|
||
<div class="blog-list-card border-0 card d-md-flex flex-md-row mb-3 p-4 rounded-4 z-2">
|
||
<div class="flex-grow-1 p-post me-md-5">
|
||
<!-- start meta info -->
|
||
<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>
|
||
<!-- end /. meta info -->
|
||
<!-- start title -->
|
||
<h2 class="fw-semibold news-title overflow-hidden text-capitalize"><a href="blog-details.html">Etiam dapibus metus aliquam orci venenatis, suscipit efficitur cursus.</a></h2>
|
||
<!-- end /. title -->
|
||
<p class="mb-0">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure.</p>
|
||
</div>
|
||
<div class="flex-shrink-0 img-wrapper mt-4 mt-md-0">
|
||
<!-- start image thumb -->
|
||
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded-4"><img src="assets/images/blog/01.jpg" alt="" height="300" width="300" class="image-zoom-hover object-fit-cover w-100"></a>
|
||
<!-- end /. image thumb -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. blog list card -->
|
||
<!-- start blog list card -->
|
||
<div class="blog-list-card border-0 card d-md-flex flex-md-row mb-3 p-4 rounded-4 z-2">
|
||
<div class="flex-grow-1 p-post me-md-5">
|
||
<!-- start meta info -->
|
||
<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>
|
||
<!-- end /. meta info -->
|
||
<!-- start title -->
|
||
<h2 class="fw-semibold news-title overflow-hidden text-capitalize"><a href="blog-details.html">Nunc sagittis est eu sapien condimentum, sit amet ultrices tellus.</a></h2>
|
||
<!-- end /. title -->
|
||
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use.</p>
|
||
</div>
|
||
<div class="flex-shrink-0 img-wrapper mt-4 mt-md-0">
|
||
<!-- start image thumb -->
|
||
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded-4"><img src="assets/images/blog/02.jpg" alt="" height="300" width="300" class="image-zoom-hover object-fit-cover w-100"></a>
|
||
<!-- end /. image thumb -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. blog list card -->
|
||
<!-- start blog list card -->
|
||
<div class="blog-list-card border-0 card d-md-flex flex-md-row mb-3 p-4 rounded-4 z-2">
|
||
<div class="flex-grow-1 p-post me-md-5">
|
||
<!-- start meta info -->
|
||
<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>
|
||
<!-- end /. meta info -->
|
||
<!-- start title -->
|
||
<h2 class="fw-semibold news-title overflow-hidden text-capitalize"><a href="blog-details.html">Donec tincidunt nunc ac diam mattis, nec luctus eros sodales.</a></h2>
|
||
<!-- end /. title -->
|
||
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
|
||
</div>
|
||
<div class="flex-shrink-0 img-wrapper mt-4 mt-md-0">
|
||
<!-- start image thumb -->
|
||
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded-4"><img src="assets/images/blog/03.jpg" alt="" height="300" width="300" class="image-zoom-hover object-fit-cover w-100"></a>
|
||
<!-- end /. image thumb -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. blog list card -->
|
||
<!-- start blog list card -->
|
||
<div class="blog-list-card border-0 card d-md-flex flex-md-row mb-3 p-4 rounded-4 z-2">
|
||
<div class="flex-grow-1 p-post me-md-5">
|
||
<!-- start meta info -->
|
||
<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>
|
||
<!-- end /. meta info -->
|
||
<!-- start title -->
|
||
<h2 class="fw-semibold news-title overflow-hidden text-capitalize"><a href="blog-details.html">Nam sit amet orci tristique, cursus tortor a, viverra lacus.</a></h2>
|
||
<!-- end /. title -->
|
||
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
|
||
</div>
|
||
<div class="flex-shrink-0 img-wrapper mt-4 mt-md-0">
|
||
<!-- start image thumb -->
|
||
<a href="blog-details.html" class="thumb position-relative d-block overflow-hidden position-relative rounded-4"><img src="assets/images/blog/04.jpg" alt="" height="300" width="300" class="image-zoom-hover object-fit-cover w-100"></a>
|
||
<!-- end /. image thumb -->
|
||
</div>
|
||
</div>
|
||
<!-- end /. blog list card -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. news 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-4.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-6 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> |