Features 19

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-xl mx-auto grid grid-cols-3 gap-20 lg:gap-12">
    <div class="col-span-3 lg:col-span-1">
      <h2 class="text-2xl sm:text-2xl md:text-3xl text-gray-700 font-medium">Amazing Features</h2>
      <p class="text-lg text-gray-600 mt-2">The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps.</p>
      <p class="text-lg text-gray-600 mt-6">Wive quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq.</p>
      <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order our product now</a>
    </div>
    <div class="col-span-3 lg:col-span-2">
      <div class="md:grid md:grid-cols-2 md:gap-12 max-w-screen-xl mx-auto space-y-12 md:space-y-0">
        <div class="text-left flex space-x-6">
          <div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center ">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
            </svg>
          </div>
          <div class="flex-1">
            <h3 class="font-semibold text-lg mb-2">A collection of samples</h3>
            <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself It his bed into a horrible vermin.</p>
          </div>
        </div>
        <div class="text-left flex space-x-6">
          <div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center ">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
            </svg>
          </div>
          <div class="flex-1">
            <h3 class="font-semibold text-lg mb-2">How about if I bit</h3>
            <p>Doing business like this takes much more effort than doing your own business at home, and on top of of travelling.</p>
          </div>
        </div>
        <div class="text-left flex space-x-6">
          <div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center ">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
            </svg>
          </div>
          <div class="flex-1">
            <h3 class="font-semibold text-lg mb-2">He felt a slight  on his bell</h3>
            <p>He must have tried it a hundred times, shut his eyes so that he wouldn't have to look at the floundering legs, a when.</p>
          </div>
        </div>
        <div class="text-left flex space-x-6">
          <div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center ">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8"> 
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
            </svg>
          </div>
          <div class="flex-1">
            <h3 class="font-semibold text-lg mb-2">But who know do it</h3>
            <p>You've got to get enough sleep. Other travelling salesmen live a life of luxury. For instance, whenever I go back to the guest.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>