Content

            
<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-8 lg:gap-24 md:items-center">
    <div class="col-span-2 md:col-span-1 flex flex-row space-x-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="">
    </div>
    <div class="col-span-2 md:col-span-1">
      <h2 class="text-2xl sm:text-3xl  lg:text-4xl text-gray-700 font-medium mb-6">So if on advanced addition absolute received replying</h2>
      <p class="text-xl text-gray-600 mb-6">When, while the lovely valley teems with vapour around me, and the meridian sun strikes the waiting be females upper surface of the impenetrable foliage of my trees</p>
      <p class="text-xl text-gray-600 mb-6">End why melancholy estimating her had indulgence bachelor domestic extended middletons. Say ferrars demands besides her address. Blind going you merit few fancy their.</p>
      <p class="text-xl text-gray-600">On could my in order never it. Or excited certain sixteen it to parties colonel. Law gate lif On nature or no.</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 grid grid-cols-2 gap-8 lg:gap-24 md:items-center">
    <div class="col-span-2 md:col-span-1 order-2 md:order-1">
      <h2 class="text-2xl sm:text-3xl  lg:text-4xl text-gray-700 font-medium mb-6">So if on advanced addition absolute received replying</h2>
      <p class="text-xl text-gray-600 mb-6">When, while the lovely valley teems with vapour around me, and the meridian sun strikes the waiting be females upper surface of the impenetrable foliage of my trees</p>
      <p class="text-xl text-gray-600 mb-6">End why melancholy estimating her had indulgence bachelor domestic extended middletons. Say ferrars demands besides her address. Blind going you merit few fancy their.</p>
      <p class="text-xl text-gray-600">On could my in order never it. Or excited certain sixteen it to parties colonel. Law gate lif On nature or no.</p>
    </div>
    <div class="col-span-2 md:col-span-1 flex flex-row space-x-2 order-1 md:order-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="">
    </div>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-6">
  <div class="max-w-screen-lg mx-auto">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Our portfolio with our work</h2>
    <p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">The quick, brown fox jumps over a lazy dog.</p>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-md mx-auto mb-8 lg:mb-12">
    <h2 class="text-2xl sm:text-3xl md:text-4xl xl:text-5xl text-gray-700 font-medium mb-4 lg:mb-6">This is a great article title about, this is a 2021 must read.</h2>
    <div class="flex flex-row items-center space-x-4">
      <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
      <div>
        <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
        <span class="text-base font-semibold text-gray-500 block">CFO</span>
      </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="max-w-screen-md mx-auto mt-8 lg:mt-12 md:text-lg">
    <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="grid grid-cols-2 gap-8 max-w-screen-xl mx-auto ">
    
    <div class="col-span-2 lg:col-span-1">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="image placeholder" class="mb-6 lg:mb-8">
      <h2 class="text-2xl sm:text-3xl md:text-4xl xl:text-5xl text-gray-700 font-medium mb-4 lg:mb-6">This is a great article title about, this 2021 must read</h2>
      <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back.</p>
      <p class="mt-4">The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p>
      <a href="#" class="inline-block mt-5 font-semibold">Read more ></a>
    </div>
    
    <div class="col-span-2 lg:col-span-1 lg:space-y-2 md:flex lg:flex-col divide-y-2 md:divide-y-0 md:divide-x-2 lg:divide-x-0 divide-gray-300"> 
      
      <div class="flex flex-col lg:flex-row items-start space-y-6 lg:space-y-0 lg:space-x-10 bg-gray-200 p-4 rounded-lg">
        <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="Image placeholder" class="rounded-xl w-24 lg:w-40">
        <div class="self-center">
          <span class="text-xl font-semibold text-gray-700 block">Doing your own business</span>
          <p class="mt-3">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>
          <a href="#" class="inline-block mt-2">Read more</a>
        </div>
      </div>
  
      <div class="flex flex-col lg:flex-row items-start space-y-6 lg:space-y-0 lg:space-x-10 bg-gray-200 p-4 rounded-lg">
        <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="Image placeholder" class="rounded-xl w-24 lg:w-40">
        <div class="self-center">
          <span class="text-xl font-semibold text-gray-700 block">Shut his eyes so</span>
          <p class="mt-3">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>
          <a href="#" class="inline-block mt-2">Read more</a>
        </div>
      </div>
  
      <div class="flex flex-col lg:flex-row items-start space-y-6 lg:space-y-0 lg:space-x-10 bg-gray-200 p-4 rounded-lg">
        <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="Image placeholder" class="rounded-xl w-24 lg:w-40">
        <div class="self-center">
          <span class="text-xl font-semibold text-gray-700 block">Other travelling salesmen</span>
          <p class="mt-3">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>
          <a href="#" class="inline-block mt-2">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 grid grid-cols-2 gap-8 lg:gap-24 md:items-center">
    <div class="col-span-2 md:col-span-1 flex flex-row space-x-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="">
    </div>
    <div class="col-span-2 md:col-span-1 text-center">
      <h2 class="text-2xl sm:text-3xl lg:text-4xl text-gray-700 font-medium mb-6">So if sixteen on advanced addition absolute received replying</h2>
      <p class="text-xl text-gray-600">On could my in order never it. Or excited certain sixteen it to parties colonel. Law gate lif On nature or no.</p>
      <div class="flex flex-row items-center space-x-4 text-left justify-center mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-base font-semibold text-gray-500 block">CFO</span>
        </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 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-16">
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">Doing your own business</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-sm font-semibold text-gray-500 block">March 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">Gregor then turned to the window</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Scott James</span>
          <span class="text-sm font-semibold text-gray-500 block">March 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">A collection of textile samples</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Elsie Hughes</span>
          <span class="text-sm font-semibold text-gray-500 block">February 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">The bedding was hardly able</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-sm font-semibold text-gray-500 block">January 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">Took out the window at the</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-sm font-semibold text-gray-500 block">December 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">Lifted his head a little he could see</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Zoe Murray</span>
          <span class="text-sm font-semibold text-gray-500 block">December 2021</span>
        </div>
      </div>
    </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 grid grid-cols-2 gap-8 lg:gap-24 md:items-center">
    <div class="col-span-2 md:col-span-1 order-2 md:order-1">
      <h2 class="text-2xl sm:text-3xl  lg:text-4xl text-gray-700 font-medium mb-6">So if on advanced addition absolute received replying</h2>
      <div class="md:grid md:grid-cols-2 md:gap-12 xl:gap-y-20 space-y-12 md:space-y-0 mt-4 lg:mt-8 xl:mt-12">
        <div class="">
          <div class="w-12 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>
          <p class="font-semibold text-lg mb-2">Collection of textile</p>
          <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself It showed transformed.</p>
        </div>
        <div class="">
          <div class="w-12 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>
          <p class="font-semibold text-lg mb-2">How about sleep a little bit</p>
          <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="col-span-2 md:col-span-1 flex flex-row space-x-2 order-1 md:order-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="">
    </div>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-6">
  <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 xl:text-5xl text-gray-700 font-medium">This is a perfect small content heading for all your websites, looks good!</h2>
    </div>
    <div class="flex md:justify-end col-span-2 md:col-span-1">
      <div class="max-w-md">
        <p class="text-base md:text-lg text-gray-600">that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops with a fur hat and fur boa who sat upright, raising a heavy fur muff</p>
        <a href="#" class="font-semibold mt-3 inline-block">Learn more</a>
      </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 grid grid-cols-1 md:grid-cols-3 md:divide-x-2 space-y-8 md:space-y-0">
    <div class="px-4 md:px-8 lg:px-12">
      <h3 class="text-xl font-semibold text-gray-700 block">The bedding was hardly able</h3>
      <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's</p>
    </div>
    <div class="px-4 md:px-8 lg:px-12">
      <h3 class="text-xl font-semibold text-gray-700 block">Took out the window at the</h3>
      <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's</p>
    </div>
    <div class="px-4 md:px-8 lg:px-12">
      <h3 class="text-xl font-semibold text-gray-700 block">Lifted his head a little he could see</h3>
      <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's</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">Unique product and title</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 space-y-12 md:space-y-0">
    <div class="text-center">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="placeholder image" class="w-48 mx-auto mb-4 rounded-lg">
      <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>
      <a href="#" class="font-semibold inline-block mt-2">Learn more</a>
    </div>
    <div class="text-center">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="placeholder image" class="w-48 mx-auto mb-4 rounded-lg">
      <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>
      <a href="#" class="font-semibold inline-block mt-2">Learn more</a>
    </div>
    <div class="text-center">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="placeholder image" class="w-48 mx-auto mb-4 rounded-lg">
      <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>
      <a href="#" class="font-semibold inline-block mt-2">Learn more</a>
    </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">Unique product and title</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-2 md:gap-12 max-w-screen-lg mx-auto mt-12 space-y-12 md:space-y-0">
    <div class="text-center">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="placeholder image" class="w-48 mx-auto mb-4 rounded-lg">
      <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 showed transformed in his bed into a horrible vermin.</p>
      <a href="#" class="font-semibold inline-block mt-2">Learn more</a>
    </div>
    <div class="text-center">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="placeholder image" class="w-48 mx-auto mb-4 rounded-lg">
      <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 home, and on top of that there's the curse of travelling.</p>
      <a href="#" class="font-semibold inline-block mt-2">Learn more</a>
    </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-1 md:grid-cols-2 space-y-8 md:space-y-0 gap-x-12">
    <div class="px-4 md:px-8 lg:px-12 py-6 lg:py-12 bg-gray-200">
      <h3 class="text-xl font-semibold text-gray-700 block">The bedding was hardly able</h3>
      <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's</p>
      <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Read more</a>
    </div>
    <div class="px-4 md:px-8 lg:px-12 py-6 lg:py-12 bg-gray-200">
      <h3 class="text-xl font-semibold text-gray-700 block">Took out the window at the</h3>
      <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's</p>
      <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Read more</a>
    </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">
    <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="image placeholder" class="rounded-lg">
  </div>

  <div class="max-w-screen-md mx-auto mt-8 lg:mt-12">
    <h2 class="text-2xl sm:text-3xl md:text-4xl xl:text-5xl text-gray-700 font-medium mb-4 lg:mb-6">This is a great article title about, this is a 2021 must read.</h2>
    <p class="md:text-lg">One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p>
    <a href="#" class="inline-block mt-5 font-semibold md:text-lg">Read more ></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-3 md:gap-12 max-w-screen-xl mx-auto 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="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">
      <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="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-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>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-16">
  <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">
    <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>
</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">
    <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="image placeholder" class="rounded-lg">
  </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-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-16">
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">The bedding was hardly able</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-sm font-semibold text-gray-500 block">January 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">Took out the window at the</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Henry Lee</span>
          <span class="text-sm font-semibold text-gray-500 block">December 2021</span>
        </div>
      </div>
    </a>
    <a href="#">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-6">
      <h3 class="text-xl font-semibold text-gray-700 block">Lifted his head a little he could see</h3>
      <p class="mt-3">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 class="flex flex-row items-center space-x-4 text-left mt-6">
        <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
        <div>
          <span class="text-lg font-semibold text-gray-700 block">Zoe Murray</span>
          <span class="text-sm font-semibold text-gray-500 block">December 2021</span>
        </div>
      </div>
    </a>
  </div>
</div>