<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>Plot Listing Page</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-plot-listing.css">
<link rel="stylesheet" href="assets/css/animated.css">
<link rel="stylesheet" href="assets/css/owl.css">
<!--
TemplateMo 564 Plot Listing
https://templatemo.com/tm-564-plot-listing
-->
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky wow slideInDown" data-wow-duration="0.75s" data-wow-delay="0s">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="category.html">Category</a></li>
<li><a href="listing.html" class="active">Listing</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><div class="main-white-button"><a href="#"><i class="fa fa-plus"></i> Add Your Listing</a></div></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<div class="page-heading">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="top-text header-text">
<h6>Check Out Our Listings</h6>
<h2>Item listings of Different Categories</h2>
</div>
</div>
</div>
</div>
</div>
<div class="listing-page">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="naccs">
<div class="grid">
<div class="row">
<div class="col-lg-3">
<div class="menu">
<div class="first-thumb active">
<div class="thumb">
<span class="icon"><img src="assets/images/search-icon-01.png" alt=""></span>
Apartments
</div>
</div>
<div>
<div class="thumb">
<span class="icon"><img src="assets/images/search-icon-02.png" alt=""></span>
Food & Life
</div>
</div>
<div>
<div class="thumb">
<span class="icon"><img src="assets/images/search-icon-03.png" alt=""></span>
Cars
</div>
</div>
<div class="last-thumb">
<div class="thumb">
<span class="icon"><img src="assets/images/search-icon-04.png" alt=""></span>
Traveling
</div>
</div>
</div>
</div>
<div class="col-lg-9">
<ul class="nacc">
<!-- first category listing of items -->
<li class="active">
<div>
<div class="col-lg-12">
<div class="owl-carousel owl-listing">
<div class="item">
<div class="row">
<div class="col-lg-12">
<div class="listing-item">
<div class="left-image">
<a href="#"><img src="assets/images/listing-01.jpg" alt=""></a>
<div class="hover-content">
<div class="main-white-button">
<a href="contact.html"><i class="fa fa-eye"></i> Contact Now</a>
</div>
</div>
</div>
<div class="right-content align-self-center">
<a href="#"><h4>Sunshine Paradise Apartment</h4></a>
<h6>by: Real ESTATE Agent</h6>
<span class="price"><div class="icon"><img src="assets/images/listing-icon-01.png" alt=""></div> $600 / month included tax</span>
<span class="details">Details: <em>860 sq ft</em></span>
<span class="info"><img src="assets/images/listing-icon-02.png" alt=""> 2 Bedrooms<br><img src="assets/images/listing-icon-03.png" alt=""> 3 Bathrooms</span>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="listing-item">
<div class="left-image">
<a href="#"><img src="assets/images/listing-02.jpg" alt=""></a>
<div class="hover-content">
<div class="main-white-button">
<a href="contact.html"><i class="fa fa-eye"></i> Contact Now</a>
</div>
</div>
</div>
<div class="right-content align-self-center">
<a href="#"><h4>Best one in this category</h4></a>
<h6>by: Real ESTATE Agent</h6>
<span class="price"><div class="icon"><img src="assets/images/listing-icon-01.png" alt=""></div> $800 / month included tax</span>
<span class="details">Details: <em>860 sq ft</em></span>
<span class="info"><img src="assets/images/listing-icon-02.png" alt=""> 2 Bedrooms<br><img src="assets/images/listing-icon-03.png" alt=""> 3 Bathrooms</span>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="listing-item">
<div class="left-image">
<a href="#"><img src="assets/ima