Teams 03

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">

  <div class="max-w-screen-md mx-auto text-center">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Our Mission</h2>
    <p class="text-xl text-gray-600 text-center mt-2">But I must explain to you how all this mistaken idea of denouncing of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not</p>
  </div>

  <div class="max-w-screen-lg mx-auto mt-12 lg:mt-20">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Meet themes.dev Team</h2>
    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-x-4 xl:gap-12 mt-6 lg:mt-12">

      <!-- 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-full w-32">
        <div class="space-y-4">
          <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>
        </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-full w-32">
        <div class="space-y-4">
          <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>    
        </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-full w-32">
        <div class="space-y-4">
          <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>    
        </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-full w-32">
        <div class="space-y-4">
          <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>
        </div>
      </div>
      <!--/ card -->

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