<section class="pt-24 pb-28 bg-white overflow-hidden">
<div class="container px-4 mx-auto">
<div class="text-center max-w-lg mx-auto">
<h2 class="mb-5 text-6xl md:text-7xl font-bold font-heading text-center tracking-px-n leading-tight">Collaborate efficiently with the teams today</h2>
<p class="mb-7 text-lg text-gray-600 font-medium">Amet minim mollit non deserunt ullamco.</p>
<div class="mb-11 md:inline-block">
<button class="py-4 px-6 w-full text-white font-semibold border border-indigo-700 rounded-xl shadow-4xl focus:ring focus:ring-indigo-300 bg-indigo-600 hover:bg-indigo-700 transition ease-in-out duration-200" type="button">Join Free for 30 Days</button>
</div>
<div class="flex flex-wrap items-center justify-center -m-1">
<div class="w-auto p-1">
<div class="flex flex-wrap">
<div class="w-auto">
<img src="flaro-assets/images/cta/avatar-circle.png" alt="">
</div>
<div class="w-auto -ml-3">
<img src="flaro-assets/images/cta/avatar-circle2.png" alt="">
</div>
<div class="w-auto -ml-3">
<img src="flaro-assets/images/cta/avatar-circle3.png" alt="">
</div>
</div>
</div>
<div class="w-auto p-1">
<p class="text-gray-600 font-medium">
<span>Join</span>
<span class="font-bold">250+</span>
<span>other startup founders</span>
</p>
</div>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Alert 101
- Application 103
- Banners 37
- Blog 122
- Call to action 189
- Cards 29
- Careers 28
- Contact 96
- Content 80
- Cookies 92
- Dashboards 13
- E-commerce (orders) 28
- E-commerce (products) 49
- FAQ 86
- Features 215
- Footers 123
- Forms 9
- Graphs 38
- HTTP codes 98
- Hero section 144
- How it works 121
- Logo clouds 150
- Modals 29
- Navbar 209
- Navigation (horizontal) 202
- Navigation (vertical) 7
- Newsletter 104
- Notifications 7
- Paginations 12
- Portfolio 87
- Pricing 119
- Projects 6
- Reviews 10
- Rich text 3
- Sign in / Sign up 155
- Snackbars 10
- Stats 144
- Tables 70
- Team 108
- Testimonials 139
- Users 17
Component #1
Effectively collecting contacts is the goal of most sites. A well thought out Tailwind call to action component section must clearly define the path objective and the data collection goal.
Choose from many variations of Tailwind components call to action. Presented here are variants available in various UI libraries. You will also find many other types of components that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.
Get access to all Tailwind components call to action, code and our editor. Try the demo for free.
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
