Features 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-2 gap-6 mb-8">
    <div class="col-span-2 md:col-span-1">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Amazing Features for your next project or online website</h2>
    </div>
    <div class="flex md:justify-end col-span-2 md:col-span-1">
      <div class="max-w-md pt-4">
        <p class="text-lg text-gray-600">You've got to get enough sleep. Other travelling salesmen live a life of luxury. For instance.</p>
        <a href="#" class="font-semibold mt-3 inline-block">Learn more</a>
      </div>
    </div>
  </div>

  <div class="max-w-screen-xl mx-auto">
    <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="image placeholder" class="rounded-lg">
  </div>

  <div class="md:grid md:grid-cols-3 md:gap-12 lg:gap-16 max-w-screen-xl mx-auto mt-12 lg:mt-20 space-y-12 md:space-y-0">
    <div class="text-left">
      <h3 class="font-semibold text-lg mb-2">A collection of textile samples</h3>
      <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself It showed transformed in his bed into a horrible vermin.</p>
    </div>
    <div class="text-left">
      <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 that there's the curse of travelling.</p>
    </div>
    <div class="text-left">
      <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 eyes so that he wouldn't have to look at the floundering legs, and only stopped when.</p>
    </div>
  </div>
</div>