<section class="team-area">
        <div class="container">
            <h3 class="section-heading">Ekibimiz</h3>
            <div class="row">

                <!--Şef-->
                <div class="col-sm-6 col-md-4">
                    <div class="team-single">
                        <div class="content-area">
                            <div class="side-one">
                                <div class="card">
                                    <div class="card-body text-center">
                                        <div class="img-area">
                                            <img src="https://bit.ly/2QrilGY" class="card-img-top" alt="şef">
                                        </div>
                                        <h4 class="mt-3">Ercüment Akıncılar</h4>                                        
                                        <p>Şef</p>
                                    </div>
                                </div>
                            </div>
                          <div class="side-two">
                                <div class="card">
                                    <div class="card-body text-center mt-4">
                                        <h4>Ercüment Akıncılar</h4>
                                        <p class="my-5">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda mollitia
                                            doloribus labore, numquam laudantium et.</p>
                                        <ul class="list-inline">
                                            <li class="list-inline-item">
                                                <a href="#" class="social-icon" target="_blank">
                                                    <i class="fab fa-linkedin"></i>
                                                </a>
                                            </li>
                                            <li class="list-inline-item">
                                                <a href="#" class="social-icon" target="_blank">
                                                    <i class="fab fa-facebook-square"></i>
                                                </a>
                                            </li>
                                            <li class="list-inline-item">
                                                <a href="#" class="social-icon" target="_blank">
                                                    <i class="fab fa-youtube"></i>
                                                </a>
                                            </li>
                                            <li class="list-inline-item">
                                                <a href="#" class="social-icon" target="_blank">
                                                    <i class="fab fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
  </section>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css
  2. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/fontawesome-iconpicker/3.2.0/js/fontawesome-iconpicker.min.js