Skip to content

Commit 2403fe2

Browse files
committed
Animated Navigation Update
1 parent 0243162 commit 2403fe2

File tree

1 file changed

+25
-23
lines changed

1 file changed

+25
-23
lines changed

20. Animated Navigation/index.html

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,28 @@
1+
<!DOCTYPE html>
12
<html lang="en">
2-
<head>
3-
<meta charset="UTF-8" />
4-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Animated Navigation</title>
7-
<link rel="stylesheet" href="style.css" />
8-
</head>
9-
<body>
10-
<nav id="nav">
11-
<ul>
12-
<li><a href="">Home</a></li>
13-
<li><a href="">Works</a></li>
14-
<li><a href="">About</a></li>
15-
<li><a href="">Contacts</a></li>
16-
</ul>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="style.css" />
7+
<title>Animated Navigation</title>
8+
</head>
9+
<body>
1710

18-
<button class="icon" id="toggle">
19-
<div class="line line1"></div>
20-
<div class="line line2"></div>
21-
</button>
22-
</nav>
11+
<nav id="nav">
12+
<ul>
13+
<li><a href="">Home</a></li>
14+
<li><a href="">Works</a></li>
15+
<li><a href="">About</a></li>
16+
<li><a href="">Contacts</a></li>
17+
</ul>
2318

24-
<script src="app.js"></script>
25-
</body>
26-
</html>
19+
<button class="icon" id="toggle">
20+
<div class="line line1"></div>
21+
<div class="line line2"></div>
22+
</button>
23+
</nav>
24+
25+
<script src="app.js"></script>
26+
27+
</body>
28+
</html>

0 commit comments

Comments
 (0)