Team Seven

Our Leadership

Discover the dedicated professionals driving our innovative solutions in sustainable technology. Their expertise shapes our mission to create a greener future.

Emma Thornton

Chief Executive Officer

Liam Carter

Chief Financial Officer

Sophia Nguyen

Chief Technology Officer

Marcus Lee

Head of Design

Olivia Patel

Director of Investor Relations

Ava Morales

Lead Visual Designer

Ethan Brooks

Product Manager

Isabella Hayes

Marketing Director

@import url("/template/basic-library/section/team/team-seven/raw/styles.css");

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="mb-10 md:mb-16">
      <h2
        class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl"
      >
        Our Leadership
      </h2>
      <p
        class="ml-auto mr-auto mx-auto max-w-screen-md text-center text-gray-500 md:text-lg"
      >
        Discover the dedicated professionals driving our innovative solutions in
        sustainable technology. Their expertise shapes our mission to create a
        greener future.
      </p>
    </div>
    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 lg:gap-8">
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Radu Florin"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Emma Thornton
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Chief Executive Officer
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1532073150508-0c1df022bdd1?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by christian ferrer"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Liam Carter
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Chief Financial Officer
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1463453091185-61582044d556?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Ayo Ogunseinde"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Sophia Nguyen
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Chief Technology Officer
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Midas Hofstra"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Marcus Lee
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Head of Design
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1522529599102-193c0d76b5b6?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Elizeu Dias"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Olivia Patel
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Director of Investor Relations
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Matheus Ferrero"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Ava Morales
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Lead Visual Designer
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1566492031773-4f4e44671857?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Leilani Angel"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Ethan Brooks
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Product Manager
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-col items-center rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 lg:pt-8 lg:pr-8 lg:pb-8 lg:pl-8"
      >
        <div
          class="overflow-hidden mb-2 h-24 w-24 rounded-full bg-gray-200 shadow-lg md:mb-4 md:h-32 md:w-32"
        >
          <img
            src="https://images.unsplash.com/photo-1562904403-a5106bef8319?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
            loading="lazy"
            alt="Photo by Jernej Graj"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div class="text-center font-bold text-indigo-500 md:text-lg">
            Isabella Hayes
          </div>
          <p
            class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base"
          >
            Marketing Director
          </p>
          <div class="flex justify-center">
            <div class="flex gap-4">
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                  ></path>
                </svg>
              </a>
              <a
                href="#"
                target="_blank"
                class="transition duration-100 active:text-gray-600 text-gray-400 hover:text-gray-500"
              >
                <svg
                  class="h-5 w-5"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                  ></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>