Listing Style 1
<section class="listings elements-page elements-img">
<div class="container">
<div class="listings-block">
<div class="listing1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="listing-block">
<a title="Listing Details" href="#" class="listing-img-wrapper">
<img src="../themes/custom/directory/assets/theme/img/elements/listing/listing-1.png" alt="Listing Image" />
<div class="rating-block">
<div class="rating-wrapper">
<p class="rating-value"><span>4.5</span></p>
<ul class="list-unstyled mb-0">
<li><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i></li>
<li><p><span>10</span> reviews</p></li>
</ul>
</div>
<div class="rating-img">
<svg xmlns="http://www.w3.org/2000/svg" width="26.667" height="25.6" viewBox="0 0 26.667 25.6">
<g transform="translate(0 -3.2)">
<path d="M0,3.2V28.8H26.667V3.2ZM1.067,19.307l7.467-7.84,7.413,7.413,3.733-3.2,5.547,5.653H1.067V19.306ZM25.6,27.733H1.067V22.4H25.6Zm0-7.52-5.813-6.027-3.733,3.2L8.534,9.919l-7.467,7.84V4.266H25.6Z"></path>
<path d="M19.733,11.733a2.667,2.667,0,1,0-2.667-2.667A2.641,2.641,0,0,0,19.733,11.733Zm0-4.266a1.6,1.6,0,1,1-1.6,1.6A1.571,1.571,0,0,1,19.733,7.467Z"></path>
</g>
</svg>
</div>
</div>
</a>
<div class="listing-content-wrapper">
<div class="listing-content-top">
<h6><a title="Listing Details" href="#">Listing Title</a></h6>
<ul class="list-unstyled mb-0">
<li><a title="Address" href="#"><i class="fas fa-map-marker-alt"></i> 21st Main Street New York, USA</a></li>
<li><a title="Call To" href="tel:+312562569966"><i class="fas fa-phone-alt"></i> +31 256 256 9966</a></li>
</ul>
</div>
<div class="listing-content-bottom">
<a title="Restaurants" href="#"><i class="fas fa-tags"></i> Restaurants</a>
<a title="Wishlist" href="#"><i class="far fa-heart"></i> Wishlist</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="listing-block">
<a title="Listing Details" href="#" class="listing-img-wrapper">
<img src="../themes/custom/directory/assets/theme/img/elements/listing/listing-2.png" alt="Listing Image" />
<div class="rating-block">
<div class="rating-wrapper">
<p class="rating-value"><span>4.5</span></p>
<ul class="list-unstyled mb-0">
<li><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i></li>
<li><p><span>10</span> reviews</p></li>
</ul>
</div>
<div class="rating-img">
<svg xmlns="http://www.w3.org/2000/svg" width="26.667" height="25.6" viewBox="0 0 26.667 25.6">
<g transform="translate(0 -3.2)">
<path d="M0,3.2V28.8H26.667V3.2ZM1.067,19.307l7.467-7.84,7.413,7.413,3.733-3.2,5.547,5.653H1.067V19.306ZM25.6,27.733H1.067V22.4H25.6Zm0-7.52-5.813-6.027-3.733,3.2L8.534,9.919l-7.467,7.84V4.266H25.6Z"></path>
<path d="M19.733,11.733a2.667,2.667,0,1,0-2.667-2.667A2.641,2.641,0,0,0,19.733,11.733Zm0-4.266a1.6,1.6,0,1,1-1.6,1.6A1.571,1.571,0,0,1,19.733,7.467Z"></path>
</g>
</svg>
</div>
</div>
</a>
<div class="listing-content-wrapper">
<div class="listing-content-top">
<h6><a title="Listing Details" href="#">Listing Title</a></h6>
<ul class="list-unstyled mb-0">
<li><a title="Address" href="#"><i class="fas fa-map-marker-alt"></i> 21st Main Street New York, USA</a></li>
<li><a title="Call To" href="tel:+312562569966"><i class="fas fa-phone-alt"></i> +31 256 256 9966</a></li>
</ul>
</div>
<div class="listing-content-bottom">
<a title="Restaurants" href="#"><i class="fas fa-tags"></i> Restaurants</a>
<a title="Wishlist" href="#"><i class="far fa-heart"></i> Wishlist</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="listing-block">
<a title="Listing Details" href="#" class="listing-img-wrapper">
<img src="../themes/custom/directory/assets/theme/img/elements/listing/listing-3.png" alt="Listing Image" />
<div class="rating-block">
<div class="rating-wrapper">
<p class="rating-value"><span>4.5</span></p>
<ul class="list-unstyled mb-0">
<li><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i></li>
<li><p><span>10</span> reviews</p></li>
</ul>
</div>
<div class="rating-img">
<svg xmlns="http://www.w3.org/2000/svg" width="26.667" height="25.6" viewBox="0 0 26.667 25.6">
<g transform="translate(0 -3.2)">
<path d="M0,3.2V28.8H26.667V3.2ZM1.067,19.307l7.467-7.84,7.413,7.413,3.733-3.2,5.547,5.653H1.067V19.306ZM25.6,27.733H1.067V22.4H25.6Zm0-7.52-5.813-6.027-3.733,3.2L8.534,9.919l-7.467,7.84V4.266H25.6Z"></path>
<path d="M19.733,11.733a2.667,2.667,0,1,0-2.667-2.667A2.641,2.641,0,0,0,19.733,11.733Zm0-4.266a1.6,1.6,0,1,1-1.6,1.6A1.571,1.571,0,0,1,19.733,7.467Z"></path>
</g>
</svg>
</div>
</div>
</a>
<div class="listing-content-wrapper">
<div class="listing-content-top">
<h6><a title="Listing Details" href="#">Listing Title</a></h6>
<ul class="list-unstyled mb-0">
<li><a title="Address" href="#"><i class="fas fa-map-marker-alt"></i> 21st Main Street New York, USA</a></li>
<li><a title="Call To" href="tel:+312562569966"><i class="fas fa-phone-alt"></i> +31 256 256 9966</a></li>
</ul>
</div>
<div class="listing-content-bottom">
<a title="Restaurants" href="#"><i class="fas fa-tags"></i> Restaurants</a>
<a title="Wishlist" href="#"><i class="fa-solid fa-heart"></i> Wishlisted</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Listing Style 2
<section class="listings elements-page elements-img">
<div class="container">
<div class="listings-block">
<div class="listing2">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="listing-block">
<a title="Listing Details" href="#" class="listing-img-wrapper">
<img src="../themes/custom/directory/assets/theme/img/elements/listing/listing-4.png" alt="Listing Image" />
</a>
<div class="listing-content-wrapper">
<div class="listing-content-top">
<h6><a title="Listing Details" href="#">Listing Title</a></h6>
<ul class="list-unstyled mb-0">
<li><a title="Address" href="#"><i class="fas fa-map-marker-alt"></i> 21st Main Street New York, USA</a></li>
<li><a title="Call To" href="tel:+312562569966"><i class="fas fa-phone-alt"></i> +31 256 256 9966</a></li>
</ul>
</div>
<div class="listing-content-bottom">
<a title="Restaurants" href="#"><i class="fas fa-tags"></i> Restaurants</a>
<a title="Wishlist" href="#"><i class="far fa-heart"></i> Wishlist</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="listing-block">
<a title="Listing Details" href="#" class="listing-img-wrapper">
<img src="../themes/custom/directory/assets/theme/img/elements/listing/listing-5.png" alt="Listing Image" />
</a>
<div class="listing-content-wrapper">
<div class="listing-content-top">
<h6><a title="Listing Details" href="#">Listing Title</a></h6>
<ul class="list-unstyled mb-0">
<li><a title="Address" href="#"><i class="fas fa-map-marker-alt"></i> 21st Main Street New York, USA</a></li>
<li><a title="Call To" href="tel:+312562569966"><i class="fas fa-phone-alt"></i> +31 256 256 9966</a></li>
</ul>
</div>
<div class="listing-content-bottom">
<a title="Restaurants" href="#"><i class="fas fa-tags"></i> Restaurants</a>
<a title="Wishlist" href="#"><i class="far fa-heart"></i> Wishlist</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="listing-block">
<a title="Listing Details" href="#" class="listing-img-wrapper">
<img src="../themes/custom/directory/assets/theme/img/elements/listing/listing-6.png" alt="Listing Image" />
</a>
<div class="listing-content-wrapper">
<div class="listing-content-top">
<h6><a title="Listing Details" href="#">Listing Title</a></h6>
<ul class="list-unstyled mb-0">
<li><a title="Address" href="#"><i class="fas fa-map-marker-alt"></i> 21st Main Street New York, USA</a></li>
<li><a title="Call To" href="tel:+312562569966"><i class="fas fa-phone-alt"></i> +31 256 256 9966</a></li>
</ul>
</div>
<div class="listing-content-bottom">
<a title="Restaurants" href="#"><i class="fas fa-tags"></i> Restaurants</a>
<a title="Wishlist" href="#"><i class="fa-solid fa-heart"></i> Wishlisted</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>