💻 Full Working Code
📁 navbar.html
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dropdown Navbar - Faulink</title>
<style>
body { font-family: Arial; margin: 0; }
nav {
background: #007bff;
display: flex;
justify-content: center;
}
nav ul { list-style: none; padding: 0; margin: 0; display: flex; }
nav li { position: relative; }
nav a {
color: white; padding: 14px 20px; display: block; text-decoration: none;
}
nav li:hover { background: #0056b3; }
nav ul ul {
position: absolute; top: 48px; left: 0;
background: #0056b3; display: none; flex-direction: column;
}
nav li:hover > ul { display: flex; }
</style>
</head>
<body>

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#">Services ▾</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">System Dev</a></li>
<li><a href="#">Training</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

</body>
</html>
________________________________________
🎥 YouTube Description
Leo tunajifunza jinsi ya kutengeneza Dropdown Menu kwa HTML na CSS pekee bila JavaScript.
Utaona mbinu za kutumia position: absolute na hover selector kuficha na kuonyesha submenu.
🔔 Subscribe kwa tutorials zaidi kutoka Faulink!
________________________________________
🏷️ Hashtags
#HTML #CSS #Navbar #DropdownMenu #Faulink #WebDesign #Coding