Creating-a-CSS-Menu/index.html at main · laceymorganw/Creating-a-CSS-Menu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>CSS Menu</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <ul>
        <li><a href="#home">Home</a></li>
        <li><a href="#contact">Contact</a></li>
        <li class="drop">
            <a href="#" class="dropdown-button">Portfolio</a>
            <div class="submenu">
                <a href="#page1">Page 1</a>
                <a href="#page2">Page 2</a>
                <a href="#page3">Page 3</a>
            </div>
        </li>
        <!--Added extra li here so students can see that a nav bar
        can have a drop down in beteen the li tags-->
        <li><a href="#bio">Bio</a></li>
    </ul>
</body>
</html>