Pricing 12
Pricing 12
=
<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 grid grid-cols-2 gap-x-8 lg:gap-x-12 xl:gap-x-20">
<div class="col-span-2 md:col-span-1 mb-8 md:mb-0 order-2 md:order-1 mt-8 md:mt-0">
<div class="bg-gray-200 max-w-xl mx-auto p-6 md:p-8 lg:p-12">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">€17 per month</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>
<button
class="block w-full bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6 max-w-xs mx-auto">Order
now</button>
<div class="grid grid-cols-1 md:grid-cols-2 mt-4">
<ul class="font-semibold mt-6 space-y-3">
<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
</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
</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>
Now residence dashwoods
</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>
Remember outweigh do
</span>
</li>
</ul>
<ul class="font-semibold mt-6 space-y-3">
<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>
Breakfast as
</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>
Must you with him
</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>
Behind sooner dining
</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>
brother believe an
</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-span-2 md:col-span-1 self-center max-w-2xl order-1 md:order-2">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">All features you need</h2>
<div class="text-lg text-gray-600">
<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 class="space-y-6 lg:space-y-8 mt-8">
<div class="text-left flex space-x-6">
<div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
</div>
<div class="flex-1">
<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 tha
of travelling.</p>
</div>
</div>
<div class="text-left flex space-x-6">
<div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
</svg>
</div>
<div class="flex-1">
<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 have to look at the floundering legs, and only stopped
when.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>