Style 1

Team 1
CEO & Founder
Andrew Nelson
Team 2
Co-Founder
Cel Hemsworth
Team 3
Photographer
Jake Williams
Team 4
Video Editor
Mike Lincoln
                
                
<section class="team pt-section style-1">
<div class="container"><!-- Style 1 -->
<div class="section-title">
<h2 class="mb-5">Style 1</h2>
</div>

<div class="row"><!-- Team item -->
<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 1" src="../themes/custom/agency_plus/assets/images/shortcodes/Team1.jpg" /></div>

<div class="team-desc"><span class="team-position">CEO &amp; Founder</span>

<h5 class="team-name">Andrew Nelson</h5>

<ul class="social-icons light round mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 2" src="../themes/custom/agency_plus/assets/images/shortcodes/Team2.jpg" /></div>

<div class="team-desc"><span class="team-position">Co-Founder</span>

<h5 class="team-name">Cel Hemsworth</h5>

<ul class="social-icons light round mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 3" src="../themes/custom/agency_plus/assets/images/shortcodes/Team3.jpg" /></div>

<div class="team-desc"><span class="team-position">Photographer</span>

<h5 class="team-name">Jake Williams</h5>

<ul class="social-icons light round mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 4" src="../themes/custom/agency_plus/assets/images/shortcodes/Team4.jpg" /></div>

<div class="team-desc"><span class="team-position">Video Editor</span>

<h5 class="team-name">Mike Lincoln</h5>

<ul class="social-icons light round mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
                
                
            

Style 2

Team 5
Kiro Hunter
Founder & CEO
Team 6
William Hudson
Co-Founder
Team 7
Chris Evans
Designer
Team 8
Dwayne Mills
Developer
                
                
<section class="team pt-section style-2 overlay-dark" style="background: url(../themes/custom/agency_plus/assets/images/shortcodes/Team-BG.jpg) no-repeat; background-size: 100% 50%; background-position: top center;">
<div class="container"><!-- Style 2 -->
<div class="section-title">
<h2 class="mt-6 mb-5">Style 2</h2>
</div>

<div class="row"><!-- Team item -->
<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 5" src="../themes/custom/agency_plus/assets/images/shortcodes/Team5.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Kiro Hunter</h5>
<span class="team-position">Founder &amp; CEO</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 6" src="../themes/custom/agency_plus/assets/images/shortcodes/Team6.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">William Hudson</h5>
<span class="team-position">Co-Founder</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 7" src="../themes/custom/agency_plus/assets/images/shortcodes/Team7.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Chris Evans</h5>
<span class="team-position">Designer</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item text-center">
<div class="team-avatar"><img alt="Team 8" src="../themes/custom/agency_plus/assets/images/shortcodes/Team8.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Dwayne Mills</h5>
<span class="team-position">Developer</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
    <li><i class="fa fa-instagram">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
                
                
            

Style 3

                
                
<section class="team pt-section team-overlay style-3 pt-0">
<div class="container"><!-- Style 3 -->
<div class="section-title">
<h2 class="mb-5">Style 3</h2>
</div>

<div class="owl-carousel team-3 owl-grab arrow-visible">
<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 9" src="../themes/custom/agency_plus/assets/images/shortcodes/Team9.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">SMITH MILLER</h5>
<span class="team-position">Founder, CEO</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 10" src="../themes/custom/agency_plus/assets/images/shortcodes/Team10.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">JONTI RODES</h5>
<span class="team-position">Co-Founder</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 11" src="../themes/custom/agency_plus/assets/images/shortcodes/Team11.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">MIKE HUSSEY</h5>
<span class="team-position">WP Developer</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 12" src="../themes/custom/agency_plus/assets/images/shortcodes/Team12.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">JOFRA KLING</h5>
<span class="team-position">UI/UX Designer</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 9" src="../themes/custom/agency_plus/assets/images/shortcodes/Team9.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">SMITH MILLER</h5>
<span class="team-position">Founder, CEO</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 10" src="../themes/custom/agency_plus/assets/images/shortcodes/Team10.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">JONTI RODES</h5>
<span class="team-position">Co-Founder</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 11" src="../themes/custom/agency_plus/assets/images/shortcodes/Team11.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">MIKE HUSSEY</h5>
<span class="team-position">WP Developer</span></div>
</div>
</div>

<div class="item">
<div class="team-item hover-overlay text-center">
<div class="team-avatar"><img alt="Team 12" src="../themes/custom/agency_plus/assets/images/shortcodes/Team12.jpg" />

<div class="social-icons social-hover mb-0">
<h6>Connect With Me</h6>
    <ul>
        <li><a href="#"><i class="fa fa-facebook">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-linkedin">&nbsp;</i></a></li>
        <li><a href="#"><i class="fa fa-instagram">&nbsp;</i></a></li>
        <li><a href="#"><i class="fab fa-google">&nbsp;</i></a></li>
    </ul>
</div>
</div>

<div class="team-desc">
<h5 class="team-name">JOFRA KLING</h5>
<span class="team-position">UI/UX Designer</span></div>
</div>
</div>
</div>
</div>
</section>
                
                
            
                
                
<section class="team pt-section social-hover style-4 overlay-dark" style="background: url(../themes/custom/agency_plus/assets/images/shortcodes/Team-BG-2.jpg) no-repeat; background-size: 100% 50%; background-position: top center;">
<div class="container"><!-- Style 4 -->
<div class="section-title">
<h2 class="text-white mt-5 mb-5">Style 4</h2>
</div>

<div class="row"><!-- Team item -->
<div class="col-lg-3 col-sm-6">
<div class="team-item hover-overlay text-center mb-md-0">
<div class="team-avatar"><img alt="Team 13" src="../themes/custom/agency_plus/assets/images/shortcodes/Team13.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Justin Luther</h5>
<span class="team-position">CEO &amp; Founder</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fab fa-twitter">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item hover-overlay text-center mb-md-0">
<div class="team-avatar"><img alt="Team 14" src="../themes/custom/agency_plus/assets/images/shortcodes/Team14.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Hutson Jayme</h5>
<span class="team-position">Co-Founder</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fab fa-twitter">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item hover-overlay text-center mb-md-0">
<div class="team-avatar"><img alt="Team 15" src="../themes/custom/agency_plus/assets/images/shortcodes/Team15.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Jimmy Anderson</h5>
<span class="team-position">Marketing Manager</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fab fa-twitter">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
</ul>
</div>
</div>
</div>

<div class="col-lg-3 col-sm-6">
<div class="team-item hover-overlay text-center mb-md-0">
<div class="team-avatar"><img alt="Team 16" src="../themes/custom/agency_plus/assets/images/shortcodes/Team16.jpg" /></div>

<div class="team-desc">
<h5 class="team-name">Kane Williamson</h5>
<span class="team-position">Sales Manager</span>

<ul class="social-icons mb-0">
    <li><i class="fa fa-facebook">&nbsp;</i></li>
    <li><i class="fab fa-twitter">&nbsp;</i></li>
    <li><i class="fab fa-google-plus-g">&nbsp;</i></li>
    <li><i class="fa fa-linkedin">&nbsp;</i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
                
                
            
HEADER STYLE
COLOR SCHEMES
Buy Now