responsive-nav.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="nav-style.css" />
    <title>Navigation Bar</title>
</head>
<body>
<nav class="navbar">
    <!-- NAVIGATION MENU -->
    <ul class="nav-links">
    <!-- USING CHECKBOX HACK -->
    <input type="checkbox" id="checkbox_toggle" />
    <label for="checkbox_toggle" class="hamburger">&#9776;</label>
    <div class="menu">
        <li><a href="">Home</a></li>
        <li><a href="">About</a></li>
        <li class="services">
        <a href="">Services</a>
        <ul class="dropdown">
            <li><a href="">Value 1</a></li>
            <li><a href="">Value 2</a></li>
            <li><a href="">Value 3</a></li>
            <li><a href="">Value 4</a></li>

        </ul>
        </li>
        <li><a href="">Contact</a></li>
    </div>
    </ul>
</nav>
</body>
</html>