Team Style 1
Kwia Martin
CEO
Jessica Faz
CTO
Joe Alexander
COO
<section class="teams element-page dt-section">
<div class="container">
<div class="team-block elements-block">
<div class="team1">
<div class="row row-mr">
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/directory_plus/assets/images/elements/team/speaker9.jpg" alt="team-mem" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45));">
<div class="social-icons">
<div class="social-icon">
<a target="_blank" title="Facebook" href="https://www.facebook.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Instagram" href="https://www.instagram.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Twitter" href="https://twitter.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4>Kwia Martin</h4>
<p>CEO</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/directory_plus/assets/images/elements/team/as.jpg" alt="team-mem" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45));">
<div class="social-icons">
<div class="social-icon">
<a target="_blank" title="Facebook" href="https://www.facebook.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Instagram" href="https://www.instagram.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Twitter" href="https://twitter.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4>Jessica Faz</h4>
<p>CTO</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/directory_plus/assets/images/elements/team/speakers1.jpg" alt="team-mem" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45));">
<div class="social-icons">
<div class="social-icon">
<a target="_blank" title="Facebook" href="https://www.facebook.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Instagram" href="https://www.instagram.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Twitter" href="https://twitter.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4>Joe Alexander</h4>
<p>COO</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Team Style 2
Kwia Martin
CEO
Jessica Faz
CTO
Joe Alexander
COO
<section class="teams element-page dt-section">
<div class="container">
<div class="team-block elements-block">
<div class="team2">
<div class="row row-mr">
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/directory_plus/assets/images/elements/team/speaker9.jpg" alt="team-mem" />
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4>Kwia Martin</h4>
<p>CEO</p>
</div>
<div class="social-icons">
<div class="social-icon">
<a target="_blank" title="Facebook" href="https://www.facebook.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Instagram" href="https://www.instagram.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Twitter" href="https://twitter.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/directory_plus/assets/images/elements/team/as.jpg" alt="team-mem" />
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4>Jessica Faz</h4>
<p>CTO</p>
</div>
<div class="social-icons">
<div class="social-icon">
<a target="_blank" title="Facebook" href="https://www.facebook.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Instagram" href="https://www.instagram.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Twitter" href="https://twitter.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/directory_plus/assets/images/elements/team/speakers1.jpg" alt="team-mem" />
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4>Joe Alexander</h4>
<p>COO</p>
</div>
<div class="social-icons">
<div class="social-icon">
<a target="_blank" title="Facebook" href="https://www.facebook.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Instagram" href="https://www.instagram.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
<div class="social-icon">
<a target="_blank" title="Twitter" href="https://twitter.com/">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<span class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>