Agent
The cart contains Agent overview information
Agent 01
<div style="max-width: 270px">
<div class="card border-0 shadow-hover-3 px-4">
<div class="card-body text-center pt-6 pb-3 px-0">
<a href="../../agent-details-1.html" class="d-inline-block mb-2">
<img src="../../images/agent-2-lg.jpg" alt="Max Kordek">
</a>
<a href="../../agent-details-1.html"
class="d-block fs-16 lh-214 text-dark mb-0 font-weight-500 hover-primary">Max Kordek</a>
<p class="mb-0">Real estate broker</p>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-13 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-13 text-heading font-weight-500 mr-1">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
<li class="list-inline-item fs-13 text-gray-light">(67 reviews)</li>
</ul>
</div>
<div class="card-footer bg-white px-0 text-center pt-3 pb-1">
<ul class="list-inline mb-0">
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center">
<i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>Agent 02
<div style="max-width: 304px">
<div class="card border-0 shadow-hover-xs-4 hover-change-image">
<div class="card-body text-center pt-6 pb-3 px-3">
<a href="../../agent-details-1.html" class="d-inline-block mb-2">
<img src="../../images/agent-6.jpg" alt="Darrell Knight">
</a>
<a href="../../agent-details-1.html"
class="d-block fs-16 lh-2 text-dark mb-0 font-weight-500 hover-primary">Darrell Knight</a>
<p class="mb-2">Sales Excutive</p>
<ul class="list-inline mb-0 hover-image">
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center">
<i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
<div class="card-footer px-0 text-center hover-image border-0">
<a href="../../listing-with-left-sidebar.html"
class="d-flex align-items-center justify-content-center text-heading hover-primary">
<span class="badge badge-circle border fs-13 font-weight-bold mr-2">5</span>
<span class="font-weight-500 mr-2">Listed Properties</span>
<span class="text-primary fs-16"><i class="far fa-long-arrow-right"></i></span>
</a>
</div>
</div>
</div>Agent 03
<div style="max-width: 304px">
<div class="card shadow-hover-xs-4 agent-3">
<div class="card-header text-center pt-6 pb-3 bg-transparent text-center">
<a href="../../agent-details-1.html" class="d-inline-block mb-2 w-120px h-120">
<img src="../../images/agent-1.jpg" alt="Max Kordek">
</a>
<a href="../../agent-details-1.html"
class="d-block fs-16 lh-2 text-dark mb-0 font-weight-500 hover-primary">Max Kordek</a>
<p class="mb-2">Real Estate Broker</p>
<ul class="list-inline mb-0">
<li class="list-inline-item mr-6">
<a href="#"
class="text-muted hover-primary"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-6">
<a href="#"
class="text-muted hover-primary"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-6">
<a href="#"
class="text-muted hover-primary">
<i class="fab fa-skype"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="text-muted hover-primary"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
<div class="card-body text-center pt-2 px-0">
<a href="mailto:oliverbeddows@homeid.com" class="text-body">oliverbeddows@homeid.com</a>
<a href="tel:123-900-68668" class="text-heading font-weight-600 d-block mb-3">123 900 68668</a>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-13 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-13 text-heading font-weight-500 mr-1">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
<li class="list-inline-item fs-13 text-gray-light">(67 reviews)</li>
</ul>
</div>
<div class="card-footer px-0 text-center hover-image border-0">
<a href="../../listing-with-left-sidebar.html"
class="d-flex align-items-center justify-content-center text-heading">
<span class="badge badge-white badge-circle border fs-13 font-weight-bold mr-2 lh-12">5</span>
<span class="font-weight-500 mr-2">Listed Properties</span>
<span class="text-primary fs-16 icon"><i class="far fa-long-arrow-right"></i></span>
</a>
</div>
</div>
</div>Agent 04
<div class="bg-gray-01 p-4">
<div style="max-width: 370px">
<div class="card border-0 shadow-hover-3 px-6">
<div class="card-body text-center pt-6 pb-2 px-0">
<a href="../../agent-details-1.html" class="d-inline-block mb-2">
<img src="../../images/agent-1.jpg" alt="Oliver Beddows">
</a>
<a href="../../agent-details-1.html"
class="d-block fs-16 lh-214 text-dark mb-0 font-weight-500 hover-primary">Oliver Beddows</a>
<p class="mb-0">Sales Excutive</p>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-13 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-13 text-heading font-weight-500 mr-1">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
<li class="list-inline-item fs-13 text-gray-light">(67 reviews)</li>
</ul>
</div>
<div class="card-footer bg-white px-0 pt-1 pb-6">
<ul class="list-group list-group-no-border pb-1">
<li class="list-group-item d-flex align-items-sm-center lh-114 row m-0 px-0 pt-3 pb-0">
<span class="col-md-4 p-0 fs-13">Office</span>
<span class="col-md-8 p-0 text-heading font-weight-500">123 900 68668</span>
</li>
<li class="list-group-item d-flex align-items-sm-center lh-114 row m-0 px-0 pt-3 pb-0">
<span class="col-md-4 p-0 fs-13">Mobile</span>
<span class="col-md-8 p-0 text-heading font-weight-500">123 900 68668</span>
</li>
<li class="list-group-item d-flex align-items-sm-center lh-114 row m-0 px-0 pt-3 pb-0">
<span class="col-md-4 p-0 fs-13">Fax</span>
<span class="col-md-8 p-0 text-heading font-weight-500">1-323 900 6800</span>
</li>
<li class="list-group-item d-flex align-items-sm-center row m-0 px-0 pt-2 pb-0">
<span class="col-md-4 p-0 fs-13">Email</span>
<span class="col-md-8 p-0">oliverbeddows@homeid.com</span>
</li>
<li class="list-group-item d-flex align-items-sm-center lh-114 row m-0 px-0 pt-3 pb-0">
<span class="col-md-4 p-0 fs-13">Social</span>
<ul class="col-md-8 list-inline text-gray-lighter m-0 p-0 z-index-2">
<li class="list-inline-item m-0">
<a href="#"
class="w-32px h-32 rounded bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-0 ml-2">
<a href="#"
class="w-32px h-32 rounded bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-0 ml-2">
<a href="#"
class="w-32px h-32 rounded bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mr-0 ml-2">
<a href="#"
class="w-32px h-32 rounded bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>Agent 05
<div class="p-4">
<div style="max-width: 270px">
<div class="card border-0 hover-change-image">
<div class="position-relative card-img-top">
<a href="../../agent-details-1.html">
<img src="../../images/agent-11.jpg" alt="Diego Garcia">
</a>
<div class="card-img-overlay bg-dark-opacity-06 hover-image d-flex flex-column rounded-lg p-4">
<div class="mt-auto">
<a href="tel:123-900-68668" class="text-white">
<span class="text-primary"><i class="fal fa-phone"></i></span>
<span class="d-inline-block ml-2">123 900 68668</span>
</a>
<a href="mailto:oliverbeddows@homeid.com" class="d-block text-center text-white">oliverbeddows@homeid.com</a>
</div>
</div>
</div>
<div class="card-body pt-2 px-0">
<a href="../../agent-details-1.html"
class="card-title d-block fs-16 lh-214 text-dark font-weight-500 hover-primary mb-0">Diego
Garcia</a>
<p class="mb-3 card-text">Company Agent <a href="#" class="text-body"><u>at Modern House Real Estate</u></a>
</p>
<ul class="list-inline text-gray-lighter m-0">
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>Agent 06
Diego
Garcia
Company Agent at Modern House Real Estate
123 900 68668 diegogarcia@gh.com
398 Pete Pascale Pl, New York
<div class="bg-gray-01 p-4">
<div class="card p-2 border-0 d-block" style="max-width: 770px;">
<div class="row no-gutters h-100">
<div class="col-sm-4 pr-0 pr-sm-1">
<a href="../../agent-details-1.html">
<img src="../../images/agent-12.jpg" class="card-img" alt="Diego Garcia">
</a>
</div>
<div class="col-sm-8">
<div class="card-body pl-0 pl-sm-7">
<a href="../../agent-details-1.html"
class="card-title d-block fs-16 lh-2 text-dark font-weight-500 hover-primary mb-0">Diego
Garcia</a>
<p class="mb-3 card-text">Company Agent <a href="#" class="text-body"><u>at Modern House Real
Estate</u></a>
</p>
<a href="tel:123-900-68668" class="d-block">
<span class="text-primary"><i class="fal fa-phone"></i></span>
<span class="d-inline-block ml-2 text-body">123 900 68668</span>
</a>
<a href="mailto:oliverbeddows@homeid.com" class="d-block">
<span class="text-primary"><i class="fal fa-envelope"></i></span>
<span class="d-inline-block ml-2 text-body">diegogarcia@gh.com</span>
</a>
<div class="">
<span class="text-primary"><i class="fal fa-map-marker-alt"></i></span>
<span class="d-inline-block ml-2">398 Pete Pascale Pl, New York</span>
</div>
<ul class="list-inline text-gray-lighter mt-4 mb-0">
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-32px h-32 rounded-lg bg-hover-primary bg-white hover-white text-body d-flex align-items-center justify-content-center border border-hover-primary"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>