→ java stories story
→ navbar gradient #1

navbar gradient #1

This bootstrap css example is contributed by java stories story, on 30-Jul-2025. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Header

Author java stories story

3.2k

v.5.3

Fork Fullscreen

<nav class="navbar navbar-expand-lg navbar-dark navbar-gradient fixed-top">
                <div class="container">
                    <a class="navbar-brand logo" href="#">
                        <i class="fas fa-gem"></i>
                        Gradient Co
                    </a>
                    
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav2">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    
                    <div class="collapse navbar-collapse" id="navbarNav2">
                        <ul class="navbar-nav ms-auto">
                            <li class="nav-item">
                                <a class="nav-link active" href="#">Home</a>
                            </li>
                             <li class="nav-item">
                                <a class="nav-link" href="#">Product</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Portfolio</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Blog</a>
                            </li>
                            <li class="nav-item">
                                <a class="btn btn-outline-light ms-2" href="#">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

More Examples

E-Commerce Checkout Section

Author:
Creative Araf

2 months ago

190

v.5.3
E-Commerce Product Page

Author:
Creative Araf

2 months ago

274

v.5.3
Fitar's navbar
do not copy

Author:
Fitar Ahmed

3 months ago

839

v.4.6
PlantStore full website

Author:
Zahid Hasan Riyad

1 month ago

275

v.5.3
E-Commerce Contact Section

Author:
Creative Araf

2 months ago

211

v.5.3
Coffee website
coffee website

Author:
Faysal

1 month ago

143

v.4.6
about us #1

Author:
java stories story

1 year ago

2.6k

v.5.3
page Title
goribera toder jonno kosto kore bana lam nsda exam er jonno

Author:
Ad Apon7

4 months ago

1.1k

v.5.3
E-com Signup Page

Author:
Creative Araf

1 month ago

72

v.5.3
Restaurant Menu Page

Author:
Creative Araf

1 month ago

122

v.5.3
E- Commarce full website

Author:
Zahid Hasan Riyad

1 month ago

240

v.5.3
NewsPortal Full Website

Author:
Zahid Hasan Riyad

1 month ago

383

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent