Features

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

            
<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">
    <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 md:grid-cols-2 md:gap-12 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 class="text-left">
      <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 salesmen live a life of luxury. For instance, whenever I go back to the guest.</p>
    </div>
  </div>
</div>
            
          

            
<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 md:grid-cols-2 xl: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="text-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
          <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
        </svg>
      </div>
      <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-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
        </svg>
      </div>
      <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 class="text-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
        </svg>
      </div>
      <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-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
        </svg>
      </div>
      <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 class="text-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </div>
      <h3 class="font-semibold text-lg mb-2">His boss would certainly</h3>
      <p>Well, there's still some hope; once I've got the money together to pay off my parents.</p>
    </div>
    <div class="text-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
        </svg>
      </div>
      <h3 class="font-semibold text-lg mb-2">One morning, when Gregor Samsa</h3>
      <p>And even if he did catch the train he would not avoid his boss's anger as the.</p>
    </div>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="md:grid md:grid-cols-2 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto space-y-12 md:space-y-0">
    <div class="text-center max-w-md mx-auto">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
          <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
        </svg>
      </div>
      <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-center max-w-md mx-auto">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
        </svg>
      </div>
      <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>
            
          

            
<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">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Amazing Features</h2>
    <p class="text-xl lg:text-2xl text-gray-600 mt-2 text-center">We are mmitted to a unique, cutting-edge approach to that</p>
  </div>
  <div class="md:grid md:grid-cols-2 md:gap-12 max-w-screen-xl mx-auto mt-12 lg:mt-20 space-y-12 md:space-y-0">
    <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="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
        </svg>
      </div>
      <div class="flex-1">
        <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>
    <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 that there's the curse 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 eyes so that he wouldn't 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 salesmen live a life of luxury. For instance, whenever I go back to the guest.</p>
      </div>
    </div>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-lg mx-auto space-y-20 md:space-y-16 ">
<div class="flex flex-col md:flex-row items-center md:space-x-10 space-y-6 md:space-y-0">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="User placeholder" class="rounded-lg w-48 md:order-1">
      <div class="flex-1 md:order-2">
        <h3 class="font-semibold text-lg lg:text-xl mb-2">He felt a slight itch up on his bell</h3>
        <div class="text-lg lg:text-xl">
          <p>Quick brown dogs jump over the lazy fox. The jay, pig, fox,
            zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed.</p>
          <a href="#" class="mt-5 inline-block">Read more »</a>
        </div>
      </div>
    </div>

    <div class="flex flex-col md:flex-row items-center space-y-6 md:space-x-10 md:space-x-reverse md:space-y-0">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="User placeholder" class="rounded-lg w-48 md:order-2">
      <div class="flex-1 md:order-1">
        <h3 class="font-semibold text-lg lg:text-xl mb-2">He felt a slight itch up on his bell</h3>
        <div class="text-lg lg:text-xl">
          <p>Quick brown dogs jump over the lazy fox. The jay, pig, fox,
            zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed.</p>
          <a href="#" class="mt-5 inline-block">Read more »</a>
        </div>
      </div>
    </div>

    <div class="flex flex-col md:flex-row items-center md:space-x-10 space-y-6 md:space-y-0">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="User placeholder" class="rounded-lg w-48 md:order-1">
      <div class="flex-1 md:order-2">
        <h3 class="font-semibold text-lg lg:text-xl mb-2">He felt a slight itch up on his bell</h3>
        <div class="text-lg lg:text-xl">
          <p>Quick brown dogs jump over the lazy fox. The jay, pig, fox,
            zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed.</p>
          <a href="#" class="mt-5 inline-block">Read more »</a>
        </div>
      </div>
    </div>
  </div>
</div>
            
          

            
<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">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Amazing Features</h2>
    <p class="text-xl lg:text-2xl text-gray-600 text-center mt-2 max-w-2xl mx-auto">We are mmitted to a unique, cutting-edge approach to that</p>
  </div>
  <div class="md:grid md:grid-cols-3 md:gap-10 lg:gap-16 max-w-screen-xl mx-auto mt-12 lg:mt-20 space-y-12 md:space-y-0">
    <div>
      <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 himself.</p>
      <ul class="pt-6 space-y-2">
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Was multiply saw appear 
          </span>
        </li>
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Made divided appear let sixth
          </span>
        </li>
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Fruitful gathered that upon
          </span>
        </li>
      </ul>
      <a href="#" class="mt-5 inline-block">Read more »</a>
    </div>
    <div class="">
      <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 the curse of travelling.</p>
      <ul class="pt-6 space-y-2">
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Was multiply saw appear 
          </span>
        </li>
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Made divided appear let sixth
          </span>
        </li>
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Fruitful gathered that upon
          </span>
        </li>
      </ul>
      <a href="#" class="mt-5 inline-block">Read more »</a>
    </div>
    <div class="">
      <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, legs, and only stopped when.</p>
      <ul class="pt-6 space-y-2">
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Was multiply saw appear 
          </span>
        </li>
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Made divided appear let sixth
          </span>
        </li>
        <li class="flex space-x-2 items-center">
          <span class="w-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
            </svg>
          </span>
          <span>
            Fruitful gathered that upon
          </span>
        </li>
      </ul>
      <a href="#" class="mt-5 inline-block">Read more »</a>
    </div>
  </div>
