793 lines
65 KiB
HTML
793 lines
65 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 active" 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 active" 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/02.jpg" alt="Image">
|
|
<div class="container overlay-content py-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10 col-xl-10 text-center">
|
|
<!-- start description -->
|
|
<div class="bg-primary d-inline-block fs-14 mb-3 px-4 py-2 rounded-5 sub-title text-white text-uppercase">Renovation / August 31, 2023</div>
|
|
<!-- end /. section header sub title -->
|
|
<h2 class="display-4 fw-semibold section-header__title text-capitalize mb-0">ListOn was founded in 2023 by Alexander with a <span class="font-caveat text-white">vision to your original</span> vision or inspiration.</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end /. page header -->
|
|
<!-- start content -->
|
|
<div class="py-5">
|
|
<div class="container py-4">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-10 col-xxl-8">
|
|
<article class="post single-post">
|
|
<div class="entry-content cs-content">
|
|
<h1>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.</h1>
|
|
<p>How it is a long established fact that a reader will be distracted by the <a href="#">readable content</a> of a page when looking at its layout. The point of using Lorem <a href="#">Ipsum is that it has a more-or-less</a> normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
|
|
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many <a href="#">desktop publishing packages</a> and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
|
|
<p>With the above snippet, nested elements—including generated content via <code>::before</code> and <code>::after</code>—will all inherit the specified <code>box-sizing</code> for that <code>.selector-for-some-widget</code>.</p>
|
|
<figcaption class="caption aligncenter">
|
|
<div class="rounded-4 overflow-hidden">
|
|
<div class="row gx-2 zoom-gallery">
|
|
<div class="col-md-8">
|
|
<a class="d-block position-relative" href="assets/images/blog/galary-01.jpg">
|
|
<img class="img-fluid w-100" src="assets/images/blog/galary-01.jpg" alt="Image Description">
|
|
<div class="position-absolute bottom-0 end-0 mb-3 me-3">
|
|
<span class="align-items-center btn btn-light btn-sm d-flex d-md-none fw-semibold gap-2">
|
|
<i class="fa-solid fa-expand"></i>
|
|
<span> View photos</span>
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4 d-none d-md-inline-block">
|
|
<a class="d-block mb-2" href="assets/images/blog/galary-02.jpg">
|
|
<img class="img-fluid w-100" src="assets/images/blog/galary-02.jpg" alt="Image Description">
|
|
</a>
|
|
<a class="d-block position-relative" href="assets/images/blog/galary-03.jpg">
|
|
<img class="img-fluid w-100" src="assets/images/blog/galary-03.jpg" alt="Image Description">
|
|
<div class="position-absolute bottom-0 end-0 mb-3 me-3">
|
|
<span class="align-items-center btn btn-light btn-sm d-md-inline-flex d-none fw-semibold gap-2">
|
|
<i class="fa-solid fa-expand"></i>
|
|
<span> View photos</span>
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<figcaption class="caption-text fs-11 text-center text-muted text-uppercase mt-2">A caption for the above image.</figcaption>
|
|
</figcaption>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
|
|
<ul>
|
|
<li>Donec ultricies purus sed augue tempus, sed porttitor libero faucibus.</li>
|
|
<li>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic.</li>
|
|
<li>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</li>
|
|
<li>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.</li>
|
|
</ul>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
|
|
<blockquote class="border-bottom border-primary border-top my-5 py-4">
|
|
<div class="g-3 row">
|
|
<div class="col-sm-auto">
|
|
<div class="fs-12 mb-1 subtitle-core-value text-uppercase">10.11.2022</div>
|
|
<div class="fs-12 subtitle-core-value text-uppercase">Chief Marketer</div>
|
|
</div>
|
|
<div class="col">
|
|
<p class="display-5 font-caveat testimonial-text text-primary">"We cannot understand how we lived without the services of your company. It's the perfect solution for creating a cool portfolio! The best Holi digital agency!"</p>
|
|
</div>
|
|
</div>
|
|
</blockquote>
|
|
<h2>Duis feugiat velit eu mauris dapibus mattis.</h2>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
|
|
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet</p>
|
|
<blockquote class="blockquote quote-text alignleft">
|
|
<p class="display-6 font-caveat mb-0 text-primary">“Stay hungry, stay foolish.”</p> <cite class="fs-12 fst-normal subtitle-core-value text-uppercase">— John Doe Molicere</cite>
|
|
</blockquote>
|
|
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
|
|
<p>It was 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 of Lorem Ipsum.</p>
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
|
|
<p><img src="assets/images/blog/details-02.jpg" alt="Image" class="alignright img-fluid rounded-3"> Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
|
|
<p>very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
|
|
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original.</p>
|
|
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
|
|
<hr>
|
|
<h2>Ut eleifend elit tempus tempus luctus</h2>
|
|
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
|
|
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..".</p>
|
|
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.</p>
|
|
</div>
|
|
<!-- /.End of entry content -->
|
|
<!-- start post tags -->
|
|
<div class="d-flex flex-wrap gap-3 my-4 post-tags tagcloud">
|
|
<a href="#" rel="tag" class="fs-15 fw-semibold">travel</a>
|
|
<a href="#" rel="tag" class="fs-15 fw-semibold">earth</a>
|
|
<a href="#" rel="tag" class="fs-15 fw-semibold">think</a>
|
|
</div>
|
|
<!-- end /. post tags -->
|
|
<!-- start post share -->
|
|
<div class="align-items-center border-bottom border-top d-flex justify-content-between py-4">
|
|
<div class="blog_time_read d-none d-sm-block fs-12 l-spacing-1 text-muted text-uppercase"> Reading time: 2 min </div>
|
|
<!-- /.reading -->
|
|
<div class="align-items-center blog-social d-flex fs-12 l-spacing-1 text-uppercase"> Share:
|
|
<div class="blog-social-icon d-flex fs-17 gap-3 ms-2">
|
|
<a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
|
<a target="_blank" href="#"><i class="fa-brands fa-pinterest-p"></i></a>
|
|
<a target="_blank" href="#"><i class="fa-brands fa-google"></i></a>
|
|
<a target="_blank" href="#"><i class="fa-brands fa-stumbleupon"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- /.social -->
|
|
</div>
|
|
<!-- end /. post share -->
|
|
<!-- start blog pagination -->
|
|
<div class="align-items-center border justify-content-between mt-5 p-4 rounded">
|
|
<div class="row g-0">
|
|
<div class="col-sm-6 ps-0 py-3 slider-blog-arrow">
|
|
<a href="blog-details.html" class="align-items-center d-flex">
|
|
<i class="fa-solid fa-arrow-left text-primary flex-shrink-0"></i>
|
|
<div class="flex-grow-1 ms-3">
|
|
<p class="font-caveat fs-4 fw-medium text-primary">Previous post</p>
|
|
<h5 class="mb-0">In a nisl quis lectus dapibus mattis nec vitae justo.</h5>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-6 pe-0 py-3 slider-blog-arrow">
|
|
<a href="blog-details.html" class="align-items-center d-flex">
|
|
<div class="flex-grow-1 me-3 text-end">
|
|
<p class="font-caveat fs-4 fw-medium text-primary">Next post</p>
|
|
<h5 class="mb-0">Ut eleifend elit tempus tempus luctus.</h5>
|
|
</div>
|
|
<i class="fa-solid fa-arrow-right text-primary flex-shrink-0"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. blog pagination -->
|
|
<!-- start author info -->
|
|
<div class="author-info border p-4 mb-5 rounded mt-5">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0">
|
|
<img src="assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
|
|
</div>
|
|
<div class="flex-grow-1 ms-4">
|
|
<div class="mb-2">
|
|
<div class="fs-12 fw-medium l-spacing-1 text-muted text-uppercase">Written by</div>
|
|
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
|
|
</div>
|
|
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
|
|
<div class="align-items-center d-flex fs-18 gap-4 mt-4">
|
|
<a href="#"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="#"><i class="fa-brands fa-facebook"></i></a>
|
|
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. author info -->
|
|
<!-- start reviews section -->
|
|
<div class="mb-4 mt-5">
|
|
<h4 class="fw-semibold fs-3 mb-4">6 <span class="font-caveat text-primary">Comments</span></h4>
|
|
<div class="d-flex mb-4 border-bottom pb-4">
|
|
<div class="flex-shrink-0">
|
|
<img src="assets/images/avatar/01.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
|
|
</div>
|
|
<div class="flex-grow-1 ms-4">
|
|
<div class="comment-header mb-3">
|
|
<h4 class="fs-18 mb-0">- Ethan Blackwood</h4>
|
|
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
|
|
</div>
|
|
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which.</div>
|
|
<div class="d-flex align-items-center gap-3 mt-4">
|
|
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
|
|
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
|
|
</svg>
|
|
<span class="fw-semibold">0</span>
|
|
</a>
|
|
<!-- Riplay open button -->
|
|
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
|
|
Reply
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<!-- Riplay form -->
|
|
<div class="reply-form">
|
|
<div class="my-4 d-flex justify-content-between">
|
|
<h4 class="mb-0 fw-semibold">Reply to Ethan Blackwood</h4>
|
|
<!-- Riplay close button -->
|
|
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
|
|
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<form class="g-sm-4 gy-4 row">
|
|
<div class="col-sm-6">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Full Name</label>
|
|
<input type="text" class="form-control" placeholder="Enter your name" required="">
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Email Address</label>
|
|
<input type="text" class="form-control" placeholder="Enter your email address">
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Comment</label>
|
|
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<div class="form-check mb-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
|
<label class="form-check-label text-muted" for="flexCheckDefault">
|
|
By using this form you agree with the storage and handling of your data. *
|
|
</label>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Leave a comment</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- end /. review -->
|
|
<div class="d-flex mt-4 border-top pt-4">
|
|
<div class="flex-shrink-0">
|
|
<img src="assets/images/avatar/06.jpg" alt="..." height="60" width="60" class="object-fit-cover rounded-circle">
|
|
</div>
|
|
<div class="flex-grow-1 ms-3">
|
|
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
|
|
<div>
|
|
<h4 class="fs-18 mb-0">- Gabriel North</h4>
|
|
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
|
|
</div>
|
|
</div>
|
|
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
|
|
<div class="d-flex align-items-center gap-3 mt-4">
|
|
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
|
|
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
|
|
</svg>
|
|
<span class="fw-semibold">0</span>
|
|
</a>
|
|
<!-- Riplay open button -->
|
|
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
|
|
Reply
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<!-- Riplay form -->
|
|
<div class="reply-form">
|
|
<div class="my-4 d-flex justify-content-between">
|
|
<h4 class="mb-0 fw-semibold">Reply to Gabriel North</h4>
|
|
<!-- Riplay close button -->
|
|
<a href="#" class="reply-close-btn" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
|
|
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<form class="row g-4">
|
|
<div class="col-sm-6">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Full Name</label>
|
|
<input type="text" class="form-control" placeholder="Enter your name" required="">
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Email Address</label>
|
|
<input type="text" class="form-control" placeholder="Enter your email address">
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Comment</label>
|
|
<textarea class="form-control" rows="7" placeholder="Your comment"></textarea>
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<div class="form-check mb-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
|
<label class="form-check-label text-muted" for="flexCheckDefault">
|
|
By using this form you agree with the storage and handling of your data. *
|
|
</label>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Leave a comment</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex mb-4 border-bottom pb-4">
|
|
<div class="flex-shrink-0">
|
|
<img src="assets/images/avatar/04.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
|
|
</div>
|
|
<div class="flex-grow-1 ms-3">
|
|
<div class="comment-header mb-3">
|
|
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
|
|
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
|
|
</div>
|
|
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </div>
|
|
<div class="d-flex align-items-center gap-3 mt-4">
|
|
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
|
|
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
|
|
</svg>
|
|
<span class="fw-semibold">0</span>
|
|
</a>
|
|
<!-- Riplay open button -->
|
|
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
|
|
Reply
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex mb-4">
|
|
<div class="flex-shrink-0">
|
|
<img src="assets/images/avatar/05.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
|
|
</div>
|
|
<div class="flex-grow-1 ms-3">
|
|
<div class="comment-header mb-3">
|
|
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
|
|
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
|
|
</div>
|
|
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
|
|
<div class="d-flex align-items-center gap-3 mt-4">
|
|
<a href="#" class="align-items-center btn btn-light btn-sm d-inline-flex gap-2 px-3 rounded-pill">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
|
|
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
|
|
</svg>
|
|
<span class="fw-semibold">0</span>
|
|
</a>
|
|
<!-- Riplay open button -->
|
|
<a href="#" class="fs-14 fw-semibold l-spacing-1 reply-open text-uppercase">
|
|
Reply
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. reviews section -->
|
|
<hr class="my-5">
|
|
<!-- start comment form section -->
|
|
<div class="mb-4 mb-lg-0">
|
|
<div class="mb-4">
|
|
<h4 class="fw-semibold fs-3 mb-1">Leave a <span class="font-caveat text-primary">Reply</span></h4>
|
|
<p class="required">Your email address will not be published. Required fields are marked </p>
|
|
</div>
|
|
<form class="row g-4">
|
|
<div class="col-sm-6">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Full Name</label>
|
|
<input type="text" class="form-control" placeholder="Enter your name" required="">
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Email Address</label>
|
|
<input type="text" class="form-control" placeholder="Enter your email address">
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<!-- start form group -->
|
|
<div class="">
|
|
<label class="required fw-medium mb-2">Comment</label>
|
|
<textarea class="form-control" rows="7" placeholder="Tell us what we can help you with!"></textarea>
|
|
</div>
|
|
<!-- end /. form group -->
|
|
</div>
|
|
<div class="col-sm-12 text-end">
|
|
<button type="submit" class="btn btn-primary">Leave a comment</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- end /. comment form section -->
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end /. content -->
|
|
<!-- 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> |