Card Why Choose Us - Tailwind Component
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
card
Loading component...
38 lines
<div class="flex flex-col space-y-4 items-center justify-center bg-white py-12">
<card class="border-indigo-400 border border-dashed hover:border-double rounded w-[30rem] py-7 px-5">
<div class="grid grid-cols-6 gap-3">
<div class="col-span-2">
<img src="https://cdn-icons-png.flaticon.com/128/7069/7069350.png" />
</div>
<div class="col-span-4">
<p class="text-gray-700 font-bold">Fast & Easy Booking</p>
<p class="text-gray-500 mt-4">Book your car online or offline. Follow the easy process to book your car
online. Or just call us only time from anywhere.</p>
</div>
</div>
</card>
<card class="border-indigo-400 border border-dashed hover:border-double rounded w-[30rem] py-7 px-5">
<div class="grid grid-cols-6 gap-3">
<div class="col-span-4 text-right">
<p class="text-gray-700 font-bold">Many Pickup Location</p>
<p class="text-gray-500 mt-4">We have on extensive number of cars that will be available to pick you up
from any location throughout the country.</p>
</div>
<div class="col-span-2">
<img src="https://cdn-icons-png.flaticon.com/512/854/854894.png" />
</div>
</div>
</card>
<card class="border-indigo-400 border border-dashed hover:border-double rounded w-[30rem] py-7 px-5">
<div class="grid grid-cols-6 gap-3">
<div class="col-span-2">
<img src="https://cdn-icons-png.flaticon.com/128/2651/2651001.png" />
</div>
<div class="col-span-4">
<p class="text-gray-700 font-bold">Statified Customers</p>
<p class="text-gray-500 mt-4">WE HAVE 20,000+ HAPPY CUSTOMERS AND IT'S INCREASING. View or review
section to get their feedback about our service.</p>
</div>
</div>
</card>
</div>