<section class="py-24 md:py-40 bg-gray-100">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap items-end -mx-4">
<div class="w-full md:w-1/2 xl:w-1/4 px-4 mb-8 xl:mb-0">
<a class="max-w-sm mx-auto flex flex-col pt-12 px-12 bg-white rounded-md" href="#">
<h5 class="font-heading text-xl mb-14">Comfort like you've never experienced before.</h5>
<div class="text-right mt-auto pb-10">
<span class="inline-block">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</div>
</a>
</div>
<div class="w-full md:w-1/2 xl:w-1/4 px-4 mb-8 xl:mb-0">
<a class="max-w-sm mx-auto flex flex-col pt-12 px-12 bg-white rounded-md" href="#">
<h5 class="max-w-xs 3xl:pr-10 font-heading text-xl mb-8">Create design and furniture</h5>
<div class="text-right mt-auto pb-10">
<span class="inline-block">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</div>
</a>
</div>
<div class="w-full md:w-1/2 xl:w-1/4 px-4 mb-8 md:mb-0">
<a class="max-w-sm mx-auto flex flex-col pt-12 px-12 bg-white rounded-md" href="#">
<h5 class="max-w-xs 3xl:pr-10 font-heading text-xl mb-8">New in: Modular Design</h5>
<div class="text-right mt-auto pb-10">
<span class="inline-block">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</div>
</a>
</div>
<div class="w-full md:w-1/2 xl:w-1/4 px-4">
<a class="max-w-sm mx-auto flex flex-col pt-12 px-12 bg-white rounded-md" href="#">
<h5 class="max-w-xs 3xl:pr-10 font-heading text-xl mb-8">Make every day feel like Sunday</h5>
<div class="text-right mt-auto pb-10">
<span class="inline-block">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="black"></path>
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Alert 88
- Application 85
- Banner 28
- Blog 105
- Call to action 158
- Cards 24
- Careers 20
- Charts 3
- Contact 81
- Content 70
- Cookies 84
- E-commerce (orders) 28
- E-commerce (products) 49
- FAQ 71
- Features 175
- Footers 106
- Forms 6
- Graphs 28
- HTTP codes 83
- Headers 127
- How it works 104
- Logo clouds 131
- Modals 14
- Navbar 116
- Navigation (horizontal) 164
- Navigation (vertical) 2
- Newsletter 92
- Notifications 4
- Portfolio 82
- Pricing 99
- Reviews 10
- Rich text 3
- Section headings 72
- Sign in / Sign up 125
- Stats 126
- Tables 64
- Team 91
- Testimonials 112
- Users 17
Component #1
- 175 Tailwind features section allows you to describe the features of your product or company in a clear way. Various layouts of icons, graphics, headings and descriptions allow you to choose the perfect variant of Tailwind features component.
On this subpage, you can browse the different Tailwind features component themes that are available in our UI libraries. You will also find many other types of components that will follow a similar style. Each of these libraries has been developed by experienced designers along with our in-house development team.
Get access to all Tailwind features components, code and our editor. Test the editor demo for free.
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
