Features 10

            
<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 text-center">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Amazing Features</h2>
    <p class="text-xl lg:text-2xl text-gray-600 mt-2">We are mmitted to a unique, cutting-edge approach to that</p>
  </div>
  <div class="md:grid  items-center md:grid-cols-3 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto mt-12 lg:mt-20 space-y-12 md:space-y-0">

    <div class="space-y-12 lg:space-y-20 order-1">
      <div class="text-left">
        <h3 class="font-semibold text-lg mb-2">Collection of textile</h3>
        <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself It showed transformed.</p>
      </div>

      <div class="text-left">
        <h3 class="font-semibold text-lg mb-2">How about sleep a little bit</h3>
        <p>Doing business like this takes much more effort than doing your own business at home, and on top.</p>
      </div>
    </div>
   
    <div class="order-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="">
    </div>
    
    <div class="space-y-12 lg:space-y-20 order-3">
      <div class="text-left">
        <h3 class="font-semibold text-lg mb-2">He felt a slight 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.</p>
      </div>

      <div class="text-left">
        <h3 class="font-semibold text-lg mb-2">But who knows, would do it</h3>
        <p>You've got to get enough sleep. Other travelling salesmen live a life of luxury. For instance.</p>
      </div>
    </div>

  </div>
</div>