Navbar with two CTA buttons

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

Call to Action Navbar

Author Juraj

Tailwind v3.4 2.3k 4

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

e-commerce website landing page template with Tailwind CSS.
A clean, responsive e-commerce & blog template built with Tailwind CSS. Features light/dark mode, dynamic featured posts, hero, CTA, and SEO-ready sections.

Homayoun

8 months ago

1.2k
CTA - call to action section

ABDO-SY

1 year ago

1.3k
Responsive NavBar Using CSS Only
A complete responsive navbar only using tailwind css

Shivam Vishwakarma

1 year ago

985
Call to action

Leon Bachmann

3 years ago

9.4k
CTA Responsive
Gradient Style CTA

KULDEEP

1 year ago

877
Hero section

Mohit Prajapati

4 years ago

12.9k
Hero simple
hero design simple

QQ-VVN

1 year ago

1.9k
Brutalist Hero

threehymns

1 year ago

3k
Card
New type Card and premium card.

Arjun Kumar

4 months ago

425
Navbar
Navbar

TakaMorY

1 year ago

964
carde Iptplus
Iptplus carde

Omer fils ELENGA

9 months ago

429
Navbar compoent

Amit Pachange

3 years ago

17.3k