Home
Elijah Davis
call-to-action button

call-to-action button

This tailwind example is contributed by Elijah Davis, on 01-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner

Call to Action

Author Elijah Davis

9.3k

Fork Fullscreen

<div class="w-full items-center lg:px-24 max-w-7xl md:px-12 mx-auto px-8 py-12">
    <div class="relative items-center">
        <div class="w-full justify-between lg:inline-flex lg:items-center">
            <div class="max-w-xl">
                <span class="text-sm text-rose-500 font-semibold uppercase tracking-widest">Description</span>
                <p class="text-black font-extrabold mt-8 text-4xl tracking-tight">Get to know Our Brand
                    <span class="lg:block">and it's features.</span>
                </p>
            </div>
            <div class="flex flex-col lg:ml-auto mt-12 sm:flex-row"><a
                    class="w-full items-center inline-flex duration-200 focus:outline-none font-medium justify-center px-6 py-3 rounded-xl text-center focus-visible:outline-black lg:w-auto bg-rose-500 focus-visible:ring-black hover:bg-rose-100 hover:text-rose-500 text-white"
                    href="/signup">Get started now &nbsp;&nbsp;
                    <span class="font-bold text-2xl">
                            →
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

Call to action
CTA

Author:
inbarajan P

1 year ago

1.9k
CTA with image

Author:
Fagundo67

3 years ago

10k
Free Animated Gradient Glow Button with Tailwind CSS
A modern, responsive Tailwind CSS button with glowing gradient hover effects, smooth animations, and an integrated SVG icon. Perfect for landing pages, call-to-action buttons, or any stylish UI project. Fully customizable and open source , ready to copy, paste, and use in your projects.

Author:
Homayoun

5 months ago

382
Responsive About Section with Tailwind CSS
Built a sleek and fully responsive About Section for my portfolio using Tailwind CSS! 🚀 Designed for smooth adaptability across all screen sizes with a modern and minimal aesthetic. Perfect for showcasing skills, experience, and a personal touch!

Author:
Abdul Baset Bappy

11 months ago

1.6k
Chat Box for Marketing
An Onyx component. This chat box is great for SAAS landing pages where you want to mock customer interactions or expectations.

Author:
Coastal UI

1 year ago

2k
Geaux Code CTA Section
CTA with background patterns

Author:
Andrew Weisbeck

1 year ago

2k
Tilted button on hover.
A simple button with a gradient and tilt on hover. Dark mode supported with same color.

Author:
Banshee

11 months ago

982
Boimator welcoming back
Boimator welcoming back

Author:
Bonimater

7 months ago

522
an off line game of catching afox
an off line game of catching afox

Author:
Bonimater

9 months ago

787
Modern Contact Section with Responsive Grid and Glassmorphic Form
A clean, professional contact section with a dual-column layout featuring contact details and a sleek glassmorphism-inspired form. Fully responsive with Tailwind CSS, supporting both light and dark modes.

Author:
Muhammad Umair Arshad

7 months ago

674
CTA block for "Take our survey"
Get users attention to he survey form

Author:
Prajwal Hallale

2 years ago

9.7k
SliceHeaven
delivering pizza

Author:
INGRIDE MUZIRANENGE

9 months ago

808

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components