Teams 05

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-lg mx-auto">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Our Team</h2>
    <p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">The best experts in their field</p>
    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-x-8 xl:gap-x-16  mt-6 lg:mt-8 xl:mt-10">

      <!-- card -->
      <div class="flex flex-col items-center text-center space-y-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
        <div class="space-y-1">
          <span class="text-xl font-semibold text-gray-700 block">Alan Gregory</span>
          <span class="text-base font-semibold text-gray-500 block">CEO</span>
          <a href="#" class="hover:text-gray-500 flex items-center space-x-1 pt-2">
            <span class="sr-only">Twitter</span>
            <svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
              <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
            </svg>
            <span class="font-semibold text-base">@Alan_greg</span>
          </a>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="flex flex-col items-center text-center space-y-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
        <div class="space-y-1">
          <span class="text-xl font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-base font-semibold text-gray-500 block">CFO</span>
          <a href="#" class="hover:text-gray-500 flex items-center space-x-1 pt-2">
            <span class="sr-only">Twitter</span>
            <svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
              <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
            </svg>
            <span class="font-semibold text-base">@henry_lee_81</span>
          </a>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="flex flex-col items-center text-center space-y-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
        <div class="space-y-1">
          <span class="text-xl font-semibold text-gray-700 block">Eva Day</span>
          <span class="text-base font-semibold text-gray-500 block">Administration</span>
          <a href="#" class="hover:text-gray-500 flex items-center space-x-1 pt-2">
            <span class="sr-only">Twitter</span>
            <svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
              <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
            </svg>
            <span class="font-semibold text-base">@dayByEva</span>
          </a>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="flex flex-col items-center text-center space-y-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
        <div class="space-y-1">
          <span class="text-xl font-semibold text-gray-700 block">Scott James</span>
          <span class="text-base font-semibold text-gray-500 block">Backend</span>
          <a href="#" class="hover:text-gray-500 flex items-center space-x-1 pt-2">
            <span class="sr-only">Twitter</span>
            <svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
              <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
            </svg>
            <span class="font-semibold text-base">@sjames</span>
          </a>
        </div>
      </div>
      <!--/ card -->

      
    </div>
  </div>
</div>