Home
Juraj
Navbar with two CTA buttons

Navbar with two CTA buttons

This tailwind example is contributed by Juraj, on 14-Feb-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner

Call to Action Navbar

Author Juraj

407

Fork Fullscreen

<div class="hidden md:flex space-x-6">
        <a class="hover:text-bluegreen hover:underline" href="/">Home</a>
        <a class="hover:text-bluegreen hover:underline" href="/services">Services</a>
        <a class="hover:text-bluegreen hover:underline" href="/project">Project</a>
        <a class="hover:text-bluegreen hover:underline" href="/about-us">About us</a>
      </div>

<div class="hidden md:flex space-x-4">
        <a class="rounded-xl p-3 bg-bluegreen hover:bg-white hover:text-bluegreen" href="/started">Get Started</a>
        <a class="rounded-xl p-3 border-2 border-white hover:bg-white hover:text-black" href="/talk">Let's talk</a>
      </div>

<div x-cloak x-show="open" x-transition class="absolute top-full left-0 w-full bg-gray-800 lg:hidden flex flex-col items-center py-5 space-y-4 ">
        <a class="hover:text-bluegreen hover:underline" href="/">Home</a>
        <a class="hover:text-bluegreen hover:underline" href="/services">Services</a>
        <a class="hover:text-bluegreen hover:underline" href="/project">Project</a>
        <a class="hover:text-bluegreen hover:underline" href="/about-us">About us</a>
        <a class="rounded-xl p-3 bg-bluegreen hover:bg-white hover:text-bluegreen" href="/started">Get Started</a>
        <a class="rounded-xl p-3 border-2 border-white hover:bg-white hover:text-black" href="/talk">Let's talk</a>
      </div>
    </nav>

Related Examples

Navbar
E-commerce Navbar

Author:
Aman kumar

11 months ago

3.2k
CTA block

Author:
Samuel Dawson

2 years ago

11.1k
Clean & Responsive Footer Design with Tailwind CSS With CTA Button
modern and responsive footer built with Tailwind CSS to enhance website navigation, accessibility, and user experience. Featuring quick links, social media icons, copyright info, and a sleek layout, this SEO-friendly footer improves engagement and usability across all devices. Perfect for portfolios, business websites, and eCommerce stores!

Author:
Abdul Baset Bappy

4 weeks ago

130
Tesla Navbar
a tesla navbar

Author:
Cristian

5 months ago

1.2k
Take a Survey CTA section

Author:
JaxStone

2 years ago

10.4k
Promotion Block
It features a large, centered title, a brief description, and a prominent CTA button, all centered within a visually appealing layout.

Author:
Computer guy

1 year ago

6.8k
Call ya
Simple Call-to-Action

Author:
Matti

3 months ago

709
Call to example
Call to example using radial-gradient

Author:
Oliver Hansen

2 years ago

8k
Responsive Header

Author:
Rajesh Maheshwari

1 month ago

394
Minimalistic hero section

Author:
Sophia Baker

2 years ago

10.9k
Call to action

Author:
Leon Bachmann

2 years ago

8.7k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

10 months ago

1.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components