Teams

Copy
<section class="py-5">
  <div class="container">
    <div class="row">
      <div class="col-md-7 mb-5">
        <div class="icon icon-shape bg-gradient-primary shadow text-center mb-3">
          <i class="fas fa-user"></i>
        </div>
        <h3>Our Awesome Team</h3>
        <p>This is the paragraph where you can write more details about your team. Keep you user engaged by providing meaningful information.</p>
      </div>
    </div>
    <div class="row mt-5">
      <div class="col-lg-4 col-md-6 mt-md-0 mt-5">
        <div class="card card-profile card-plain">
          <div class="text-start mt-n5 z-index-1">
            <div class="position-relative w-25">
              <div class="blur-shadow-avatar">
                <img class="avatar avatar-xxl shadow-lg" src="../../assets/img/bruce-mars.jpg">
              </div>
            </div>
          </div>
          <div class="card-body ps-0">
            <h5 class="mb-0">Alec Thompson</h5>
            <p class="text-muted">CEO / Co-Founder</p>
            <p>
              And I love you like Kanye loves Kanye. We need to restart the human foundation.
            </p>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-twitter" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-twitter"></i></span>
            </button>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-dribbble" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-dribbble"></i></span>
            </button>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-linkedin" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-linkedin"></i></span>
            </button>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 mt-md-0 mt-5">
        <div class="card card-profile card-plain">
          <div class="mt-n5 z-index-1">
            <div class="position-relative w-25">
              <div class="blur-shadow-avatar">
                <img class="avatar avatar-xxl shadow-lg" src="../../assets/img/team-3.jpg">
              </div>
            </div>
          </div>
          <div class="card-body ps-0">
            <h5 class="mb-0">Alec Thompson</h5>
            <p class="text-muted">CEO / Co-Founder</p>
            <p>
              And I love you like Kanye loves Kanye. We need to restart the human foundation.
            </p>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-twitter" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-twitter"></i></span>
            </button>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-dribbble" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-dribbble"></i></span>
            </button>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-linkedin" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-linkedin"></i></span>
            </button>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 mx-md-auto mt-md-0 mt-5">
        <div class="card card-profile card-plain">
          <div class="mt-n5 z-index-1">
            <div class="position-relative w-25">
              <div class="blur-shadow-avatar">
                <img class="avatar avatar-xxl shadow-lg" src="../../assets/img/team-4.jpg">
              </div>
            </div>
          </div>
          <div class="card-body ps-0">
            <h5 class="mb-0">Alec Thompson</h5>
            <p class="text-muted">CEO / Co-Founder</p>
            <p>
              And I love you like Kanye loves Kanye. We need to restart the human foundation.
            </p>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-twitter" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-twitter"></i></span>
            </button>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-dribbble" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-dribbble"></i></span>
            </button>
            <button type="button" class="btn-icon-only btn-simple btn btn-lg btn-linkedin" data-toggle="tooltip" data-placement="bottom" title="Follow me!">
              <span class="btn-inner--icon"><i class="fab fa-linkedin"></i></span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Team 2

Screenshot
team-2

Team 3

Screenshot
team-3

Team 4

Screenshot
team-4

Team 5

Screenshot
team-5

Team 6

Screenshot
team-6