Features 08

            
<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 grid grid-cols-2 gap-x-8 lg:gap-x-12 xl:gap-x-20">
    <div class="col-span-2 md:col-span-1 self-center max-w-2xl order-2 md:order-1">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">The best features</h2>
      <div class="text-lg text-gray-600">
        <p class="mt-6">Everyone realizes why a new common language would be desirable: one could refuse to pay
          expensive translators. To achieve this, it would be necessary to have uniform grammar</p>
        <div class="space-y-6 lg:space-y-8 mt-8">
          <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 sleep a little bit</h3>
              <p>Doing business like this takes much more effort than doing your own business at home, and on top of tha 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 itch up on his bell</h3>
              <p>He must have tried it a hundred times, shut his have to look at the floundering legs, and only stopped 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 knows, maybe that would do it</h3>
              <p>You've got to get enough sleep. Other travelling of luxury. For instance, whenever I go back to the guest.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-span-2 md:col-span-1 mb-8 md:mb-0 order-1 md:order-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="Image placeholder" class="rounded-lg w-full">
    </div>
  </div>
</div>