</div>
            
          

            
<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>
            
          

            
<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>
            
          

            
<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>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="md:grid md:grid-cols-2 xl:grid-cols-3 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto space-y-12 md:space-y-0">
    <div class="text-left">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
          <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
        </svg>
      </div>
      <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">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
        </svg>
      </div>
      <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 class="text-left">
<div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
        </svg>
      </div>
      <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">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
        </svg>
      </div>
      <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 class="text-left">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </div>
      <h3 class="font-semibold text-lg mb-2">His boss would certainly</h3>
      <p>Well, there's still some hope; once I've got the money together to pay off my parents.</p>
    </div>
    <div class="text-left">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
        </svg>
      </div>
      <h3 class="font-semibold text-lg mb-2">One morning, when Gregor Samsa</h3>
      <p>And even if he did catch the train he would not avoid his boss's anger as the.</p>
    </div>
  </div>
</div>
            
          

            
<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 ">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="Image placeholder" class="rounded-lg w-full">
    </div>
    <div class="col-span-2 md:col-span-1 self-center max-w-2xl text-lg text-gray-600">
      <div class="space-y-6 lg:space-y-8 xl:space-y-16">
        <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 tha
            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 have to look at the floundering legs, and only stopped
            when.</p>
        </div>
        <div class="text-left">
          <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="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto space-y-12 md:space-y-0">
    <div class="text-center p-6 lg:p-8 xl:p-16 bg-gray-100 rounded-lg">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
          <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
        </svg>
      </div>
      <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-center p-6 lg:p-8 xl:p-16 bg-gray-200 rounded-lg">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
        </svg>
      </div>
      <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 class="text-center p-6 lg:p-8 xl:p-16 bg-gray-100 rounded-lg col-span-2 lg:col-span-1">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
        </svg>
      </div>
      <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>
</div>
            
          

            
<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="grid grid-cols-2 lg:grid-cols-4 gap-6 xl:gap-y-12 max-w-screen-xl mx-auto md:space-y-0 mt-8 lg:mt-16">
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
          <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">Collection of textile</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">How about sleep a little bit</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">He felt a up on his bell</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">But who, would do it</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">His boss would certainly</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">Turned to look out</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">One morning, when Samsa</span>
    </div>
    <div class="text-center">
      <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" />
        </svg>
      </div>
      <span class="font-semibold block text-base md:text-lg mb-2">Window at the dull weather</span>
    </div>
  </div>
  <div class="max-w-screen-lg mx-auto mt-8 text-center">
    <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6 lg:mt-10">Order our product now</a>
  </div>
</div>
            
          

            
<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="max-w-screen-xl mx-auto mt-8 lg:mt-12">
    <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-2 md:gap-12 xl:gap-y-20 max-w-screen-lg mx-auto mt-12 lg:mt-20 space-y-12 md:space-y-0">
    <div class="text-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
          <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
        </svg>
      </div>
      <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-center">
      <div class="w-12 mx-auto mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
        </svg>
      </div>
      <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>
            
          

            
<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">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Amazing Features</h2>
    <p class="text-xl lg:text-2xl text-gray-600 mt-2 text-center">We are mmitted to a unique, cutting-edge approach to that</p>
  </div>
  <div class="md:grid md:grid-cols-2 md:gap-12 max-w-screen-xl mx-auto mt-12  space-y-12 md:space-y-0">
    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">Doing your own business</span>
        <p class="mt-2 text-lg">Doing business like this takes much more effort</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>

    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">Shut his eyes so</span>
        <p class="mt-2 text-lg">He must have tried it a hundred times, shut his e</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>

    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">Other travelling salesmen</span>
        <p class="mt-2 text-lg">You've got to get enough sleep. Other travelling salesmen</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>
    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">The best support in town</span>
        <p class="mt-2 text-lg">You've got to get enough sleep. Other travelling salesmen</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>
    
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="md:grid md:grid-cols-2 xl:grid-cols-3 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto space-y-12 md:space-y-0">
    <div class="text-left">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
        </svg>
      </div>
      <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 class="text-left">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </div>
      <h3 class="font-semibold text-lg mb-2">His boss would certainly</h3>
      <p>Well, there's still some hope; once I've got the money together to pay off my parents.</p>
    </div>
    <div class="text-left">
      <div class="w-12 bg-gray-200 rounded-lg p-2 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
        </svg>
      </div>
      <h3 class="font-semibold text-lg mb-2">One morning, when Gregor Samsa</h3>
      <p>And even if he did catch the train he would not avoid his boss's anger as the.</p>
    </div>
  </div>
