# Team Sections

## Component #1

- Preview
- HTML

Our Team

## Trust the professionals

#### Christina Kray

Project Manager

#### Jeff Fisher

CEO, Director

#### Lida Reidy

Marketer

#### Amy Forren

Lead Designer

Want to work with us? We're hiring

                    <!-- 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 -->

## Component #2

- Preview
- HTML

Our team

## Creative minds

Founder / CEO

#### Christina Kray

I am an ambitious workaholic, but apart from that, pretty simple person.

Project Manager

#### Jeff Fisher

I am an ambitious workaholic, but apart from that, pretty simple person.

Product Designer

#### Amy Forren

I am an ambitious workaholic, but apart from that, pretty simple person.

Support Consultant

#### Philip Williams

I am an ambitious workaholic, but apart from that, pretty simple person.

Want to work with us? We are hiring

                    <!-- 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 -->