Scribd
Upload
6 views1 page

Navbar

This document is an HTML template for an interactive navigation menu. It includes a navigation bar with links to different sections of the page: Home, About, Services, and Contact. Additionally, it features content sections corresponding to each menu item and links to external CSS and JavaScript files.

Uploaded by

Jill Bharatwala
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views1 page

Navbar

This document is an HTML template for an interactive navigation menu. It includes a navigation bar with links to different sections of the page: Home, About, Services, and Contact. Additionally, it features content sections corresponding to each menu item and links to external CSS and JavaScript files.

Uploaded by

Jill Bharatwala
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive Navigation Menu</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<ul class="nav-list">
<li class="nav-item"><a href="#home">Home</a></li>
<li class="nav-item"><a href="#about">About</a></li>
<li class="nav-item"><a href="#services">Services</a></li>
<li class="nav-item"><a href="#contact">Contact</a></li>
</ul>
</nav>

<!-- Content sections to demonstrate scrolling effect -->


<section id="home">Home Section</section>
<section id="about">About Section</section>
<section id="services">Services Section</section>
<section id="contact">Contact Section</section>

<script src="scripts.js"></script>
</body>
</html>

You might also like