</div>
            
          

            
<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 text-lg text-gray-600 order-2 md:order-1">
      <div class="space-y-6 lg:space-y-8 ">
        <div>
          <button class="flex justify-between w-full mb-2 border-b border-gray-300 px-2 py-2">
            <span class="flex-1 flex space-x-2 items-center">
              <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
              </svg>
              <span class="font-semibold text-lg flex-1 text-left">How about if I sleep a little bit</span>
            </span>
            <svg class="w-5 self-end" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="pl-10 pt-2">
            <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>
          <button class="flex justify-between w-full mb-2 border-b border-gray-300 px-2 py-2">
            <span class="flex-1 flex space-x-2 items-center">
              <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
              </svg>
              <span class="font-semibold text-lg flex-1 text-left">He felt a slight itch up on his bell</span>
            </span>
            <svg class="w-5 self-end" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="pl-10 pt-2 hidden">
            <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>
          <button class="flex justify-between w-full mb-2 border-b border-gray-300 px-2 py-2">
            <span class="flex-1 flex space-x-2 items-center">
              <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 15.546c-.523 0-1.046.151-1.5.454a2.704 2.704 0 01-3 0 2.704 2.704 0 00-3 0 2.704 2.704 0 01-3 0 2.704 2.704 0 00-3 0 2.704 2.704 0 01-3 0 2.701 2.701 0 00-1.5-.454M9 6v2m3-2v2m3-2v2M9 3h.01M12 3h.01M15 3h.01M21 21v-7a2 2 0 00-2-2H5a2 2 0 00-2 2v7h18zm-3-9v-2a2 2 0 00-2-2H8a2 2 0 00-2 2v2h12z" />
              </svg>
              <span class="font-semibold text-lg flex-1 text-left">But who knows, maybe that would do it</span>
            </span>
            <svg class="w-5 self-end" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="pl-10 pt-2 hidden">
            <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>
          <button class="flex justify-between w-full mb-2 border-b border-gray-300 px-2 py-2">
            <span class="flex-1 flex space-x-2 items-center">
              <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
              </svg>
              <span class="font-semibold text-lg flex-1 text-left">For instance, whenever I go back to the</span>
            </span>
            <svg class="w-5 self-end" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
          </button>
          <div class="pl-10 pt-2 hidden">
            <p>But who knows, maybe that would do it e must have tried it a hundred times, shut his have to</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-span-2 md:col-span-1 mb-6 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>
            
          

            
<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-3 gap-20 lg:gap-12">
    <div class="col-span-3 lg:col-span-1">
      <h2 class="text-2xl sm:text-2xl md:text-3xl text-gray-700 font-medium">Amazing Features</h2>
      <p class="text-lg text-gray-600 mt-2">The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps.</p>
      <p class="text-lg text-gray-600 mt-6">Wive quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq.</p>
      <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order our product now</a>
    </div>
    <div class="col-span-3 lg:col-span-2">
      <div class="md:grid md:grid-cols-2 md:gap-12 max-w-screen-xl mx-auto space-y-12 md:space-y-0">
        <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="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
            </svg>
          </div>
          <div class="flex-1">
            <h3 class="font-semibold text-lg mb-2">A collection of samples</h3>
            <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself It his bed into a horrible vermin.</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="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 bit</h3>
            <p>Doing business like this takes much more effort than doing your own business at home, and on top of 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  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, a 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 know do it</h3>
            <p>You've got to get enough sleep. Other travelling salesmen live a life of luxury. For instance, whenever I go back to the guest.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
            
          

            
<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 ">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="Image placeholder" class="rounded-lg w-full">
    </div>
    <div class="col-span-2 md:col-span-1 self-center max-w-2xl text-lg text-gray-600">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">The best features</h2>
      <div class="text-lg mb-12">
        <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>
      <div class="grid grid-cols-2 gap-6 xl:gap-y-12 ">
        <div class="text-center">
          <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
            </svg>
          </div>
          <span class="font-semibold block text-base md:text-lg mb-2">His boss would certainly</span>
        </div>
        <div class="text-center">
          <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
            </svg>
          </div>
          <span class="font-semibold block text-base md:text-lg mb-2">Turned to look out</span>
        </div>
        <div class="text-center">
          <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
            </svg>
          </div>
          <span class="font-semibold block text-base md:text-lg mb-2">One morning, when Samsa</span>
        </div>
        <div class="text-center">
          <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" />
            </svg>
          </div>
          <span class="font-semibold block text-base md:text-lg mb-2">Window at the dull weather</span>
        </div>
      </div>
    </div>
  </div>
</div>