Pricing 14

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-lg mx-auto grid grid-cols-3 items-center md:divide-x-2 md:divide-gray-300 space-y-4 md:space-y-0">
    <div class="bg-gray-200 items-center gap-4 col-span-3 md:col-span-1 text-center border border-gray-300">
      <div class="p-6 border-b-2 border-gray-300">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-2">Freelance plan</h3>
      </div>
      <ul class="font-semibold text-center p-6 space-y-2">
        <li>
            Everyone realizes
        </li>
        <li>
            To achieve this
        </li>
        <li>
            He European
        </li>
        <li>
            Their separate
        </li>
      </ul>
        <button class="block w-full bg-gray-600 font-semibold py-4 px-5 lg:px-8 text-white">Start for free</button>
    </div>
    <div class="bg-gray-200 items-center gap-4 col-span-3 md:col-span-1 text-center border border-gray-300">
      <div class="p-6 border-b-2 border-gray-300">
        <div class="bg-gray-300 rounded-lg py-2 px-3 text-center inline-block mb-2 text-xs font-semibold uppercase">Popular</div>
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-2">Pro plan</h3>
      </div>
      <ul class="font-semibold text-center p-6 space-y-2">
        <li>
            Everyone realizes
        </li>
        <li>
            To achieve this
        </li>
        <li>
            He European
        </li>
        <li>
            Their separate
        </li>
      </ul>
        <button class="block w-full bg-gray-600 font-semibold py-4 px-5 lg:px-8 text-white">Start for free</button>
    </div>
    <div class="bg-gray-200 items-center gap-4 col-span-3 md:col-span-1 text-center border border-gray-300">
      <div class="p-6 border-b-2 border-gray-300">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-2">Team plan</h3>
      </div>
      <ul class="font-semibold text-center p-6 space-y-2">
        <li>
            Everyone realizes
        </li>
        <li>
            To achieve this
        </li>
        <li>
            He European
        </li>
        <li>
            Their separate
        </li>
      </ul>
        <button class="block w-full bg-gray-600 font-semibold py-4 px-5 lg:px-8 text-white">Start for free</button>
    </div>
  </div>
</div>