@extends('frontend.layouts.main')

<!-- Pushed Child Page Title -->
@push('title')
<title>Property</title>
@endpush

@section('main-container')
<h2 class="text-center mt-3" style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
		color: black;
		text-decoration: underline;
		text-decoration-color: var(--yellow);">All Property</h2>
	
	    <div class="d-flex justify-content-between mx-5">
	    <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{url('/')}}" class="text-decoration-none" style="color: black;">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Property</li>
  </ol>
</nav>

		<form class="d-flex" role="search">
        <input style="border: none; border-left: 3px solid var(--yellow);" class="form-control shadow-none me-2" type="search" placeholder="Search Property" aria-label="Search">
        <button class="btn shadow-none btn-warning btn-sm px-3" type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="black" 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></button>
      </form>
								    
		</div>
	
		<hr>
		<div class="slider">
<section class="blog-slider">
	<div class="section mx-2">
	
					<div class="cards-wrapper">

						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 01</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/5-Marla-House.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>5 Marla Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 1,200,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
							 	<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.sit amet, consectetuer adipiscing.</p>
								  --> </div> 
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/10-Marla-House.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>10 Marla PLot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 2400,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								-->  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">October 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/1-Kanal-House.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>1 Kanal Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								   <div class="d-flex justify-content-around">
								    <h6>Rs: 4000,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								  --></div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
				  
			  </div>
			  
			  
			  
			  
					<div class="cards-wrapper">

						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 01</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/property4.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>5 Marla Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 1,200,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
							<!--		<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.sit amet, consectetuer adipiscing.</p>
							-->	  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot2.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>10 Marla PLot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 2,400,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
							<!--		<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
							-->	  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">October 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot3.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>1 Kanal Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								   <div class="d-flex justify-content-around">
								    <h6>Rs: 40,00,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								 --> </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
				  
			  </div>
					<div class="cards-wrapper">

						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 01</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/property4.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>5 Marla Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 1,200,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.sit amet, consectetuer adipiscing.</p>
								 --> </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot2.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>10 Marla PLot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 2,400,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								-->  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">October 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot3.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>1 Kanal Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								   <div class="d-flex justify-content-around">
								    <h6>Rs: 4,000,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								-->  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
				  
			  </div>
					<div class="cards-wrapper">

						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 01</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/property4.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>5 Marla Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 1,200,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.sit amet, consectetuer adipiscing.</p>
								 --> </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot2.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>10 Marla PLot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 2,400,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								-->  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">October 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot3.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>1 Kanal Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								   <div class="d-flex justify-content-around">
								    <h6>Rs: 4,000,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								 --> </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
				  
			  </div>
					<div class="cards-wrapper">

						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 01</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/property4.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>5 Marla Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 1,200,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
							<!--		<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.sit amet, consectetuer adipiscing.</p>
							-->	  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot2.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>10 Marla PLot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 2,400,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
							<!--		<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
							-->	  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">October 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot3.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>1 Kanal Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								   <div class="d-flex justify-content-around">
								    <h6>Rs: 4,000,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
							<!--		<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
							-->	  </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
				  
			  </div>
					<div class="cards-wrapper">

						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 01</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/property4.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>5 Marla Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 1,200,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.sit amet, consectetuer adipiscing.</p>
								 --> </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">August 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot2.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>10 Marla PLot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								  <div class="d-flex justify-content-around">
								    <h6>Rs: 2,400,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-half"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								 --> </div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
						<div class="blog-cards">
							<div class="col-md-12" >
							  <div class="item-box-blog">
								<div class="item-box-blog-image">
								  <!--Date-->
								  <div class="item-box-blog-date bg-blue-ui white"> <span class="mon">October 02</span> </div>
								  <!--Image-->
								  <figure> <img class="image-wrapper" alt="" src="frontend/images/plots/plot3.jpg"> </figure>
								</div>
								<div class="item-box-blog-body">
								  <!--Heading-->
								  <div class="item-box-blog-heading">
									<a href="#" tabindex="0">
									  <h3>1 Kanal Plot For Sale</h3>
									</a>
								  </div>
								  <!--Data-->
								   <div class="d-flex justify-content-around">
								    <h6>Rs: 4,000,000</h6>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								    <span style="color: orange;"><i class="bi bi-star-fill"></i></span>
								  </div>
								  <!--Text-->
								  <div class="item-box-blog-text">
								<!--	<p>Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor.</p>
								  --></div>
								  <div class="mt"> <a href="#" tabindex="0" class="btn bg-blue-ui white read">Read more</a> </div>
								  <!--Read More Button-->
								</div>
							  </div>
							</div>
					</div>
				  
			  </div>
			  </div>
			  
</section>
   
      
@endsection