Call to action block

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

Call to Action Jumbotron

Author Sienna

Tailwind v3.4 12.4k 20

Fork Fullscreen

<section class="bg-gray-900 w-full">
    <div class="relative lg:flex items-center space-y-16 max-w-7xl mx-auto px-8 py-24 lg:space-y-0 lg:space-x-16">
        <div class="flex-grow space-y-8">
            <div class="space-y-4">
                <h2 class="text-white font-bold text-yellow-200 text-4xl">
                    Submit your own articles 🚀
                </h2>

<p class="text-xl text-white">
                    Visit the article dashboard to publish your own articles to our website!
                </p>
            </div>

<a href="#" target="_blank"
                class="group inline-flex items-center justify-center px-6 text-lg sm:text-xl font-semibold tracking-tight text-white transition rounded-lg h-11 ring-2 ring-inset ring-white hover:bg-yellow-200 hover:text-yellow-800 hover:ring-yellow-200 focus:ring-yellow-200 focus:text-yellow-800 focus:bg-yellow-200 focus:outline-none">
                Go to article dashboard
            </a>
        </div>
    </div>
</section>

Related Examples

Call to action section with image

Steven Kuhn

3 years ago

10.9k
Jumbotron card

Sienna

3 years ago

12.4k
Call to action

Leon Bachmann

3 years ago

9.4k
Call to action

Piet Vriend

3 years ago

11.3k
Very simple hero

Laurits

3 years ago

9.7k
Simple call to action

Laurits

3 years ago

10.6k
Product hunt showcase section

Leon Bachmann

3 years ago

10.9k
CTA with image

Fagundo67

3 years ago

10.5k
Newsletter Signup Form
It features a clean and modern design with a background illustration, making it visually appealing.

TailwindFlex

3 years ago

8.6k
Content showing for Call to action

inbarajan P

2 years ago

2.7k
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.

Homayoun

1 year ago

1.1k
Product review card

Moriba Traore

3 years ago

15.8k