Page Tile 02
Meet The Agents Transforming Real Estate
<div class="position-relative">
<section class="position-relative pb-15 pt-2 page-title bg-patten bg-secondary">
<div class="container">
<nav aria-label="breadcrumb">
<ol class="breadcrumb text-light mb-0 p-0">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Agents</li>
</ol>
</nav>
<h1 class="fs-32 mb-0 text-white font-weight-600 text-center pt-11 mb-5 lh-17 mxw-478">Meet The Agents
Transforming Real Estate </h1>
</div>
</section>
<section>
<div class="container">
<div class="mt-n8 bg-white px-6 py-3 shadow-sm-2 rounded-lg form-search-02 position-relative z-index-3">
<form class="d-none row d-md-flex flex-wrap align-items-center">
<div class="col-md-5 mb-3 mb-md-0">
<div class="row">
<div class="form-group mb-3 mb-md-0 col-md-6">
<label for="language"
class="mb-0 lh-1 text-uppercase fs-14 letter-spacing-093">Language</label>
<select class="form-control form-control-sm font-weight-600 shadow-0 bg-white selectpicker"
name="language"
id="language" data-style="bg-white pl-0 text-dark rounded-0">
<option>Select</option>
<option>English</option>
<option>France</option>
</select>
</div>
<div class="form-group mb-3 mb-md-0 col-md-6">
<label for="region"
class="mb-0 lh-1 text-uppercase fs-14 letter-spacing-093">Region</label>
<select class="form-control font-weight-600 pl-0 bg-white selectpicker form-control-sm"
name="region"
id="region" data-style="bg-white pl-0 text-dark rounded-0">
<option>Austin</option>
<option>Boston</option>
<option>Chicago</option>
<option>Denver</option>
<option>Los Angeles</option>
<option>New York</option>
<option>San Francisco</option>
</select>
</div>
</div>
</div>
<div class="form-group mb-3 mb-lg-0 col-md-5">
<label for="search" class="mb-0 lh-1 text-uppercase fs-14 letter-spacing-093">Search</label>
<div class="input-group input-group-sm">
<input type="text" id="search"
class="form-control pl-0 rounded-0 bg-white"
placeholder="Search by agent’s name…" name="search">
<div class="input-group-append ml-0">
<span class="fs-18 input-group-text bg-white rounded-0"><i
class="fal fa-search"></i></span>
</div>
</div>
</div>
<div class="col-md-2 pl-0">
<button type="submit" class="btn btn-primary btn-lg btn-block">
Search
</button>
</div>
</form>
<form class="d-block d-md-none">
<div class="d-flex align-items-center">
<a class="text-body hover-primary d-inline-block fs-24 lh-1 mr-5" data-toggle="collapse"
href="#collapseMobileSearch"
role="button" aria-expanded="false" aria-controls="collapseMobileSearch">
<i class="fal fa-cog"></i>
</a>
<div class="input-group">
<input type="text"
class="form-control pl-0 rounded-0 bg-white"
placeholder="Search by agent’s name…" name="search">
<div class="input-group-append ml-0">
<span class="fs-18 input-group-text bg-white rounded-0"><i
class="fal fa-search"></i></span>
</div>
</div>
</div>
<div class="collapse" id="collapseMobileSearch">
<div class="card card-body border-0 px-0">
<div class="form-group mb-3">
<label for="language-01"
class="mb-0 lh-1 text-uppercase fs-14 letter-spacing-093">Language</label>
<select class="form-control form-control-sm font-weight-600 shadow-0 bg-white selectpicker"
name="language"
id="language-01" data-style="bg-white pl-0 text-dark rounded-0">
<option>Select</option>
<option>English</option>
<option>France</option>
</select>
</div>
<div class="form-group mb-3">
<label for="region-01"
class="mb-0 lh-1 text-uppercase fs-14 letter-spacing-093">Region</label>
<select class="form-control font-weight-600 pl-0 bg-white selectpicker form-control-sm"
name="region"
id="region-01" data-style="bg-white pl-0 text-dark rounded-0">
<option>Austin</option>
<option>Boston</option>
<option>Chicago</option>
<option>Denver</option>
<option>Los Angeles</option>
<option>New York</option>
<option>San Francisco</option>
</select>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block">
Search
</button>
</div>
</div>
</form>
</div>
</div>
</section>
</div>