Static Navbar with HTML and vanilla CSS

1 min read

<div class="nav">
        <a class="navItem" href="homePageUrl.com">Home</a>
        <a class="navItem" href="AboutPageUrl.com">About</a>
        <a class="navItem" href="ArticlesPageUrl.com">Articles</a>
</div>

.navItem {
display: inline-block;
margin: 10px;
color: white;
}

.navItem:hover {
color: #6D6875;
}

.nav {
padding: 10px;
background-color: #E5989B;
}

Subscribe to my newsletter

Read articles from Prashant Katare directly inside your inbox. Subscribe to the newsletter, and don't miss out.

navbar basic html css basic

Written by

Prashant Katare

Experienced Spring Boot Developer with over 3+ years of expertise in developing scalable and high-performance web applications and microservices. Proficient in Java and Spring Boot frameworks, with hands- on experience in RESTful APIs and Microservices architecture. Adept at building secure, database-driven applications and integrating various third- party services. Strong problem-solving skills with a focus on delivering clean, maintainable, and efficient code.