Stats
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Header
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Team
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
404
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonials
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Login
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Card
Pricing Card UI for web design
Pricing Card UI for web design
Pricing Card UI for web design
Pricing Card UI for web design
Pricing Card UI for web design
Post
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Contact
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Navigation
Header UI design by Tailwind CSS - Tailblocks
Buttons
Buttons Custom design tailwind with icons
Pagination
Pagination UI with code - Tailblocks
Share Buttons
Pagination UI with code - Tailblocks
Footer
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Silver
$3.99/Mo
For Freelancers
1 website
30 GB Storage
2 Databases
~10,000 Visits Monthly
SSL
Subscribe
Gold
$9.99/Mo
For Freelancers
10 websites
100 GB Storage
Unlimited Databases
~25,000 Visits Monthly
SSL
Weekly Backups
Free E-mail
Subscribe
Diamond
$14.99/Mo
For Freelancers
100 websites
500 GB Storage
Unlimited Databases
~100,000 Visits Monthly
SSL
Daily Backups
Free E-mail
Subscribe
<div class="flex justify-center"> <div class="flex flex-col md:flex-row max-w-7xl justify-center items-center "> <div class="bg-white m-4 shadow-xl min-h-96 flex flex-col justify-center text-black hover:border-t-8 hover:border-r-8 hover:border-yellow-500 rounded-lg transition duration-400 ease-in"> <div class="m-8 h-96"> <div class=" m-2">Silver</div> <div class=" m-2 text-3xl">$3.99/Mo</div> <div class=" m-2 mt-8">For Freelancers</div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">1 website</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">30 GB Storage</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon><div class="">2 Databases</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon><div class="">~10,000 Visits Monthly</div> </div> <div class="flex"> <ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon><div class="">SSL</div> </div> </div> <div class="flex justify-center"> <div class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">Subscribe</div> </div> </div> <div class="bg-white m-4 shadow-xl min-h-96 flex flex-col justify-center text-black hover:border-t-8 hover:border-r-8 hover:border-pink-500 rounded-lg transition duration-400 ease-in"> <div class="m-8 h-96"> <div class=" m-2">Gold</div> <div class=" m-2 text-3xl">$9.99/Mo</div> <div class=" m-2 mt-8">For Freelancers</div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">10 websites</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">100 GB Storage</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Unlimited Databases</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon><div class="">~25,000 Visits Monthly</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">SSL</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon><div class="">Weekly Backups</div> </div> <div class="flex"> <ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon><div class="">Free E-mail</div> </div> </div> <div class="flex justify-center"> <div class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">Subscribe</div> </div> </div> <div class="bg-white m-4 shadow-xl min-h-96 flex flex-col justify-center text-black hover:border-t-8 hover:border-r-8 hover:border-violet-500 rounded-lg transition duration-400 ease-in"> <div class="m-8 h-96"> <div class=" m-2">Diamond</div> <div class=" m-2 text-3xl">$14.99/Mo</div> <div class=" m-2 mt-8">For Freelancers</div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">100 websites</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">500 GB Storage</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Unlimited Databases</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">~100,000 Visits Monthly</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">SSL</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Daily Backups</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Free E-mail</div> </div> </div> <div class="flex justify-center"> <div class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">Subscribe</div> </div> </div> </div> <script src="https://cdn.tailwindcss.com"></script> <script src="https://use.fontawesome.com/03f8a0ebd4.js"></script> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>