779 lines
54 KiB
HTML
779 lines
54 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" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Agent</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="agent.html">Agent</a></li>
|
|
<li><a class="dropdown-item" href="agent-details.html">Agent Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="blog.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
|
|
<li><a class="dropdown-item" href="blog-details.html">Blog Standard</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-galary.html">Blog Galary</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-video.html">Blog Video</a></li>
|
|
<li><a class="dropdown-item" href="blog-post-audio.html">Blog Audio</a></li>
|
|
<li><a class="dropdown-item" href="blog-archive.html">Blog Archive</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="add-listing.html">Add Listing</a></li>
|
|
<li><a class="dropdown-item" href="submit-rider.html">Submit Rider</a></li>
|
|
<li><a class="dropdown-item" href="contact.html">Contact</a></li>
|
|
<li><a class="dropdown-item active" href="pricing.html">Pricing</a></li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Authentication</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="sign-in.html">Sign In</a></li>
|
|
<li><a class="dropdown-item" href="sign-up.html">Sign Up</a></li>
|
|
<li><a class="dropdown-item" href="forgot-password.html">Forgot Password</a></li>
|
|
<li><a class="dropdown-item" href="two-factor-auth.html">Two factor authentication</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specialty</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="404.html">404 Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="faq.html">Faq Page</a></li>
|
|
<li><a class="dropdown-item" href="terms-conditions.html">Terms & Conditions</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="style-guide.html">Style Guide</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="d-sm-none">
|
|
<!-- start button -->
|
|
<a href="signin.html" class="btn btn-primary d-flex gap-2 hstack justify-content-center rounded-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
|
|
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
|
|
</svg>
|
|
<div class="vr d-none d-sm-inline-block"></div>
|
|
<span>Add Listing</span>
|
|
</a>
|
|
<!-- end /. button -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- end /. navbar -->
|
|
<!-- start page header -->
|
|
<section class="dark-overlay hero mx-3 overflow-hidden position-relative py-4 py-lg-5 rounded-4 text-white">
|
|
<img class="bg-image" src="assets/images/header/03.jpg" alt="Image">
|
|
<div class="container overlay-content py-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-sm-10 col-md-10 col-lg-10">
|
|
<!-- start section header -->
|
|
<div class="section-header text-center" data-aos="fade-down">
|
|
<!-- start description -->
|
|
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-uppercase">Pricing Table</div>
|
|
<!-- end /. section header sub title -->
|
|
<!-- start section header -->
|
|
<h2 class="display-4 fw-semibold mb-3 section-header__title text-capitalize">Pricing Plan For <span class="font-caveat text-white">Startup!</span></h2>
|
|
<!-- end /. section header title -->
|
|
<!-- start description -->
|
|
<div class="sub-title fs-16">Many desktop publishing packages and web page editors now use Lorem Ipsum as their
|
|
<br class="d-none d-lg-block"> default model text, and a search for 'lorem ipsum' will uncover many.
|
|
</div>
|
|
<!-- end /. section header sub title -->
|
|
</div>
|
|
<!-- end /. section header -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end /. page header -->
|
|
<div class="py-5 bg-gradient rounded-4 mx-3 mt-3">
|
|
<div class="container py-4">
|
|
<div class="text-center mb-5 position-relative">
|
|
<ul class="nav nav-tabs nav-tabs_two d-inline-flex border-bottom-0 bg-white p-2 rounded-3" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link fw-medium active" id="monthly-tab" data-bs-toggle="tab" data-bs-target="#monthly-tab-pane" type="button" role="tab" aria-controls="monthly-tab-pane" aria-selected="true">Monthly Plan</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link fw-medium" id="annual-tab" data-bs-toggle="tab" data-bs-target="#annual-tab-pane" type="button" role="tab" aria-controls="annual-tab-pane" aria-selected="false">Annual Plan</button>
|
|
</li>
|
|
</ul>
|
|
<div class="d-none d-md-inline-block ms-4 position-absolute top-0 save-text">
|
|
<div class="text-success fs-sm fw-bold mb-sm-1">Save Upto 23%</div>
|
|
<svg class="text-success ms-n4 d-none d-sm-block" width="52" height="38" viewBox="0 0 52 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M50.5002 1C50.3336 5.33333 48.5 13 44.0002 20.5C39.5005 28 29.0002 32.5 28.5002 23C28.0002 13.5 39.5002 7 36.5002 14.5C33.5002 22 18.5 35.5 4 30" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path>
|
|
<path d="M3.83039 29.8565C6.35946 29.7566 8.93618 29.122 11.2178 28.1747L11.2178 28.1748L11.2196 28.1739C11.5476 28.0299 11.7182 27.6503 11.5867 27.3359C11.448 26.9871 11.0624 26.8028 10.7213 26.9517C7.91141 28.0931 4.64686 28.7829 1.62704 28.4553L1.62706 28.4551L1.62094 28.4549C1.27015 28.4384 0.944127 28.6914 0.902297 29.0451L0.902167 29.045L0.901827 29.0501C0.896722 29.1266 0.902407 29.2007 0.917743 29.2707C0.94057 29.4967 1.07932 29.7124 1.30195 29.8067C4.07984 31.0931 5.87728 34.0754 7.0096 36.882L7.00959 36.882L7.01015 36.8833C7.13957 37.1912 7.5283 37.3687 7.86577 37.2206L7.86579 37.2205C8.19919 37.0741 8.36065 36.6916 8.22031 36.3385L8.22006 36.3379C7.2736 34.0027 5.84935 31.53 3.83039 29.8565Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<!-- start tab content -->
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="monthly-tab-pane" role="tabpanel" aria-labelledby="monthly-tab" tabindex="0">
|
|
<!-- start pricing table -->
|
|
<div class="table-responsive">
|
|
<table class="table table-hover pricing-table table-responsive-md">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">
|
|
<div class="fs-4 fw-semibold h6 mb-0 mb-2">Plan & Features</div>
|
|
<p class="mb-0 fw-normal">Hidden in the middle generators<br> tend repeat predefin.</p>
|
|
</th>
|
|
<th scope="col">
|
|
<span class="font-caveat fs-3 text-primary">Basic</span>
|
|
<div class="d-flex pt-md-3">
|
|
<span class="h3">$</span>
|
|
<span class="display-4 fw-semibold">49</span>
|
|
</div>
|
|
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
|
|
<a href="#" class="btn d-block mt-4 btn-outline-primary text-nowrap">Get Basic</a>
|
|
</th>
|
|
<th scope="col">
|
|
<span class="font-caveat fs-3 text-primary">Pro</span>
|
|
<div class="d-flex pt-md-3">
|
|
<span class="h3">$</span>
|
|
<span class="display-4 fw-semibold">69</span>
|
|
</div>
|
|
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
|
|
<a href="#" class="btn d-block mt-4 btn-primary text-nowrap">Get Pro</a>
|
|
</th>
|
|
<th scope="col">
|
|
<span class="font-caveat fs-3 text-primary">Ultimate</span>
|
|
<div class="d-flex pt-md-3">
|
|
<span class="h3">$</span>
|
|
<span class="display-4 fw-semibold">89</span>
|
|
</div>
|
|
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
|
|
<a href="#" class="btn d-block mt-4 btn-outline-primary text-nowrap">Get Ultimate</a>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Unlimited E-Mail Notification</span>
|
|
</th>
|
|
<td>
|
|
<span>50GB</span>
|
|
</td>
|
|
<td>
|
|
<span>100GB</span>
|
|
</td>
|
|
<td>
|
|
<span>Unlimited</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Display Personalized Message</span>
|
|
</th>
|
|
<td>
|
|
<span>20,000</span>
|
|
</td>
|
|
<td>
|
|
<span>100,000</span>
|
|
</td>
|
|
<td>
|
|
<span>Unlimited</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Text Message Instant</span>
|
|
</th>
|
|
<td>
|
|
<span>100</span>
|
|
</td>
|
|
<td>
|
|
<span>1,000</span>
|
|
</td>
|
|
<td>
|
|
<span>Unlimited</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Live Message Notification</span>
|
|
</th>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Organize Contacts Into Showing In System</span>
|
|
</th>
|
|
<td></td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Create Smart Segment Using Field Policy</span>
|
|
</th>
|
|
<td></td>
|
|
<td></td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">24x7 Online Outstanding Support</span>
|
|
</th>
|
|
<td></td>
|
|
<td></td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- end /. pricing table -->
|
|
</div>
|
|
<div class="tab-pane fade" id="annual-tab-pane" role="tabpanel" aria-labelledby="annual-tab" tabindex="0">
|
|
<!-- start pricing table -->
|
|
<div class="table-responsive">
|
|
<table class="table table-hover pricing-table table-responsive-md">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">
|
|
<div class="fs-4 fw-semibold h6 mb-0 mb-2">Plan & Features</div>
|
|
<p class="mb-0 fw-normal">Hidden in the middle generators<br> tend repeat predefin.</p>
|
|
</th>
|
|
<th scope="col">
|
|
<span class="font-caveat fs-3 text-primary">Basic</span>
|
|
<div class="d-flex pt-md-3">
|
|
<span class="h3">$</span>
|
|
<span class="display-4 fw-semibold">149</span>
|
|
</div>
|
|
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
|
|
<a href="#" class="btn d-block mt-4 btn-outline-primary">Get Basic</a>
|
|
</th>
|
|
<th scope="col">
|
|
<span class="font-caveat fs-3 text-primary">Pro</span>
|
|
<div class="d-flex pt-md-3">
|
|
<span class="h3">$</span>
|
|
<span class="display-4 fw-semibold">269</span>
|
|
</div>
|
|
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
|
|
<a href="#" class="btn d-block mt-4 btn-primary">Get Pro</a>
|
|
</th>
|
|
<th scope="col">
|
|
<span class="font-caveat fs-3 text-primary">Ultimate</span>
|
|
<div class="d-flex pt-md-3">
|
|
<span class="h3">$</span>
|
|
<span class="display-4 fw-semibold">389</span>
|
|
</div>
|
|
<span class="text-small fw-normal text-nowrap">Per user, billed monthly</span>
|
|
<a href="#" class="btn d-block mt-4 btn-outline-primary">Get Ultimate</a>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Unlimited E-Mail Notification</span>
|
|
</th>
|
|
<td>
|
|
<span>50GB</span>
|
|
</td>
|
|
<td>
|
|
<span>100GB</span>
|
|
</td>
|
|
<td>
|
|
<span>Unlimited</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Display Personalized Message</span>
|
|
</th>
|
|
<td>
|
|
<span>20,000</span>
|
|
</td>
|
|
<td>
|
|
<span>100,000</span>
|
|
</td>
|
|
<td>
|
|
<span>Unlimited</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Text Message Instant</span>
|
|
</th>
|
|
<td>
|
|
<span>100</span>
|
|
</td>
|
|
<td>
|
|
<span>1,000</span>
|
|
</td>
|
|
<td>
|
|
<span>Unlimited</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Send Live Message Notification</span>
|
|
</th>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Organize Contacts Into Showing In System</span>
|
|
</th>
|
|
<td></td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">Create Smart Segment Using Field Policy</span>
|
|
</th>
|
|
<td></td>
|
|
<td></td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<span class="d-block fw-semibold h6 mb-0 text-nowrap">24x7 Online Outstanding Support</span>
|
|
</th>
|
|
<td></td>
|
|
<td></td>
|
|
<td>
|
|
<i class="fa-circle-check fa-solid fs-4 text-success"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- end /. pricing table -->
|
|
</div>
|
|
</div>
|
|
<!-- end /. tab content -->
|
|
<div class="text-center">Interested in a custom plan? <a href="#" class="text-primary fw-medium">Get in touch</a></div>
|
|
</div>
|
|
</div>
|
|
<!-- start faq -->
|
|
<div class="py-5">
|
|
<div class="container py-4">
|
|
<div class="row justify-content-center">
|
|
<div class="col-sm-10 col-md-10 col-lg-8 col-xl-6">
|
|
<!-- start section header -->
|
|
<div class="section-header text-center mb-5" data-aos="fade-down">
|
|
<!-- start subtitle -->
|
|
<div class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">FAQ</div>
|
|
<!-- end /. subtitle -->
|
|
<!-- start title -->
|
|
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Frequently Asked Questions</h2>
|
|
<!-- end /. title -->
|
|
<!-- start description -->
|
|
<div class="sub-title fs-16">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
|
|
<!-- end /. description -->
|
|
</div>
|
|
<!-- end /. section header -->
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="accordion" id="accordionExample">
|
|
<div class="accordion-item mb-3 rounded-4">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button fs-5 p-4 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
|
What Types Of Houses Are Available For Rent?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
|
|
<div class="accordion-body p-4 pt-0">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item mb-3 rounded-4">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
|
What Is The Rental Application Process?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
|
<div class="accordion-body p-4 pt-0">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item mb-3 rounded-4">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
|
What Are Your Rental Rates?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
|
<div class="accordion-body p-4 pt-0">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item mb-3 rounded-4">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
|
What Are The Lease Terms?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
|
<div class="accordion-body p-4 pt-0">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item mb-3 rounded-4">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button fs-5 p-4 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
|
What Is Your Policy On Pets?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
|
<div class="accordion-body p-4 pt-0">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was <code>.accordion-body</code> popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. faq -->
|
|
<!-- start footer -->
|
|
<footer class="footer-dark main-footer overflow-hidden position-relative pt-5">
|
|
<div class="container pt-4">
|
|
<div class="py-5">
|
|
<!-- start app download content -->
|
|
<div class="bg-primary rounded-4">
|
|
<div class="col-xxl-10 col-md-11 col-10 d-flex flex-md-row flex-column-reverse align-items-md-end align-items-center mx-auto px-0 gap-4">
|
|
<img class="app-image flex-shrink-0" src="assets/images/phone-mpckup.png" width="270" alt="Mobile app">
|
|
<div class="align-items-lg-center align-self-center d-flex flex-column flex-lg-row ps-xxl-4 pt-5 py-md-3 text-center text-md-start">
|
|
<div class="me-md-5">
|
|
<h4 class="text-white">Download Our App</h4>
|
|
<p class="mb-lg-0 text-white">It is a long established fact that a reader will be distracted by the readable content.</p>
|
|
</div>
|
|
<div class="d-flex flex-shrink-0 flex-wrap gap-3 justify-content-center">
|
|
<!-- start apple store button -->
|
|
<a class="align-items-center app-btn d-flex px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fa-apple fab fs-28 me-2"></i>
|
|
<div> <span class="fs-13 d-block">Available on the</span> <span class="fs-17 text-capitalize">App Store</span> </div>
|
|
</a>
|
|
<!-- end /. apple store button -->
|
|
<a class="align-items-center app-btn d-flex fs-11 px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fab fa-google-play fs-25 me-2"></i>
|
|
<div> <span class="fs-13 d-block">Get it on</span> <span class="fs-17 text-capitalize">Google Play</span> </div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. app download content -->
|
|
</div>
|
|
<div class="border-top py-5">
|
|
<div class="footer-row row gy-5 g-sm-5 gx-xxl-6">
|
|
<div class="border-end col-lg-4 col-md-7 col-sm-6">
|
|
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
|
<div class="mb-4">Join our newsletter and receive the best job<br class="d-none d-xxl-block"> openings of the week, right on your inbox.</div>
|
|
<div class="border rounded-4 p-4 mb-4">
|
|
<h6 class="text-white-50 mb-3">Join our Whatsapp:</h6>
|
|
<a class="align-items-center d-block d-flex whatsapp-number" href="#"><i class="fa-brands fa-whatsapp fs-2 me-2"></i><span class="fs-5 fw-semibold text-decoration-underline">(123) 456-7890</span></a>
|
|
</div>
|
|
<h5 class="fw-bold mb-4">Want to join ListOn?<br> Write us !</h5>
|
|
<span>support@ListOn.com</span>
|
|
</div>
|
|
<div class="border-end col-lg-4 col-md-5 col-sm-6">
|
|
<h5 class="fw-bold mb-4">Stay Connect</h5>
|
|
<div>1123 Fictional St, San Francisco<br class="d-none d-xxl-block"> , CA 94103</div>
|
|
<div class="mt-4">
|
|
<a class="d-block fw-medium mb-1" href="#">
|
|
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
|
</a>
|
|
<a class="email-link d-block fw-medium" href="#">
|
|
<i class="fa-solid fa-envelope me-2"></i>
|
|
support@ListOn.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
|
<div class="newsletter position-relative mt-4">
|
|
<input type="email" class="form-control" placeholder="name@example.com">
|
|
<button type="button" class="btn btn-primary search-btn position-absolute top-50 rounded-circle"><i class="fa-solid fa-angle-right"></i></button>
|
|
</div>
|
|
<div class="border-top my-4"></div>
|
|
<h5 class="fw-bold mb-4">Follow the location</h5>
|
|
<!-- start social icon -->
|
|
<ul class="d-flex flex-wrap gap-2 list-unstyled mb-0 social-icon">
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white inst">
|
|
<i class="fab fa-instagram"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white twi">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white dri">
|
|
<i class="fab fa-dribbble"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white fb">
|
|
<i class="fab fa-facebook-f"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white whatsapp">
|
|
<i class="fa-brands fa-whatsapp"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- /. end social icon -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container border-top">
|
|
<div class="align-items-center g-3 py-4 row">
|
|
<div class="col-lg-auto">
|
|
<!-- start footer nav -->
|
|
<ul class="list-unstyled list-separator mb-2 footer-nav">
|
|
<li class="list-inline-item"><a href="#">Privacy</a></li>
|
|
<li class="list-inline-item"><a href="#">Sitemap</a></li>
|
|
<li class="list-inline-item"><a href="#">Cookies</a></li>
|
|
</ul>
|
|
<!-- end /. footer nav -->
|
|
</div>
|
|
<div class="col-lg order-md-first">
|
|
<div class="align-items-center row">
|
|
<!-- start footer logo -->
|
|
<a href="index.html" class="col-sm-auto footer-logo mb-2 mb-sm-0">
|
|
<img src="assets/images/logo-white.png" alt="">
|
|
</a>
|
|
<!-- end /. footer logo -->
|
|
<!-- start text -->
|
|
<div class="col-sm-auto copy">© 2022 ListOn - All Rights Reserved- All Rights Reserved</div>
|
|
<!-- end /. text -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end /. footer -->
|
|
<!-- Optional JavaScript -->
|
|
<script src="assets/plugins/jQuery/jquery.min.js"></script>
|
|
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/plugins/aos/aos.min.js"></script>
|
|
<script src="assets/plugins/macy/macy.js"></script>
|
|
<script src="assets/plugins/simple-parallax/simpleParallax.min.js"></script>
|
|
<script src="assets/plugins/OwlCarousel2/owl.carousel.min.js"></script>
|
|
<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js"></script>
|
|
<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js"></script>
|
|
<script src="assets/plugins/waypoints/jquery.waypoints.min.js"></script>
|
|
<script src="assets/plugins/counter-up/jquery.counterup.min.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.ui.widget.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fileupload.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.iframe-transport.js"></script>
|
|
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fancy-fileupload.js"></script>
|
|
<script src="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.js"></script>
|
|
<script src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
<script src="assets/plugins/select2/select2.min.js"></script>
|
|
<!-- Custom script for this template -->
|
|
<script src="assets/js/script.js"></script>
|
|
</body>
|
|
|
|
</html> |