Home
Amit Pachange
Highlighted Important section with button

Highlighted Important section with button

This tailwind example is contributed by Amit Pachange, on 21-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner

Call to Action

Author Amit Pachange

9.2k

Fork Fullscreen

<div class="bg-gray-100 pb-6">
    <div
        class="text-center lg:text-left max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
        <h3 class="text-3xl leading-9 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-tight">
            Ready to monitor some websites?<br>
            <span class="text-blue-600">Get started for free.</span>
        </h3>
        <div class="justify-center lg:justify-left mt-8 flex lg:flex-shrink-0 lg:mt-0">
            <div class="inline-flex">
                <a href="" target="_blank"
                    class="inline-flex items-center justify-center px-5 py-3 text-base leading-6 font-medium text-blue-600 hover:text-blue-500 focus:outline-none transition duration-150 ease-in-out">
                    See in action
                </a>
            </div>
            <div class="ml-3 inline-flex rounded-md shadow">
                <a href=""
                    class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-blue-600 hover:bg-blue-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
                    Get started
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

Survey CTA

Author:
JaxStone

2 years ago

10.4k
Responsive CTA
Tailwind CTA card

Author:
Dika Rahman

1 year ago

2.1k
Call to action component
Start your free 7-day trial Call to action button

Author:
S. Patel

2 years ago

7.7k
Call to example
Call to example using radial-gradient

Author:
Oliver Hansen

2 years ago

8.6k
The Future of Web Development
love my product

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

228
Jumbotron card

Author:
Sienna

2 years ago

11.4k
Greeting Card with CTA
card with two actions with greeting msg according to time

Author:
Amit Pachange

1 year ago

7.2k
Modern Dark Footer with Overlapping Gradient CTA
A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

Author:
Hamza Atig

4 months ago

612
YouTube subscription section

Author:
Leif99

2 years ago

14.1k
Waitlist signup form

Author:
Anonymous

1 year ago

4.2k
Minimal CTA section

Author:
Laurits

2 years ago

9.1k
Login page
Login and register page, you can reuse both

Author:
Abhiraj

7 months ago

1.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components