CTA 12

            
<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 mb-8 md:mb-0 order-2 md:order-1 mt-8 md:mt-0">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="Image placeholder" class="rounded-lg w-full">
      <form class="mt-6 lg:mt-8 mx-auto">
        <div class="grid grid-cols-2 gap-6">
          <input type="text" placeholder="Name" class="bg-white border border-gray-300 px-4 py-2 rounded-lg h-14 w-full">
          <input type="Email" placeholder="Email address" class="bg-white border border-gray-300 px-4 py-2 rounded-lg h-14 w-full">
        </div>
        <button class="inline-block bg-gray-600 font-semibold rounded-lg h-14 py-4 px-5 lg:px-8 text-white mt-4">Sign up for free</button>
      </form>
    </div>
    <div class="col-span-2 md:col-span-1 self-center max-w-2xl order-1 md:order-2">
      <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>
      </div>
    </div>
  </div>
</div>