Agent Creative
Pearl Sanders
/ Real Estate Broker
Suspe ndisse suscipit sagittis leo sit met condim entum eipsum dolor sit amet
Pearl Sanders
/ Real Estate Broker
Suspe ndisse suscipit sagittis leo sit met condim entum eipsum dolor sit amet
<section>
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 fadeInLeft animated" data-animate="fadeInLeft">
<div class="card bg-overlay-gradient-4 rounded-0 border-0 bg-overlay-opacity-74">
<img src="../../../images/agent-creative-03.jpg" class="card-img rounded-0" alt="Tommy Wolfe">
<div class="card-img-overlay d-flex flex-column justify-content-end p-6 position-relative-sm">
<div class="border-white-opacity-03 border-bottom">
<h2 class="mb-1"><a href="#" class="fs-22 text-white">Tommy Wolfe</a></h2>
<p class="text-lighter mb-1">/ Sales Excutive</p>
<p class="text-lighter mb-4">Lorem ipsum dolor sit amet, consecte tur cing elit. Suspe
ndisse suscipit sagittis leo sit met condim entum, consecte tur cineoi</p>
</div>
<div class="d-sm-flex mt-5 align-items-sm-center">
<ul class="list-inline mb-0 mr-sm-auto mb-sm-0 mb-3 d-flex">
<li class="list-inline-item mr-2">
<a href="#" class="w-40px h-40 rounded-circle bg-white text-body bg-hover-primary hover-white d-flex align-items-center justify-content-center"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-2">
<a href="#" class="w-40px h-40 rounded-circle bg-white text-body bg-hover-primary hover-white d-flex align-items-center justify-content-center"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-2">
<a href="#" class="w-40px h-40 rounded-circle bg-white text-body bg-hover-primary hover-white d-flex align-items-center justify-content-center">
<i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mr-2">
<a href="#" class="w-40px h-40 rounded-circle bg-white text-body bg-hover-primary hover-white d-flex align-items-center justify-content-center"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
<a href="#" class="d-flex bg-white rounded p-2 mxw-253 w-100 fs-13 font-weight-500 text-heading justify-content-center align-items-center">
<span class="badge w-28px h-28 bg-gray-01 rounded-circle border d-inline-flex align-items-center justify-content-center">5</span>
<span class="mx-2">Listed Properties</span>
<i class="fas fa-long-arrow-alt-right text-primary"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-6 mt-lg-0">
<div class="card border-md-0 mb-6 mb-md-0 fadeInRight animated" data-animate="fadeInRight">
<div class="row no-gutters d-flex align-items-center h-100">
<div class="col-md-6 bg-overlay-gradient-2 bg-overlay-opacity-44">
<img src="../../../images/agent-creative-01.jpg" class="card-img rounded-0" alt="Pearl Sanders">
<div class="card-img-overlay d-flex flex-column justify-content-end p-4">
<a href="#" class="d-flex bg-white rounded p-2 mxw-253 w-100 fs-13 font-weight-500 text-heading justify-content-center align-items-center">
<span class="badge w-28px h-28 bg-gray-01 rounded-circle border d-inline-flex align-items-center justify-content-center">5</span>
<span class="mx-2">Listed Properties</span>
<i class="fas fa-long-arrow-alt-right text-primary"></i>
</a>
</div>
</div>
<div class="col-md-6">
<div class="card-body pl-xl-6 pr-xl-7 arrow-box">
<h2 class="mb-1"><a href="#" class="fs-18 font-weight-500 text-dark hover-primary">Pearl
Sanders</a></h2>
<p class="text-gray mb-2">/ Real Estate Broker</p>
<p class="text-gray mb-xl-7 mb-lg-3 mb-md-7 mb-3 fs-14">Suspe ndisse suscipit sagittis leo sit
met condim entum eipsum
dolor sit amet</p>
<ul class="list-inline mb-0">
<li class="list-inline-item mr-5">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-5">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-5">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mr-0">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card border-md-0 fadeInRight animated" data-animate="fadeInRight">
<div class="row no-gutters d-flex align-items-center flex-md-row flex-column-reverse h-100">
<div class="col-md-6">
<div class="card-body pr-xl-6 pl-xl-7 text-md-right arrow-box arrow-right">
<h2 class="mb-1"><a href="#" class="fs-18 font-weight-500 text-dark hover-primary">Pearl
Sanders</a></h2>
<p class="text-gray mb-2">/ Real Estate Broker</p>
<p class="text-gray mb-xl-7 mb-lg-3 mb-md-7 mb-3 fs-14">Suspe ndisse suscipit sagittis leo sit
met condim entum eipsum
dolor sit amet</p>
<ul class="list-inline mb-0">
<li class="list-inline-item mr-5">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-5">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-5">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mr-0">
<a href="#" class="text-heading opacity-7 fs-16 opacity-hover-10"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<img src="../../../images/agent-creative-02.jpg" class="card-img rounded-0" alt="Pearl Sanders">
</div>
</div>
</div>
</div>
</div>
</div>
</section>