CTA 09

            
<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-1 md:grid-cols-3 gap-12 bg-gray-200 p-8 lg:p-12 rounded-lg ">
    <div class="col-span-1 md:col-span-2 order-2 md:order-1">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">This makes a great headline</h2>
      <p class="text-xl  text-gray-600 mt-4 max-w-3xl">World among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath</p>
      <div class="flex flex-row space-x-2">
        <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</a>
        <a href="#" class="inline-block bg-gray-500 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">View pricing</a>
      </div>
    </div>
    <div class="col-span-1 order-1 md:order-2">
      <p class="text-lg italic">"One morning, when Gregor Samsa woke from troubled dreams, he found himself It showed transformed in his bed
        into a horrible vermin. Bad, for quick jigs vex! Fox nymphs."</p>
      <div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
        <div class="space-y-1">
          <span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
          <span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
        </div>
      </div>
    </div>
  </div>
</div>