Teams 04

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-xl mx-auto">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Allow Us To Introduce Ourselves</h2>
    <p class="text-xl lg:text-2xl text-gray-600 text-center mt-2 max-w-2xl mx-auto">We are mmitted to a unique, cutting-edge approach to that embraces modern architecture and contemporary materials.</p>
    
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-x-4 xl:gap-12 mt-6 lg:mt-8 xl:mt-10">

      <!-- card -->
      <div class="p-4 flex flex-row items-center border space-x-4">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-xl w-16">
        <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>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="p-4 flex flex-row items-center border space-x-4">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-xl w-16">
        <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>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="p-4 flex flex-row items-center border space-x-4">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-xl w-16">
        <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>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="p-4 flex flex-row items-center border space-x-4">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-xl w-16">
        <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>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="p-4 flex flex-row items-center border space-x-4">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-xl w-16">
        <div class="space-y-1">
          <span class="text-xl font-semibold text-gray-700 block">Elsie Hughes</span>
          <span class="text-base font-semibold text-gray-500 block">Backend</span>
        </div>
      </div>
      <!--/ card -->

      <!-- card -->
      <div class="p-4 flex flex-row items-center border space-x-4">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-xl w-16">
        <div class="space-y-1">
          <span class="text-xl font-semibold text-gray-700 block">Zoe Murray</span>
          <span class="text-base font-semibold text-gray-500 block">Support</span>
        </div>
      </div>
      <!--/ card -->
      
    </div>
  </div>
</div>