1. Card team profile I

Card team profile I sangat cocok digunakan untuk menampilkan profile dari team anda ke dalam website, card ini memiliki fitur untuk menampilkan gambar,nama, dan link ke media social.

    <div class="col-lg-4 col-md-6 col-sm-10 col-12">
    <div class="cardteamprofile1-team">
      <div class="cardteamprofile1body-team">
        <div class="cardteamprofile1imagepreview-team">
          <img  src="assets/images/cardteamprofile1.png" alt="Card image cap" class="cardteamprofile1imagepreviewpic-team" alt="IMAGE">
        </div>
        <div class="cardteamprofile1desccontainer-team">
          <p class="cardteamprofile1title-team">Kennedy Walsh</p>
          <p class="cardteamprofile1occupation-team">Back-End Developer</p>
          <a href=""><i class="fab fa-twitter cardteamprofile1icon-team"></i></a>
          <a href=""><i class="fab fa-linkedin cardteamprofile1icon-team"></i></a>
        </div>
      </div>
    </div>
    </div>
                    

2. Card team profile II

Card team profile II secara mendasar card ini memiliki fitur yang mirip dengan card team profile I namun memiliki fitur tambahan untuk menampilkan deskripsi dari team anda.

    <div class="col-lg-4 col-md-6 col-sm-10 col-12">
      <div class="cardteamprofile2-team">
        <div class="cardteamprofile2body-team">
          <div class="cardteamprofile2imagepreview-team">
            <img  src="assets/images/cardteamprofile2.png" alt="Card image cap" class="cardteamprofile2imagepreviewpic-team" alt="IMAGE">
          </div>
          <div class="cardteamprofile2desccontainer-team">
            <p class="cardteamprofile2title-team">Jennifer Jane</p>
            <p class="cardteamprofile2occupation-team">Back-End Developer</p>
            <p class="cardteamprofile2desc-team">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id hendrerit magna, at lacinia dui. Nullam vitae diam non nisi vulputate semper vitae a velit.</p>
            <a href=""><i class="fab fa-twitter cardteamprofile2icon-team"></i></a>
            <a href=""><i class="fab fa-linkedin cardteamprofile2icon-team"></i></a>
          </div>
        </div>
      </div>
    </div>
                    

3. Card team profile III

Card team profile III dapat dijadikan opsi jika kedua card sebelumnya menurut anda kurang minimalis dan elegan.

    <div class="col-lg-3 col-md-6 col-sm-10 col-12">
      <div class="cardteamprofile3-team">
        <div class="cardteamprofile3body-team">
          <div class="cardteamprofile3imagecontainer">
          <div class="cardteamprofile3imagepreview-team">
            <img  src="assets/images/cardteamprofile3.png" alt="Card image cap" class="cardteamprofile3imagepreviewpic-team" alt="IMAGE">
          </div>
          </div>
          <div class="cardteamprofile3desccontainer-team">
            <p class="cardteamprofile3title-team">Jordyn Jones</p>
            <p class="cardteamprofile3occupation-team">Graphic Designer</p>
            <a href=""><i class="fab fa-twitter cardteamprofile3icon-team"></i></a>
            <a href=""><i class="fab fa-linkedin cardteamprofile3icon-team"></i></a>
          </div>
        </div>
      </div>
    </div>
                    

4. Card team profile IV

Card team profile IV sangat cocok untuk digunakan jika anda menginginkan desain yang benar - benar sederhana sehingga mudah untuk diaplikasikan namun memberi kesan elegan.

                      
    <div class="col-lg-3 col-md-6 col-sm-10 col-12">
      <div class="cardteamprofile4-team">
        <div class="cardteamprofile4body-team">
          <div class="cardteamprofile4imagecontainer">
          <div class="cardteamprofile4imagepreview-team">
            <img  src="assets/images/cardteamprofile4.png" alt="Card image cap" class="cardteamprofile4imagepreviewpic-team" alt="IMAGE">
          </div>
          </div>
          <div class="cardteamprofile4desccontainer-team">
            <p class="cardteamprofile4title-team">Asgtin Bailey</p>
            <p class="cardteamprofile4occupation-team">Motion Graphic Designer</p>
          </div>
        </div>
      </div>
    </div>