719 lines
49 KiB
HTML
719 lines
49 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" href="assets/images/favicon.png">
|
|
<title>ListOn - Directory & Listing HTML Template</title>
|
|
<link href="assets/plugins/aos/aos.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/fontawesome/css/all.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/OwlCarousel2/css/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/OwlCarousel2/css/owl.theme.default.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/fancy_fileupload.css" rel="stylesheet">
|
|
<link href="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
|
|
<link href="assets/plugins/select2/select2.min.css" rel="stylesheet">
|
|
<link href="assets/plugins/select2-bootstrap-5/select2-bootstrap-5-theme.min.css" rel="stylesheet">
|
|
<!-- Custom style for this template -->
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- start navbar -->
|
|
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
|
|
<div class="container">
|
|
<a class="navbar-brand m-0" href="index.html">
|
|
<img class="logo-white" src="assets/images/logo-white.png" alt="">
|
|
<img class="logo-dark" src="assets/images/logo.png" alt="">
|
|
</a>
|
|
<div class="d-flex order-lg-2">
|
|
<!-- start button -->
|
|
<a href="signin.html" class="d-flex align-items-center justify-content-center p-0 btn-user position-relative" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="custom-tooltip" data-bs-title="Favourite">
|
|
<i class="fa-solid fa-heart"></i>
|
|
<span class="align-items-center bg-primary d-flex end-0 fs-11 justify-content-center nav-count position-absolute rounded-circle text-white">0</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
<!-- start button -->
|
|
<a href="sign-in.html" class="d-flex align-items-center justify-content-center p-0 btn-user" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="custom-tooltip" data-bs-title="Sign In">
|
|
<i class="fa-solid fa-user-plus"></i>
|
|
</a>
|
|
<!-- end /. button -->
|
|
<!-- start button -->
|
|
<button type="button" id="themeToggleBtn" class="align-items-center bg-transparent border-0 btn-user d-flex justify-content-center p-0">
|
|
<i class="fa-solid fa-moon"></i>
|
|
</button>
|
|
<!-- end /. button -->
|
|
<!-- start button -->
|
|
<a href="add-listing.html" class="btn btn-primary d-none d-sm-flex fw-medium gap-2 hstack rounded-5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
|
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
|
</svg>
|
|
<div class="vr d-none d-sm-inline-block"></div>
|
|
<span class="d-none d-sm-inline-block">Add Listing</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
<!-- start navbar toggle button -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span id="nav-icon" class="">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</span>
|
|
</button>
|
|
<!-- end /. navbar toggle button -->
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav m-auto mb-2 mb-lg-0">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" aria-current="page" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
|
Home
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="index.html">Home (Main)</a></li>
|
|
<li><a class="dropdown-item" href="home-classic.html">Home (Classic)</a></li>
|
|
<li><a class="dropdown-item" href="home-rounded.html">Home (Rounded)</a></li>
|
|
<li><a class="dropdown-item" href="home-map.html">Home (Map)</a></li>
|
|
<li><a class="dropdown-item" href="home-grid.html">Home (Grid)</a></li>
|
|
<li><a class="dropdown-item" href="home-waves.html">Home (Waves)</a></li>
|
|
<li><a class="dropdown-item" href="home-car.html">Home (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
<li><a class="dropdown-item" href="home-restaurant.html">Home (Restaurant) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle material-ripple" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="typcn typcn-weather-stormy top-menu-icon"></i>Dashboard
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="dashboard/dashboard.html">Dashboard</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/bookings.html">Bookings</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/messages.html">Message</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/wallet.html">Wallet</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/profile.html">Edit Profile</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/add-listing.html">Add listing</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/my-listing.html">My listing</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/bookings.html">Bookings</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/reviews.html">Reviews</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/bookmark.html">Bookmark</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/setting-app.html">Settings</a></li>
|
|
<li><a class="dropdown-item" href="dashboard/invoice.html">Invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
|
Listing
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">List View</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-list-left.html">Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="listings-list-right.html">Right Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 1</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-grid-1-left.html">Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="listings-grid-1-right.html">Right Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 2</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-grid-2-left.html">Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="listings-grid-2-right.html">Right Sidebar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Half Map + Sidebar</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listings-map.html">Half Map List</a></li>
|
|
<li><a class="dropdown-item" href="listings-map-car.html">Half Map List (Car) <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
<li><a class="dropdown-item" href="listings-map-grid-1.html">Half Map Grid 1</a></li>
|
|
<li><a class="dropdown-item" href="listings-map-grid-2.html">Half Map Grid 2</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Listing Details</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="listing-details.html">Listing Details 1</a></li>
|
|
<li><a class="dropdown-item" href="listing-details-2.html">Listing Details 2</a></li>
|
|
<li><a class="dropdown-item" href="listing-details-car.html">Listing Details Car <span class="badge text-bg-primary fw-semibold">New</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="listings-map-grid-1.html">Explore</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
|
|
Template
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">About</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="about.html">About us 1</a></li>
|
|
<li><a class="dropdown-item" href="about-2.html">About us 2</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Agent</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item active" href="agent.html">Agent</a></li>
|
|
<li><a class="dropdown-item" href="agent-details.html">Agent Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="blog.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
|
|
<li><a class="dropdown-item" href="blog-details.html">Blog Standard</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-galary.html">Blog Galary</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-video.html">Blog Video</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-audio.html">Blog Audio</a></li>
|
|
<li><a class="dropdown-item" href="blog-archive.html">Blog Archive</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="add-listing.html">Add Listing</a></li>
|
|
<li><a class="dropdown-item" href="submit-rider.html">Submit Rider</a></li>
|
|
<li><a class="dropdown-item" href="contact.html">Contact</a></li>
|
|
<li><a class="dropdown-item" href="pricing.html">Pricing</a></li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Authentication</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="sign-in.html">Sign In</a></li>
|
|
<li><a class="dropdown-item" href="sign-up.html">Sign Up</a></li>
|
|
<li><a class="dropdown-item" href="forgot-password.html">Forgot Password</a></li>
|
|
<li><a class="dropdown-item" href="two-factor-auth.html">Two factor authentication</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specialty</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="404.html">404 Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="faq.html">Faq Page</a></li>
|
|
<li><a class="dropdown-item" href="terms-conditions.html">Terms & Conditions</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="style-guide.html">Style Guide</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="d-sm-none">
|
|
<!-- start button -->
|
|
<a href="signin.html" class="btn btn-primary d-flex gap-2 hstack justify-content-center rounded-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
|
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
|
</svg>
|
|
<div class="vr d-none d-sm-inline-block"></div>
|
|
<span>Add Listing</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- end /. navbar -->
|
|
<!-- start page header -->
|
|
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
|
|
<img class="bg-image" src="assets/images/header/04.jpg" alt="Image">
|
|
<div class="container overlay-content">
|
|
<div class="row justify-content-center">
|
|
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-7">
|
|
<!-- start section header -->
|
|
<div class="section-header text-center mb-5" data-aos="fade-down">
|
|
<!-- start section header -->
|
|
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Find your <span class="font-caveat text-primary">dream</span> place</h2>
|
|
<!-- end /. section header title -->
|
|
<!-- start description -->
|
|
<div class="sub-title fs-18">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
|
|
<!-- end /. section header sub title -->
|
|
</div>
|
|
<!-- end /. section header -->
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<!-- start search content -->
|
|
<div class="border-0 card d-flex flex-md-row position-relative search-wrapper">
|
|
<div class="align-items-center d-flex search-field w-100">
|
|
<div class="svg-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
|
|
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
|
|
</svg>
|
|
</div>
|
|
<!-- start input -->
|
|
<input type="email" class="form-control search-input" placeholder="What are you looking for?">
|
|
<!-- end /. input -->
|
|
</div>
|
|
<div class="vertical-divider"></div>
|
|
<div class="align-items-center d-flex search-field w-100">
|
|
<div class="svg-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
|
|
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
|
|
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
|
|
</svg>
|
|
</div>
|
|
<!-- start select -->
|
|
<select class="form-select search-select-field">
|
|
<option selected>Location</option>
|
|
<option value="1">Florence, Italy</option>
|
|
<option value="2">Second choice</option>
|
|
<option value="3">Third choice</option>
|
|
</select>
|
|
<!-- end /. select -->
|
|
</div>
|
|
<input type="submit" value="Search places" class="btn btn-primary rounded-5 mt-3 mt-md-0">
|
|
</div>
|
|
<!-- end /. search content -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end /. page header -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="py-5">
|
|
<div class="container py-4">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-md-10 col-lg-6">
|
|
<!-- start section header -->
|
|
<div class="section-header mb-5" data-aos="fade-down">
|
|
<!-- start subtitle -->
|
|
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">Agents</div>
|
|
<!-- end /. subtitle -->
|
|
<!-- start title -->
|
|
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Agents / Persons</h2>
|
|
<!-- end /. title -->
|
|
<!-- start description -->
|
|
<div class="sub-title fs-16">A team of experienced and dedicated professionals who are passionate about helping our clients find their dream properties. From our agents to our support staff, everyone on our team is committed to providing personalized service, expert guidance, and exceptional results.</div>
|
|
<!-- end /. description -->
|
|
</div>
|
|
<!-- end /. section header -->
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center g-4 gx-xxl-5">
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container">
|
|
<img src="assets/images/avatar/01.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Ethan Blackwood</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member mt-4">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Edwin Martins</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/03.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member mt-4">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/04.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Pranoti Deshpande</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/05.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Alexander Steele</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member mt-4">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/06.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Marcus Knight</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/07.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Alexander Kaminski</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
|
|
<!-- Start Card -->
|
|
<div class="team-member mt-4">
|
|
<div class="member-header overflow-hidden position-relative rounded-4">
|
|
<div class="d-block overflow-hidden position-relative team-avatar-container bg-gradient">
|
|
<img src="assets/images/avatar/02.jpg" class="img-fluid w-100" alt="">
|
|
</div>
|
|
<ul class="align-items-center d-flex fs-21 gap-2 justify-content-center list-unstyled mb-0 member-social position-absolute">
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="#" class="align-items-center d-flex fs-14 justify-content-center rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Start Avatar Info -->
|
|
<div class="member-info mt-3 text-center">
|
|
<h4 class="mb-2 member-name text-truncate">Gabriel North</h4>
|
|
<div>12 Listing</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.End Avatar Info -->
|
|
</div>
|
|
<!-- /.End Card -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- start footer -->
|
|
<footer class="footer-dark main-footer overflow-hidden position-relative pt-5">
|
|
<div class="container pt-4">
|
|
<div class="py-5">
|
|
<!-- start app download content -->
|
|
<div class="bg-primary rounded-4">
|
|
<div class="col-xxl-10 col-md-11 col-10 d-flex flex-md-row flex-column-reverse align-items-md-end align-items-center mx-auto px-0 gap-4">
|
|
<img class="app-image flex-shrink-0" src="assets/images/phone-mpckup.png" width="270" alt="Mobile app">
|
|
<div class="align-items-lg-center align-self-center d-flex flex-column flex-lg-row ps-xxl-4 pt-5 py-md-3 text-center text-md-start">
|
|
<div class="me-md-5">
|
|
<h4 class="text-white">Download Our App</h4>
|
|
<p class="mb-lg-0 text-white">It is a long established fact that a reader will be distracted by the readable content.</p>
|
|
</div>
|
|
<div class="d-flex flex-shrink-0 flex-wrap gap-3 justify-content-center">
|
|
<!-- start apple store button -->
|
|
<a class="align-items-center app-btn d-flex px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fa-apple fab fs-28 me-2"></i>
|
|
<div> <span class="fs-13 d-block">Available on the</span> <span class="fs-17 text-capitalize">App Store</span> </div>
|
|
</a>
|
|
<!-- end /. apple store button -->
|
|
<a class="align-items-center app-btn d-flex fs-11 px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fab fa-google-play fs-25 me-2"></i>
|
|
<div> <span class="fs-13 d-block">Get it on</span> <span class="fs-17 text-capitalize">Google Play</span> </div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. app download content -->
|
|
</div>
|
|
<div class="border-top py-5">
|
|
<div class="footer-row row gy-5 g-sm-5 gx-xxl-6">
|
|
<div class="border-end col-lg-4 col-md-7 col-sm-6">
|
|
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
|
<div class="mb-4">Join our newsletter and receive the best job<br class="d-none d-xxl-block"> openings of the week, right on your inbox.</div>
|
|
<div class="border rounded-4 p-4 mb-4">
|
|
<h6 class="text-white-50 mb-3">Join our Whatsapp:</h6>
|
|
<a class="align-items-center d-block d-flex whatsapp-number" href="#"><i class="fa-brands fa-whatsapp fs-2 me-2"></i><span class="fs-5 fw-semibold text-decoration-underline">(123) 456-7890</span></a>
|
|
</div>
|
|
<h5 class="fw-bold mb-4">Want to join ListOn?<br> Write us !</h5>
|
|
<span>support@ListOn.com</span>
|
|
</div>
|
|
<div class="border-end col-lg-4 col-md-5 col-sm-6">
|
|
<h5 class="fw-bold mb-4">Stay Connect</h5>
|
|
<div>1123 Fictional St, San Francisco<br class="d-none d-xxl-block"> , CA 94103</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
|
<div class="newsletter position-relative mt-4">
|
|
<input type="email" class="form-control" placeholder="name@example.com">
|
|
<button type="button" class="btn btn-primary search-btn position-absolute top-50 rounded-circle"><i class="fa-solid fa-angle-right"></i></button>
|
|
</div>
|
|
<div class="border-top my-4"></div>
|
|
<h5 class="fw-bold mb-4">Follow the location</h5>
|
|
<!-- start social icon -->
|
|
<ul class="d-flex flex-wrap gap-2 list-unstyled mb-0 social-icon">
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white inst">
|
|
<i class="fab fa-instagram"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white twi">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white dri">
|
|
<i class="fab fa-dribbble"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white fb">
|
|
<i class="fab fa-facebook-f"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white whatsapp">
|
|
<i class="fa-brands fa-whatsapp"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- /. end social icon -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container border-top">
|
|
<div class="align-items-center g-3 py-4 row">
|
|
<div class="col-lg-auto">
|
|
<!-- start footer nav -->
|
|
<ul class="list-unstyled list-separator mb-2 footer-nav">
|
|
<li class="list-inline-item"><a href="#">Privacy</a></li>
|
|
<li class="list-inline-item"><a href="#">Sitemap</a></li>
|
|
<li class="list-inline-item"><a href="#">Cookies</a></li>
|
|
</ul>
|
|
<!-- end /. footer nav -->
|
|
</div>
|
|
<div class="col-lg order-md-first">
|
|
<div class="align-items-center row">
|
|
<!-- start footer logo -->
|
|
<a href="index.html" class="col-sm-auto footer-logo mb-2 mb-sm-0">
|
|
<img src="assets/images/logo-white.png" alt="">
|
|
</a>
|
|
<!-- end /. footer logo -->
|
|
<!-- start text -->
|
|
<div class="col-sm-auto copy">© 2022 ListOn - All Rights Reserved- All Rights Reserved</div>
|
|
<!-- end /. text -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end /. footer -->
|
|
<!-- Optional JavaScript -->
|
|
<script src="assets/plugins/jQuery/jquery.min.js"></script>
|
|
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/plugins/aos/aos.min.js"></script>
|
|
<script src="assets/plugins/macy/macy.js"></script>
|
|
<script src="assets/plugins/simple-parallax/simpleParallax.min.js"></script>
|
|
<script src="assets/plugins/OwlCarousel2/owl.carousel.min.js"></script>
|
|
<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js"></script>
|
|
<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js"></script>
|
|
<script src="assets/plugins/waypoints/jquery.waypoints.min.js"></script>
|
|
<script src="assets/plugins/counter-up/jquery.counterup.min.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.ui.widget.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fileupload.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.iframe-transport.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fancy-fileupload.js"></script>
|
|
<script src="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.js"></script>
|
|
<script src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
<script src="assets/plugins/select2/select2.min.js"></script>
|
|
<!-- Custom script for this template -->
|
|
<script src="assets/js/script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |