Pricing 06
Pricing 06
=
<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>
</div>
<div class="max-w-screen-xl mx-auto mt-12 ">
<div class="overflow-x-auto">
<div class="align-middle inline-block min-w-full overflow-hidden">
<table class="min-w-full">
<thead class="text-left bg-gray-200 border border-gray-300">
<tr>
<th class="py-2 lg:py-6 px-3 w-3/12 border-r border-gray-300 text-center"> </th>
<th class="py-2 lg:py-6 px-3 w-3/12 border-r border-gray-300 text-center">
<span class="text-xl block">
Starter
</span>
<span class="text-gray-500 whitespace-nowrap lg:whitespace-normal">dissimilar by unreserved</span>
</th>
<th class="py-2 lg:py-6 px-3 w-3/12 border-r border-gray-300 text-center">
<span class="text-xl block">
Team
</span>
<span class="text-gray-500 whitespace-nowrap lg:whitespace-normal">likewise by on it</span>
</th>
<th class="py-2 lg:py-6 px-3 w-3/12 text-center">
<span class="text-xl block">
Pro
</span>
<span class="text-gray-500 whitespace-nowrap lg:whitespace-normal">Highly indeed had</span>
</th>
</tr>
</thead>
<tbody class="divide-y divide-blue-100 whitespace-nowrap lg:whitespace-normal text-center font-semibold">
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 text-left px-4 lg:px-8">
Pricing
</td>
<td class="border-r border-gray-300 py-6">
<span class="text-xl lg:text-3xl">€19</span>
</td>
<td class="border-r border-gray-300 py-6">
<span class="text-xl lg:text-3xl">€39</span>
</td>
<td>
<span class="text-xl lg:text-3xl">€59</span>
</td>
</tr>
<tr class="bg-gray-200">
<td colspan="4" class="text-left py-6 px-4 lg:px-8 text-xl">
Plan Features
</td>
</tr>
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 px-4 lg:px-8 text-left">
Users
</td>
<td class="border-r border-gray-300 py-6">
1
</td>
<td class="border-r border-gray-300 py-6">
10
</td>
<td>
100
</td>
</tr>
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 px-4 lg:px-8 text-left">
Emails
</td>
<td class="border-r border-gray-300 py-6">
10
</td>
<td class="border-r border-gray-300 py-6">
50
</td>
<td>
300
</td>
</tr>
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 px-4 lg:px-8 text-left">
Storage
</td>
<td class="border-r border-gray-300 py-6">
100 GB
</td>
<td class="border-r border-gray-300 py-6">
300 GB
</td>
<td>
500 GB
</td>
</tr>
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 px-4 lg:px-8 text-left">
Online Support
</td>
<td class="border-r border-gray-300 py-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 mx-auto">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</td>
<td class="border-r border-gray-300 py-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 mx-auto">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</td>
<td>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 mx-auto">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</td>
</tr>
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 px-4 lg:px-8 text-left">
Phone Support
</td>
<td class="border-r border-gray-300 py-6">
-
</td>
<td class="border-r border-gray-300 py-6">
-
</td>
<td>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 mx-auto">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</td>
</tr>
<tr class="border border-gray-300 bg-white">
<td class="border-r border-gray-300 py-6 px-4 lg:px-8 text-left">
Live Support
</td>
<td class="border-r border-gray-300 py-6">
-
</td>
<td class="border-r border-gray-300 py-6">
-
</td>
<td>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 mx-auto">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>