Properties Creative
Featured
For Sale
1421 San Pedro St, Los Angeles
Villa on Hollywood Boulevard
$1.250.000
- 3 Br
- 3 Ba
- 2300 Sq.Ft
Home in Metric Way
1421 San Pedro St, Los Angeles
For Sale
Lorem ipsum dolor sit amet, sectetur cing elit uspe ndisse suscorem ipsum dolor sitorem
$1.250.000
- 3 Bedrooms
- 3 Bathrooms
- 2300 Sq.Ft
Garden Gingerbread House
1421 San Pedro St, Los Angeles
For Sale
Lorem ipsum dolor sit amet, sectetur cing elit uspe ndisse suscorem ipsum dolor sitorem
$1.250.000
- 3 Bedrooms
- 3 Bathrooms
- 2300 Sq.Ft
<section class="pt-8">
<div class="container container-xxl">
<div class="row">
<div class="col-lg-4 col-xl-6 custom-col-5-xl-to-xxl mb-6 fadeInLeft animated" data-animate="fadeInLeft">
<div class="card border-sm-0 mb-6 mb-xl-0 bg-properties-creative h-100">
<div class="card-body p-2 d-flex flex-column">
<div class="mb-auto">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-primary">For Sale</span>
</div>
<div class="bg-white mx-sm-2 mb-sm-2 mt-lg-0 mt-11 d-md-flex p-4 rounded-md pt-4 flex-column flex-md-row flex-lg-column flex-xl-row ">
<div class="mr-auto">
<p class="mb-0 font-weight-500 text-gray-light">1421 San Pedro St, Los Angeles</p>
<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-20 lh-16 text-dark hover-primary d-block">Villa on Hollywood Boulevard</a>
</h2>
</div>
<div class="mt-2 mt-lg-0">
<p class="fs-20 font-weight-bold text-heading mb-0">$1.250.000</p>
<ul class="list-inline d-flex mb-0 flex-wrap mr-n3">
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center mr-3" data-toggle="tooltip" title="" data-original-title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center mr-3" data-toggle="tooltip" title="" data-original-title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center mr-3" data-toggle="tooltip" title="" data-original-title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 col-xl-6 custom-col-7-xl-to-xxl fadeInRight animated" data-animate="fadeInRight">
<div class="media flex-column flex-md-row mb-6">
<div class="w-md-200 mr-md-4 card border-0 hover-change-image bg-hover-overlay">
<img src="../../../images/properties-creative-02.jpg" class="card-img" alt="Home in Metric Way">
<div class="card-img-overlay p-2">
<span class="badge badge-orange position-absolute">Featured</span>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#" class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="media-body border-md-0 border p-4 p-md-0 w-100">
<h2 class="mt-0 mb-1"><a href="../../../single-property-1.html" class="fs-16 lh-2 text-dark hover-primary d-block">Home in Metric Way</a>
</h2>
<p class="mb-2 font-weight-500 text-gray-light">1421 San Pedro St, Los Angeles</p>
<p class="fs-13 font-weight-500 letter-spacing-087 text-primary text-uppercase mb-1">For
Sale</p>
<p class="mb-2 ml-0 pr-xl-7 fs-14">Lorem ipsum dolor sit amet, sectetur cing elit uspe ndisse suscorem ipsum dolor sitorem</p>
<div class="d-sm-flex justify-content-sm-between">
<p class="fs-20 font-weight-bold text-heading mb-0 lh-13">$1.250.000</p>
<ul class="list-inline d-flex mb-0 mt-3 mt-sm-0 flex-wrap">
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center ml-sm-3 mr-3 mr-sm-0" data-toggle="tooltip" title="" data-original-title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Bedrooms
</li>
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center ml-sm-3 mr-3 mr-sm-0" data-toggle="tooltip" title="" data-original-title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Bathrooms
</li>
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center ml-sm-3 mr-3 mr-sm-0" data-toggle="tooltip" title="" data-original-title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
</div>
<div class="media flex-column flex-md-row mb-6">
<div class="w-md-200 mr-md-4 card border-0 hover-change-image bg-hover-overlay">
<img src="../../../images/properties-creative-03.jpg" class="card-img" alt="Garden Gingerbread House">
<div class="card-img-overlay p-2">
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#" class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="media-body border-md-0 border p-4 p-md-0 w-100">
<h2 class="mt-0 mb-1"><a href="../../../single-property-1.html" class="fs-16 lh-2 text-dark hover-primary d-block">Garden Gingerbread House</a>
</h2>
<p class="mb-2 font-weight-500 text-gray-light">1421 San Pedro St, Los Angeles</p>
<p class="fs-13 font-weight-500 letter-spacing-087 text-primary text-uppercase mb-1">For
Sale</p>
<p class="mb-2 ml-0 pr-xl-7 fs-14">Lorem ipsum dolor sit amet, sectetur cing elit uspe ndisse suscorem ipsum dolor sitorem</p>
<div class="d-sm-flex justify-content-sm-between">
<p class="fs-20 font-weight-bold text-heading mb-0 lh-13">$1.250.000</p>
<ul class="list-inline d-flex mb-0 mt-3 mt-sm-0 flex-wrap">
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center ml-sm-3 mr-3 mr-sm-0" data-toggle="tooltip" title="" data-original-title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Bedrooms
</li>
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center ml-sm-3 mr-3 mr-sm-0" data-toggle="tooltip" title="" data-original-title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Bathrooms
</li>
<li class="list-inline-item text-gray font-weight-500 fs-13 d-flex align-items-center ml-sm-3 mr-3 mr-sm-0" data-toggle="tooltip" title="" data-original-title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>