997 lines
72 KiB
HTML
997 lines
72 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 active" 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 -->
|
||
<!-- start add listing section -->
|
||
<div class="py-5 bg-light m-3 rounded-4">
|
||
<div class="container py-4">
|
||
<div class="row justify-content-center">
|
||
<div class="col-sm-10 col-md-10 col-lg-8">
|
||
<!-- 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">Listing</div>
|
||
<!-- end /. subtitle -->
|
||
<!-- start title -->
|
||
<h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">Add Listing</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 g-4">
|
||
<div class="col-xl-10 col-xxl-9">
|
||
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
|
||
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
|
||
<div class="d-flex flex-shrink-0 gap-1">
|
||
<span class="fw-semibold text-dark">01/</span>
|
||
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
|
||
<i class="fa-solid fa-user fs-5"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h4 class="fw-semibold font-caveat fs-2">Basic Informations</h4>
|
||
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
|
||
</div>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Listing Title</label>
|
||
<input type="text" class="form-control" required>
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Category</label>
|
||
<select class="form-select">
|
||
<option selected>Category</option>
|
||
<option value="1">Restaurant</option>
|
||
<option value="2">Event</option>
|
||
<option value="3">Adrenaline</option>
|
||
</select>
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-12">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Tags</label>
|
||
<input type="text" class="form-control" placeholder="+ Add tag" required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
|
||
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
|
||
<div class="d-flex flex-shrink-0 gap-1">
|
||
<span class="fw-semibold text-dark">02/</span>
|
||
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
|
||
<i class="fa-solid fa-location-dot fs-5"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h4 class="fw-semibold font-caveat fs-2">Location</h4>
|
||
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
|
||
</div>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">City</label>
|
||
<select class="form-select" aria-label="Default select example">
|
||
<option selected>Select City</option>
|
||
<option value="1">One</option>
|
||
<option value="2">Two</option>
|
||
<option value="3">Three</option>
|
||
</select>
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Address</label>
|
||
<input type="email" class="form-control" placeholder="8706 Herrick Ave, Valley..." required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">State</label>
|
||
<input type="number" class="form-control" placeholder="State" required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Zip-Code</label>
|
||
<input type="number" class="form-control" placeholder="3870" required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
|
||
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
|
||
<div class="d-flex flex-shrink-0 gap-1">
|
||
<span class="fw-semibold text-dark">03/</span>
|
||
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
|
||
<i class="fa-solid fa-image fs-5"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h4 class="fw-semibold font-caveat fs-2">Gallery</h4>
|
||
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
|
||
</div>
|
||
</div>
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Gallery</label>
|
||
<input class="fileUp fileup-sm" type="file" name="files" accept=".jpg, .png, image/jpeg, image/png" multiple>
|
||
<div class="form-text">Recommended to 350 x 350 px (png, jpg, jpeg).</div>
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
|
||
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
|
||
<div class="d-flex flex-shrink-0 gap-1">
|
||
<span class="fw-semibold text-dark">04/</span>
|
||
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
|
||
<i class="fa-solid fa-circle-info fs-5"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h4 class="fw-semibold font-caveat fs-2">Details</h4>
|
||
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
|
||
</div>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-sm-12">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Description</label>
|
||
<textarea class="form-control" rows="7" placeholder="Please enter up to 4000 characters."></textarea>
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Phone</label>
|
||
<input type="number" class="form-control" placeholder="(123) 456 - 789" required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Company website</label>
|
||
<input type="text" class="form-control" placeholder="https://company.com" required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="required fw-medium mb-2">Email Address</label>
|
||
<input type="email" class="form-control" placeholder="example@email.com" required="">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-12">
|
||
<hr>
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Facebook Page<span class="fs-13 ms-1 text-muted">(optional)</span></label>
|
||
<input type="text" class="form-control" placeholder="https://facebook.com">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Twitter profile<span class="fs-13 ms-1 text-muted">(optional)</span></label>
|
||
<input type="text" class="form-control" placeholder="https://twitter.com">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Instagram profile<span class="fs-13 ms-1 text-muted">(optional)</span></label>
|
||
<input type="text" class="form-control" placeholder="https://instagram.com">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Linkedin page<span class="fs-13 ms-1 text-muted">(optional)</span></label>
|
||
<input type="text" class="form-control" placeholder="https://linkedin.com">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-12">
|
||
<hr>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="fw-medium text-dark mb-3">Property amenities<span class="fs-13 ms-1 text-muted">(optional)</span></div>
|
||
<div class="row gx-3 gy-2">
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultOne">
|
||
<label class="form-check-label" for="flexCheckDefaultOne">
|
||
Garden
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultTwo">
|
||
<label class="form-check-label" for="flexCheckDefaultTwo">
|
||
Security cameras
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultThree">
|
||
<label class="form-check-label" for="flexCheckDefaultThree">
|
||
Laundry
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultFour">
|
||
<label class="form-check-label" for="flexCheckDefaultFour">
|
||
Internet
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultFive">
|
||
<label class="form-check-label" for="flexCheckDefaultFive">
|
||
Pool
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultSix">
|
||
<label class="form-check-label" for="flexCheckDefaultSix">
|
||
Video surveillance
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultSeven">
|
||
<label class="form-check-label" for="flexCheckDefaultSeven">
|
||
Laundry room
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultEight">
|
||
<label class="form-check-label" for="flexCheckDefaultEight">
|
||
Jacuzzi
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
<div class="col-auto">
|
||
<!-- Start Form Check -->
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefaultNine">
|
||
<label class="form-check-label" for="flexCheckDefaultNine">
|
||
Security cameras
|
||
</label>
|
||
</div>
|
||
<!-- /. End Form Check -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
|
||
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
|
||
<div class="d-flex flex-shrink-0 gap-1">
|
||
<span class="fw-semibold text-dark">05/</span>
|
||
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
|
||
<i class="fa-solid fa-clock fs-5"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h4 class="fw-semibold font-caveat fs-2">Opening Hours</h4>
|
||
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
|
||
</div>
|
||
</div>
|
||
<div class="accordion listing-accordion" id="accordionExample">
|
||
<div class="accordion-item mb-3">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button px-3 py-2 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-calendar2-plus text-primary me-3" viewBox="0 0 16 16">
|
||
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z" />
|
||
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM8 8a.5.5 0 0 1 .5.5V10H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V11H6a.5.5 0 0 1 0-1h1.5V8.5A.5.5 0 0 1 8 8z" />
|
||
</svg>
|
||
<span class="fs-18 fw-medium">Add schedule plan</span><span class="count fs-13 ms-1 text-muted">(optional)</span>
|
||
</button>
|
||
</h2>
|
||
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body p-4">
|
||
<div class="row g-4">
|
||
<div class="col-sm-3">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Date</label>
|
||
<input type="date" class="form-control">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Time</label>
|
||
<input type="datetime-local" class="form-control">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Place</label>
|
||
<input type="text" class="form-control" placeholder="Place">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Address</label>
|
||
<input type="text" class="form-control" placeholder="8706 Herrick Ave, Valley...">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
</div>
|
||
<div class="text-center mt-3">
|
||
<button type="button" class="btn btn-light"><i class="fa fa-plus me-2"></i>Add another schedule item</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item mb-3">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed px-3 py-2 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-cup-hot text-primary me-3" viewBox="0 0 16 16">
|
||
<path fill-rule="evenodd" d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5ZM2.64 13.825 1.123 7h11.754l-1.517 6.825A1.5 1.5 0 0 1 9.896 15H4.104a1.5 1.5 0 0 1-1.464-1.175Z" />
|
||
<path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z" />
|
||
</svg>
|
||
<span class="fs-18 fw-medium">Add restaurant menu</span><span class="count fs-13 ms-1 text-muted">(optional)</span>
|
||
</button>
|
||
</h2>
|
||
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body p-4">
|
||
<div class="row g-4">
|
||
<div class="col-sm-4">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="text-medium mb-2">Title</label>
|
||
<input type="date" class="form-control">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Description</label>
|
||
<input type="text" class="form-control">
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<!-- start form group -->
|
||
<div class="">
|
||
<label class="fw-medium mb-2">Meal Type</label>
|
||
<select class="form-select">
|
||
<option selected="">Select meal type</option>
|
||
<option value="1">Starter</option>
|
||
<option value="2">Soup</option>
|
||
<option value="3">Main Course</option>
|
||
</select>
|
||
</div>
|
||
<!-- end /. form group -->
|
||
</div>
|
||
</div>
|
||
<div class="text-center mt-3">
|
||
<button type="button" class="btn btn-light"><i class="fa fa-plus me-2"></i>Add another meal</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item mb-3">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed px-3 py-2 text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-alarm text-primary me-3" viewBox="0 0 16 16">
|
||
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" />
|
||
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" />
|
||
</svg>
|
||
<span class="fs-18 fw-medium">Add opening hours</span><span class="count fs-13 ms-1 text-muted">(optional)</span>
|
||
</button>
|
||
</h2>
|
||
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
||
<div class="accordion-body p-4">
|
||
<div class="mb-3 row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Monday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Tuesday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Wednesday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Thursday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Friday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Saturday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-2 col-form-label fw-medium">Sunday</label>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Open">
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<input type="text" class="form-control" placeholder="Close">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="border-0 card listing-form mb-4 p-4 rounded-4 shadow-sm">
|
||
<div class="align-items-sm-center bg-light d-sm-flex mb-4 p-4 rounded-3">
|
||
<div class="d-flex flex-shrink-0 gap-1">
|
||
<span class="fw-semibold text-dark">06/</span>
|
||
<div class="align-items-center bg-primary card-icon d-flex justify-content-center mb-2 rounded-circle text-white">
|
||
<i class="fa-solid fa-money-check-dollar fs-5"></i>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h4 class="fw-semibold font-caveat fs-2">Add Pricing plan</h4>
|
||
<p class="mb-0 fs-15">There are many variations of passages of Lorem Ipsum<br class="d-none d-lg-block"> available, but the majority have</p>
|
||
</div>
|
||
</div>
|
||
<div class="table-responsive">
|
||
<table id="faqs" class="table table-borderless">
|
||
<thead>
|
||
<tr>
|
||
<th class="fw-medium">Title</th>
|
||
<th class="fw-medium">Description</th>
|
||
<th class="fw-medium">Price</th>
|
||
<th class="fw-medium">Status</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><input type="text" class="form-control"></td>
|
||
<td><input type="text" class="form-control"></td>
|
||
<td><input type="text" class="form-control" placeholder="USD"></td>
|
||
<td class="mt-10"><button type="button" class="btn btn-danger"><i class="fa fa-trash"></i></button></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="text-center">
|
||
<button onclick="addItem();" class="btn btn-light"><i class="fa fa-plus me-2"></i>Add New</button>
|
||
</div>
|
||
</div>
|
||
<div class="text-center mt-5">
|
||
<!-- Start Button -->
|
||
<button type="submit" class="btn btn-primary btn-lg d-inline-flex hstack gap-2">
|
||
<span>Submit for approval</span>
|
||
<span class="vr"></span>
|
||
<i class="fa-arrow-right fa-solid fs-14"></i>
|
||
</button>
|
||
<!-- /.End Button -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. add listing section -->
|
||
<!-- start footer -->
|
||
<footer class="footer-dark main-footer overflow-hidden position-relative pt-5">
|
||
<div class="container pt-4">
|
||
<div class="py-5">
|
||
<!-- start app download content -->
|
||
<div class="bg-primary rounded-4">
|
||
<div class="col-xxl-10 col-md-11 col-10 d-flex flex-md-row flex-column-reverse align-items-md-end align-items-center mx-auto px-0 gap-4">
|
||
<img class="app-image flex-shrink-0" src="assets/images/phone-mpckup.png" width="270" alt="Mobile app">
|
||
<div class="align-items-lg-center align-self-center d-flex flex-column flex-lg-row ps-xxl-4 pt-5 py-md-3 text-center text-md-start">
|
||
<div class="me-md-5">
|
||
<h4 class="text-white">Download Our App</h4>
|
||
<p class="mb-lg-0 text-white">It is a long established fact that a reader will be distracted by the readable content.</p>
|
||
</div>
|
||
<div class="d-flex flex-shrink-0 flex-wrap gap-3 justify-content-center">
|
||
<!-- start apple store button -->
|
||
<a class="align-items-center app-btn d-flex px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fa-apple fab fs-28 me-2"></i>
|
||
<div> <span class="fs-13 d-block">Available on the</span> <span class="fs-17 text-capitalize">App Store</span> </div>
|
||
</a>
|
||
<!-- end /. apple store button -->
|
||
<a class="align-items-center app-btn d-flex fs-11 px-3 py-2 rounded-3 text-decoration-none text-white border" href="#"> <i class="fab fa-google-play fs-25 me-2"></i>
|
||
<div> <span class="fs-13 d-block">Get it on</span> <span class="fs-17 text-capitalize">Google Play</span> </div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end /. app download content -->
|
||
</div>
|
||
<div class="border-top py-5">
|
||
<div class="footer-row row gy-5 g-sm-5 gx-xxl-6">
|
||
<div class="border-end col-lg-4 col-md-7 col-sm-6">
|
||
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
||
<div class="mb-4">Join our newsletter and receive the best job<br class="d-none d-xxl-block"> openings of the week, right on your inbox.</div>
|
||
<div class="border rounded-4 p-4 mb-4">
|
||
<h6 class="text-white-50 mb-3">Join our Whatsapp:</h6>
|
||
<a class="align-items-center d-block d-flex whatsapp-number" href="#"><i class="fa-brands fa-whatsapp fs-2 me-2"></i><span class="fs-5 fw-semibold text-decoration-underline">(123) 456-7890</span></a>
|
||
</div>
|
||
<h5 class="fw-bold mb-4">Want to join ListOn?<br> Write us !</h5>
|
||
<span>support@ListOn.com</span>
|
||
</div>
|
||
<div class="border-end col-lg-4 col-md-5 col-sm-6">
|
||
<h5 class="fw-bold mb-4">Stay Connect</h5>
|
||
<div>1123 Fictional St, San Francisco<br class="d-none d-xxl-block"> , CA 94103</div>
|
||
<div class="mt-4">
|
||
<a class="d-block fw-medium mb-1" href="#">
|
||
<i class="fa-solid fa-phone me-2"></i><span>(123) 456-7890</span>
|
||
</a>
|
||
<a class="email-link d-block fw-medium" href="#">
|
||
<i class="fa-solid fa-envelope me-2"></i>
|
||
support@ListOn.com
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<h5 class="fw-bold mb-4">Get In Touch</h5>
|
||
<div class="newsletter position-relative mt-4">
|
||
<input type="email" class="form-control" placeholder="name@example.com">
|
||
<button type="button" class="btn btn-primary search-btn position-absolute top-50 rounded-circle"><i class="fa-solid fa-angle-right"></i></button>
|
||
</div>
|
||
<div class="border-top my-4"></div>
|
||
<h5 class="fw-bold mb-4">Follow the location</h5>
|
||
<!-- start social icon -->
|
||
<ul class="d-flex flex-wrap gap-2 list-unstyled mb-0 social-icon">
|
||
<li>
|
||
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white inst">
|
||
<i class="fab fa-instagram"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white twi">
|
||
<i class="fab fa-twitter"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white dri">
|
||
<i class="fab fa-dribbble"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white fb">
|
||
<i class="fab fa-facebook-f"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white whatsapp">
|
||
<i class="fa-brands fa-whatsapp"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- /. end social icon -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container border-top">
|
||
<div class="align-items-center g-3 py-4 row">
|
||
<div class="col-lg-auto">
|
||
<!-- start footer nav -->
|
||
<ul class="list-unstyled list-separator mb-2 footer-nav">
|
||
<li class="list-inline-item"><a href="#">Privacy</a></li>
|
||
<li class="list-inline-item"><a href="#">Sitemap</a></li>
|
||
<li class="list-inline-item"><a href="#">Cookies</a></li>
|
||
</ul>
|
||
<!-- end /. footer nav -->
|
||
</div>
|
||
<div class="col-lg order-md-first">
|
||
<div class="align-items-center row">
|
||
<!-- start footer logo -->
|
||
<a href="index.html" class="col-sm-auto footer-logo mb-2 mb-sm-0">
|
||
<img src="assets/images/logo-white.png" alt="">
|
||
</a>
|
||
<!-- end /. footer logo -->
|
||
<!-- start text -->
|
||
<div class="col-sm-auto copy">© 2022 ListOn - All Rights Reserved- All Rights Reserved</div>
|
||
<!-- end /. text -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- end /. footer -->
|
||
<!-- Optional JavaScript -->
|
||
<script src="assets/plugins/jQuery/jquery.min.js"></script>
|
||
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/plugins/aos/aos.min.js"></script>
|
||
<script src="assets/plugins/macy/macy.js"></script>
|
||
<script src="assets/plugins/simple-parallax/simpleParallax.min.js"></script>
|
||
<script src="assets/plugins/OwlCarousel2/owl.carousel.min.js"></script>
|
||
<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js"></script>
|
||
<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js"></script>
|
||
<script src="assets/plugins/waypoints/jquery.waypoints.min.js"></script>
|
||
<script src="assets/plugins/counter-up/jquery.counterup.min.js"></script>
|
||
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.ui.widget.js"></script>
|
||
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fileupload.js"></script>
|
||
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.iframe-transport.js"></script>
|
||
<script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fancy-fileupload.js"></script>
|
||
<script src="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.js"></script>
|
||
<script src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||
<script src="assets/plugins/select2/select2.min.js"></script>
|
||
<!-- Custom script for this template -->
|
||
<script src="assets/js/script.js"></script>
|
||
</body>
|
||
|
||
</html> |