Team

<div class="row col-spacing-20">
  <!-- Team box 1 -->
  <div class="col-12 col-sm-6 col-lg-3">
    <div class="team-box">
      <div class="team-img">
        <img src="assets/images/img-src.jpg" alt="">
      </div><!-- end team-img -->
      <div class="hover-content">
        <div class="top">
          <ul class="list-inline">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
          </ul>
        </div><!-- end top -->
        <div class="bottom">
          <h5 class="font-weight-medium margin-0">Valerie Davis</h5>
          <p>CEO</p>
        </div><!-- end bottom -->
      </div><!-- end hover-content -->
    </div><!-- end team-box -->
  </div>
  <!-- Team box 2 -->
  <div class="col-12 col-sm-6 col-lg-3">
    <div class="team-box">
      <div class="team-img">
        <img src="assets/images/img-src.jpg" alt="">
      </div><!-- end team-img -->
      <div class="hover-content">
        <div class="top">
          <ul class="list-inline">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
          </ul>
        </div><!-- end top -->
        <div class="bottom">
          <h5 class="font-weight-medium margin-0">Adam Kellum</h5>
          <p>COO</p>
        </div><!-- end bottom -->
      </div><!-- end hover-content -->
    </div><!-- end team-box -->
  </div>
  <!-- Team box 3 -->
  <div class="col-12 col-sm-6 col-lg-3">
    <div class="team-box">
      <div class="team-img">
        <img src="assets/images/img-src.jpg" alt="">
      </div><!-- end team-img -->
      <div class="hover-content">
        <div class="top">
          <ul class="list-inline">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
          </ul>
        </div><!-- end top -->
        <div class="bottom">
          <h5 class="font-weight-medium margin-0">Angela Deemer</h5>
          <p>CMO</p>
        </div><!-- end bottom -->
      </div><!-- end hover-content -->
    </div><!-- end team-box -->
  </div>
  <!-- Team box 4 -->
  <div class="col-12 col-sm-6 col-lg-3">
    <div class="team-box">
      <div class="team-img">
        <img src="assets/images/img-src.jpg" alt="">
      </div><!-- end team-img -->
      <div class="hover-content">
        <div class="top">
          <ul class="list-inline">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
          </ul>
        </div><!-- end top -->
        <div class="bottom">
          <h5 class="font-weight-medium margin-0">Marcos Parker</h5>
          <p>CFO</p>
        </div><!-- end bottom -->
      </div><!-- end hover-content -->
    </div><!-- end team-box -->
  </div>
</div><!-- end row -->