Tailwind CSS Components

<section class="py-26 bg-green-200">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-green-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-green-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-green-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-green-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>
      </div>
    </div>

<section class="py-26 bg-pink-200">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-pink-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-pink-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-pink-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-pink-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>
      </div>
    </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute top-0 left-0 w-2/3 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-purple-left.svg" alt="">
  <img class="absolute bottom-0 md:top-0 right-0 md:w-1/3 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-purple-right.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-4 items-center">
      <div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0">
        <img class="block lg:max-w-lg w-full h-156 object-cover border-3 border-indigo-900 rounded-2xl shadow-lg" src="nigodo-assets/img/photo-board.jpg" alt="">
      </div>
      <div class="w-full lg:w-1/2 px-4">
        <span class="text-lg font-extrabold text-purple-500">Section label</span>
        <h1 class="text-3xl sm:text-4xl lg:text-5xl 2xl:text-6xl font-extrabold font-heading mt-2 mb-10">Gain more insight into how people use your</h1>
        <p class="text-xl font-extrabold leading-8 mb-8">With our integrated CRM, project management, collaboration and invoicing capabilities, you can manage every aspect of your business in one secure platform.</p>
        <a class="inline-block w-full md:w-auto py-4 px-6 text-center leading-6 text-lg text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 shadow rounded transition duration-200" href="#">Request a demo</a>
      </div>
    </div>
  </div>
</section>

<section class="py-26 bg-orange-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-orange-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-orange-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-orange-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-orange-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-green-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-green-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-green-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-green-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-green-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-green-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-green-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-red-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-red-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-red-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-red-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-red-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-red-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-red-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-purple-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-purple-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-purple-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-purple-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-purple-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-purple-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-purple-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-orange-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-orange-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-orange-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-orange-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-orange-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-orange-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-orange-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-gray-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-gray-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-gray-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-gray-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-gray-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-pink-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-pink-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-pink-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-pink-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-pink-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-pink-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-pink-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-indigo-200 relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-indigo-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-indigo-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-indigo-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-indigo-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-green-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-green-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-green-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-green-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-green-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-green-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-gray-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-gray-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-gray-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-gray-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-indigo-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-indigo-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-indigo-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-indigo-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-orange-light-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-orange-light-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-orange-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-orange-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-orange-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-orange-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-red-light-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-red-light-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-red-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-red-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-red-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-red-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-purple-light-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-purple-light-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-purple-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-purple-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-purple-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-purple-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-indigo-light-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-indigo-light-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-gray-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-gray-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="py-26 bg-white relative overflow-hidden">
  <img class="absolute bottom-0 md:top-0 right-0 md:h-full" src="nigodo-assets/background-elements/pattern-two-smashes-pink-light-right.svg" alt="">
  <img class="absolute top-0 left-0 md:h-full" src="nigodo-assets/background-elements/pattern-smash-dots-pink-light-left.svg" alt="">
  <div class="container px-4 mx-auto relative">
    <div class="flex flex-wrap -mx-2 -mb-8">
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-pink-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men.png" alt="">
            <h4 class="md:text-xl font-extrabold">Macauley Herring</h4>
            <span class="text-pink-400 font-bold">CEO &amp; Founder at Nigodo</span>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/2 px-4 mb-8">
        <div class="h-full py-12 px-6 md:px-12 bg-white border-3 border-pink-900 rounded-2xl shadow-md">
          <div class="h-full flex flex-col text-center">
            <h3 class="text-xl md:text-2xl font-extrabold leading-8 mb-auto">“You won't regret it. We've seen amazing results already. Thanks guys, keep up the good work!”</h3>
            <img class="block max-w-max h-18 mt-12 mb-2 mx-auto" src="nigodo-assets/testimonials/avatar-men-2.png" alt="">
            <h4 class="md:text-xl font-extrabold">Ivan Mathews</h4>
            <span class="text-pink-400 font-bold">CTO at Nigodo</span>
          </div>
        </div>

<section class="skewed-bottom-right" x-data="{ mobileNavOpen: false }">
  <nav class="relative px-6 py-6 flex justify-between items-center bg-gray-50">
    <a class="text-3xl font-bold leading-none" href="#">
      <img class="h-12" src="atis-assets/logo/atis/atis-mono-black.svg" alt="" width="auto">
    </a>
    <div class="lg:hidden">
      <button x-on:click="mobileNavOpen = !mobileNavOpen" class="flex items-center text-gray-400 p-3">
        <svg class="block h-4 w-4 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
          <title>Mobile menu</title>
          <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
        </svg>
      </button>
    </div>
    <ul class="hidden absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2 lg:flex lg:mx-auto lg:flex lg:items-center lg:w-auto lg:space-x-6">
      <li><a class="text-sm text-gray-400 hover:text-gray-500" href="#">Start</a></li>
      <li class="text-gray-800">
        <svg class="w-4 h-4 current-fill" 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 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path>
        </svg>
      </li>
      <li><a class="text-sm text-green-600 font-bold" href="#">About Us</a></li>
      <li class="text-gray-800">
        <svg class="w-4 h-4 current-fill" 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 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path>