Pricing 03

            
<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">
  
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium mb-8">We offer the best price for every customer</h2>
  
    <div class="lg:grid lg:grid-cols-5 gap-x-8 lg:gap-x-12 xl:gap-x-20">
      <div class="col-span-2">
        <div class="text-xl text-gray-600">
          <p class="mt-2">
            The European languages are members of the same family. Their separate existence is a myth. For science, music,
            sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation
            and their most common words.
          </p>
          <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>

      <div class="col-span-3 mt-8 lg:mt-0 grid grid-cols-2 items-center">
        <div class="bg-gray-200 p-6 lg:p-8 items-center gap-4 col-span-2 md:col-span-1">
          <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Freelance plan</h3>
          <span class="text-3xl lg:text-4xl font-bold">€19 p/m</span>
          <ul class="font-semibold mt-6">
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                Everyone realizes why a new common 
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                To achieve this, it would be necessary
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="line-through">
                He European languages are member
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="line-through">
                Their separate existence is a myth
              </span>
            </li>
          </ul>
          <button class="block w-full bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</button>
        </div>
        <div class="bg-gray-300 p-6 lg:p-8 items-center gap-4 col-span-2 md:col-span-1">
          <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Team plan</h3>
          <span class="text-3xl lg:text-4xl font-bold">€59 p/m</span>
          <ul class="font-semibold mt-6">
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                Everyone realizes why a new common 
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                To achieve this, it would be necessary
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                He European languages are member
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                Their separate existence is a myth
              </span>
            </li>
          </ul>
          <button class="block w-full bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</button>
        </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">
  
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium mb-8">We offer the best price for every customer</h2>
  
    <div class="lg:grid lg:grid-cols-5 gap-x-8 lg:gap-x-12 xl:gap-x-20">
      <div class="col-span-2">
        <div class="text-xl text-gray-600">
          <p class="mt-2">
            The European languages are members of the same family. Their separate existence is a myth. For science, music,
            sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation
            and their most common words.
          </p>
          <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>

      <div class="col-span-3 mt-8 lg:mt-0 grid grid-cols-2 items-center">
        <div class="bg-gray-200 p-6 lg:p-8 items-center gap-4 col-span-2 md:col-span-1">
          <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Freelance plan</h3>
          <span class="text-3xl lg:text-4xl font-bold">€19 p/m</span>
          <ul class="font-semibold mt-6">
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                Everyone realizes why a new common 
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                To achieve this, it would be necessary
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="line-through">
                He European languages are member
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="line-through">
                Their separate existence is a myth
              </span>
            </li>
          </ul>
          <button class="block w-full bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</button>
        </div>
        <div class="bg-gray-300 p-6 lg:p-8 items-center gap-4 col-span-2 md:col-span-1">
          <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Team plan</h3>
          <span class="text-3xl lg:text-4xl font-bold">€59 p/m</span>
          <ul class="font-semibold mt-6">
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                Everyone realizes why a new common 
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                To achieve this, it would be necessary
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                He European languages are member
              </span>
            </li>
            <li class="flex space-x-2 text-base items-baseline">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span>
                Their separate existence is a myth
              </span>
            </li>
          </ul>
          <button class="block w-full bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</button>
        </div>
      </div>
    </div>
  </div>
</div>