Properties Creative

<section class="pt-8">
	<div class="container container-xxl">
		<div class="row">
			<div class="col-md-6 col-lg-4">
				<div class="card border-0 bg-overlay-gradient-6 rounded-lg mb-6 zoomIn animated" data-animate="zoomIn">
					<img src="../../../images/properties-creative-04.jpg" class="card-img" alt="Villa on Hollywood Boulevard">
					<div class="card-img-overlay d-flex flex-column position-relative-sm p-4">
						<div class="d-flex">
							<div class="mr-auto">
								<span class="badge badge-indigo">For Rent</span>
							</div>
							<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-white bg-dark-opacity-03 bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
										<i class="fas 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-white bg-dark-opacity-03 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 class="mt-auto">
							<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-20 lh-16 text-white">Villa on Hollywood Boulevard</a></h2>
							<p class="mb-3 font-weight-500 text-white-60">1421 San Pedro St, Los Angeles</p>
							<div class="d-lg-flex justify-content-lg-between border-top border-white-opacity-03 pt-2 flex-wrap">
								<p class="fs-20 font-weight-bold text-white lh-13 mb-0">$1.250.000</p>
								<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5 ">
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 Ba
									</li>
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 class="card border-0 bg-overlay-gradient-6 rounded-lg mb-6 zoomIn animated" data-animate="zoomIn">
					<img src="../../../images/properties-creative-06.jpg" class="card-img" alt="Villa on Hollywood Boulevard">
					<div class="card-img-overlay d-flex flex-column position-relative-sm p-4">
						<div class="d-flex">
							<div class="mr-auto">
								<span class="badge badge-indigo">For Rent</span>
							</div>
							<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-white bg-dark-opacity-03 bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
										<i class="fas 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-white bg-dark-opacity-03 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 class="mt-auto">
							<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-20 lh-16 text-white">Villa on Hollywood Boulevard</a></h2>
							<p class="mb-3 font-weight-500 text-white-60">1421 San Pedro St, Los Angeles</p>
							<div class="d-lg-flex justify-content-lg-between border-top border-white-opacity-03 pt-2 flex-wrap">
								<p class="fs-20 font-weight-bold text-white lh-13 mb-0">$1.250.000</p>
								<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5 ">
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 Ba
									</li>
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-md-6 col-lg-4">
				<div class="card border-0 bg-overlay-gradient-6 rounded-lg mb-6 zoomIn animated" data-animate="zoomIn">
					<img src="../../../images/properties-creative-05.jpg" class="card-img" alt="Villa on Hollywood Boulevard">
					<div class="card-img-overlay d-flex flex-column position-relative-sm p-4">
						<div class="d-flex">
							<div class="mr-auto">
								<span class="badge badge-indigo">For Rent</span>
							</div>
							<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-white bg-dark-opacity-03 bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
										<i class="fas 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-white bg-dark-opacity-03 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 class="mt-auto">
							<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-20 lh-16 text-white">Villa on Hollywood Boulevard</a></h2>
							<p class="mb-3 font-weight-500 text-white-60">1421 San Pedro St, Los Angeles</p>
							<div class="d-lg-flex justify-content-lg-between border-top border-white-opacity-03 pt-2 flex-wrap">
								<p class="fs-20 font-weight-bold text-white lh-13 mb-0">$1.250.000</p>
								<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5 ">
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 Ba
									</li>
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 class="card border-0 bg-overlay-gradient-6 rounded-lg mb-6 zoomIn animated" data-animate="zoomIn">
					<img src="../../../images/properties-creative-07.jpg" class="card-img" alt="Villa on Hollywood Boulevard">
					<div class="card-img-overlay d-flex flex-column position-relative-sm p-4">
						<div class="d-flex">
							<div class="mr-auto">
								<span class="badge badge-indigo">For Rent</span>
							</div>
							<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-white bg-dark-opacity-03 bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
										<i class="fas 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-white bg-dark-opacity-03 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 class="mt-auto">
							<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-20 lh-16 text-white">Villa on Hollywood Boulevard</a></h2>
							<p class="mb-3 font-weight-500 text-white-60">1421 San Pedro St, Los Angeles</p>
							<div class="d-lg-flex justify-content-lg-between border-top border-white-opacity-03 pt-2 flex-wrap">
								<p class="fs-20 font-weight-bold text-white lh-13 mb-0">$1.250.000</p>
								<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5 ">
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 Ba
									</li>
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-4 mb-6">
				<div class="card border-0 bg-overlay-gradient-6 rounded-lg bg-cover h-100 zoomIn animated" data-animate="zoomIn" style="background-image: url('../../../images/properties-creative-08.jpg')">
					<div class="card-body d-flex flex-column z-index-2 p-sm-4 p-2">
						<div class="d-flex">
							<div class="mr-auto">
								<span class="badge badge-indigo">For Rent</span>
							</div>
							<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-white bg-dark-opacity-03 bg-hover-primary hover-white" data-toggle="tooltip" title="" data-original-title="Wishlist">
										<i class="fas 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-white bg-dark-opacity-03 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 class="mt-lg-auto mt-15">
							<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-20 lh-16 text-white">Villa on Hollywood Boulevard</a></h2>
							<p class="mb-3 font-weight-500 text-white-60">1421 San Pedro St, Los Angeles</p>
							<div class="d-lg-flex justify-content-lg-between border-top border-white-opacity-03 pt-2 flex-wrap">
								<p class="fs-20 font-weight-bold text-white lh-13 mb-0">$1.250.000</p>
								<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5 ">
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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 Ba
									</li>
									<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5" 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>
	</div>
</section>