Team Sections

              
                <!-- Team -->
                <div class="container content-space-2 content-space-lg-3">
                  <!-- Heading -->
                  <div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
                    <span class="d-block small font-weight-bold text-cap mb-2">Our Team</span>
                    <h2>Trust the professionals</h2>
                  </div>
                  <!-- End Heading -->

                  <div class="row mb-7">
                    <div class="col-sm-6 col-md-3 mb-5 mb-lg-0">
                      <!-- Team -->
                      <img class="card-img rounded-2" src="../assets/img/400x500/img28.jpg" alt="Image Description">
                      <div class="card card-sm text-center mt-n7 mx-3">
                        <div class="card-body">
                          <h4 class="card-title">Christina Kray</h4>
                          <p class="card-text">Project Manager</p>
                        </div>
                      </div>
                      <!-- End Team -->
                    </div>
                    <!-- End Col -->

                    <div class="col-sm-6 col-md-3 mb-5 mb-lg-0">
                      <!-- Team -->
                      <img class="card-img rounded-2" src="../assets/img/400x500/img29.jpg" alt="Image Description">
                      <div class="card card-sm text-center mt-n7 mx-3">
                        <div class="card-body">
                          <h4 class="card-title">Jeff Fisher</h4>
                          <p class="card-text">CEO, Director</p>
                        </div>
                      </div>
                      <!-- End Team -->
                    </div>
                    <!-- End Col -->

                    <div class="col-sm-6 col-md-3 mb-5 mb-sm-0">
                      <!-- Team -->
                      <img class="card-img rounded-2" src="../assets/img/400x500/img30.jpg" alt="Image Description">
                      <div class="card card-sm text-center mt-n7 mx-3">
                        <div class="card-body">
                          <h4 class="card-title">Lida Reidy</h4>
                          <p class="card-text">Marketer</p>
                        </div>
                      </div>
                      <!-- End Team -->
                    </div>
                    <!-- End Col -->

                    <div class="col-sm-6 col-md-3">
                      <!-- Team -->
                      <img class="card-img rounded-2" src="../assets/img/400x500/img27.jpg" alt="Image Description">
                      <div class="card card-sm text-center mt-n7 mx-3">
                        <div class="card-body">
                          <h4 class="card-title">Amy Forren</h4>
                          <p class="card-text">Lead Designer</p>
                        </div>
                      </div>
                      <!-- End Team -->
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->

                  <!-- Card Info -->
                  <div class="text-center">
                    <div class="card card-info-link card-sm">
                      <div class="card-body">
                        Want to work with us? <a class="card-link ms-2" href="../page-hire-us.html">We're hiring <span class="bi-chevron-right small ms-1"></span></a>
                      </div>
                    </div>
                  </div>
                  <!-- End Card Info -->
                </div>
                <!-- End Team -->
              
            

              
                <!-- Team -->
                <div class="container content-space-2 content-space-lg-3">
                  <!-- Heading -->
                  <div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
                    <span class="text-cap">Our team</span>
                    <h2>Creative minds</h2>
                  </div>
                  <!-- End Heading -->

                  <div class="row gx-3 mb-5">
                    <div class="col-sm-6 col-lg-3 mb-3">
                      <!-- Card -->
                      <div class="card card-transition h-100">
                        <div class="card-body">
                          <div class="avatar avatar-lg avatar-circle mb-4">
                            <img class="avatar-img" src="../assets/img/160x160/img7.jpg" alt="Image Description">
                          </div>

                          <span class="card-subtitle">Founder / CEO</span>
                          <h4 class="card-title">Christina Kray</h4>
                          <p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
                        </div>

                        <div class="card-footer pt-0">
                          <!-- Socials -->
                          <ul class="list-inline mb-0">
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-facebook"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-google"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-twitter"></i>
                              </a>
                            </li>
                          </ul>
                          <!-- End Socials -->
                        </div>
                      </div>
                      <!-- End Card -->
                    </div>
                    <!-- End Col -->

                    <div class="col-sm-6 col-lg-3 mb-3">
                      <!-- Card -->
                      <div class="card card-transition h-100">
                        <div class="card-body">
                          <div class="avatar avatar-lg avatar-circle mb-4">
                            <img class="avatar-img" src="../assets/img/160x160/img3.jpg" alt="Image Description">
                          </div>

                          <span class="card-subtitle">Project Manager</span>
                          <h4 class="card-title">Jeff Fisher</h4>
                          <p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
                        </div>

                        <div class="card-footer pt-0">
                          <!-- Socials -->
                          <ul class="list-inline mb-0">
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-facebook"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-google"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-twitter"></i>
                              </a>
                            </li>
                          </ul>
                          <!-- End Socials -->
                        </div>
                      </div>
                      <!-- End Card -->
                    </div>
                    <!-- End Col -->

                    <div class="col-sm-6 col-lg-3 mb-3">
                      <!-- Card -->
                      <div class="card card-transition h-100">
                        <div class="card-body">
                          <div class="avatar avatar-lg avatar-circle mb-4">
                            <img class="avatar-img" src="../assets/img/160x160/img10.jpg" alt="Image Description">
                          </div>

                          <span class="card-subtitle">Product Designer</span>
                          <h4 class="card-title">Amy Forren</h4>
                          <p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
                        </div>

                        <div class="card-footer pt-0">
                          <!-- Socials -->
                          <ul class="list-inline mb-0">
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-facebook"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-google"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-twitter"></i>
                              </a>
                            </li>
                          </ul>
                          <!-- End Socials -->
                        </div>
                      </div>
                      <!-- End Card -->
                    </div>
                    <!-- End Col -->

                    <div class="col-sm-6 col-lg-3 mb-3">
                      <!-- Card -->
                      <div class="card card-transition h-100">
                        <div class="card-body">
                          <div class="avatar avatar-lg avatar-circle mb-4">
                            <img class="avatar-img" src="../assets/img/160x160/img5.jpg" alt="Image Description">
                          </div>

                          <span class="card-subtitle">Support Consultant</span>
                          <h4 class="card-title">Philip Williams</h4>
                          <p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
                        </div>

                        <div class="card-footer pt-0">
                          <!-- Socials -->
                          <ul class="list-inline mb-0">
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-facebook"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-google"></i>
                              </a>
                            </li>
                            <li class="list-inline-item">
                              <a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
                                <i class="bi-twitter"></i>
                              </a>
                            </li>
                          </ul>
                          <!-- End Socials -->
                        </div>
                      </div>
                      <!-- End Card -->
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->

                  <!-- Card Info -->
                  <div class="text-center">
                    <div class="card card-info-link card-sm">
                      <div class="card-body">
                        Want to work with us? <a class="card-link ms-2" href="../page-hire-us.html">We are hiring <span class="bi-chevron-right small ms-1"></span></a>
                      </div>
                    </div>
                  </div>
                  <!-- End Card Info -->
                </div>
                <!-- End Team -->