Pricing 01

            
<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 text-center">Simple pricing plans</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="max-w-screen-lg mx-auto mt-12 grid grid-cols-3 gap-8">
    <div class="bg-gray-200 p-6 lg:p-8 items-center gap-4 col-span-3 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>
            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 class="bg-gray-200 p-6 lg:p-8 items-center gap-4 col-span-3 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 class="bg-gray-200 p-6 lg:p-8 items-center gap-4 col-span-3 md:col-span-1">
      <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Pro plan</h3>
      <span class="text-3xl lg:text-4xl font-bold">€99 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>