03.<head>
04.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05.<title>Responsive Navigation</title>
07.<head>
08.<body>
09.<style>
10.
11..topnav {
12. background-color: #333;
13. overflow: hidden;
14.}
15.
16.
17..topnav a {
18. float: left;
19. display: block;
20. color: #f2f2f2;
21. text-align: center;
22. padding: 14px 16px;
23. text-decoration: none;
24. font-size: 17px;
25.}
26.
27.
28..topnav a:hover {
29. background-color: #ddd;
30. color: black;
31.}
32.
33.
34..topnav a.active {
35. background-color:#4CAF50;
36. color: white;
37.}
38.</style>
39.
40.
41.<div class="topnav"id="myTopnav">
42. <a href="#home">Home</a >
43. <a href="#news">News</a >
44. <a href="#contact">Contact</a >
45. <a href="#about">About</a >
46.</div>
47.
48.</body>
49.</html>
