City Grid
The elements related to the property city of the web page
City Grid 01
<div style="max-width: 290px">
<div class="card text-white bg-overlay-gradient-8 hover-zoom-in">
<img src="../../images/properties-city-01.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="card-title mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="card-text fs-13 font-weight-500 letter-spacing-087">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>City Grid 02
<div style="max-width: 290px">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="../../images/properties-city-06.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>City Grid 03
Los Angeles
12 Properties
<div style="max-width: 280px">
<div class="card border-0">
<a href="../../single-property-1.html" class="hover-zoom-in d-block">
<img src="../../images/properties-city-11.jpg" class="card-img" alt="Los Angeles">
</a>
<div class="card-body p-0 mt-2">
<h2 class="mb-0"><a href="../../single-property-1.html" class="text-dark hover-primary fs-16 lh-2 ">Los Angeles</a></h2>
<p class="font-weight-500 text-gray-light mb-0">12 Properties</p>
</div>
</div>
</div>City Grid 04
<div class="row">
<div class="col-lg-6">
<div class="row flex-md-row flex-column">
<div class="col-lg-6 mb-6">
<div class="card border-0 text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="../../images/properties-city-15.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>
<div class="col-lg-6 mb-6">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="../../images/properties-city-16.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>
<div class="col-lg-6 mb-lg-0 mb-6">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="../../images/properties-city-17.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>
<div class="col-lg-6 mb-lg-0 mb-6">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="../../images/properties-city-18.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="../../images/properties-city-14.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="card-title mb-0 fs-20 lh-182"><a href="../../single-property-1.html" class="text-white">New York</a></h2>
<p class="card-text fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</span></p>
</div>
</div>
</div>
</div>