-
-
-
-
-
-
-
-
-
-
-
- Permalink
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Find file
-
-
- Copy path
-
-
-
- - jps/menu_bar -
- -
-
- Find file
-
-
- Copy path
-
-
-
-
-
-
-
-
-
-
-
-
-
- joeyajames
-
- Update menu_bar
-
-
-
- b8cfe6e
- Feb 14, 2020
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- | - | <html> | -
| - | <header> | -
| - | <!-- we put all the styling inside the header tags. Normally the styles would go in a separate file --> | -
| - | <style> | -
| - | ul { | -
| - | list-style-type: none; | -
| - | margin: 0; | -
| - | padding: 0; | -
| - | overflow: hidden; | -
| - | background-color: #333; | -
| - | } | -
| - | - | -
| - | li { | -
| - | float: left; | -
| - | } | -
| - | - | -
| - | li a { | -
| - | display: block; | -
| - | color: white; | -
| - | text-align: center; | -
| - | padding: 14px 16px; | -
| - | text-decoration: none; | -
| - | } | -
| - | - | -
| - | /* Change the link color to #111 (black) on hover */ | -
| - | li a:hover { | -
| - | background-color: #258; | -
| - | } | -
| - | </style> | -
| - | </header> | -
| - | - | -
| - | <body> | -
| - | <!-- This is our HTML code for the menu itself. --> | -
| - | <ul> | -
| - | <li><a href="#home">Home</a></li> | -
| - | <li><a href="#news">News</a></li> | -
| - | <li><a href="#contact">Contact</a></li> | -
| - | <li style="float:right"><a class="active" href="#about">About</a></li> | -
| - | </ul> | -
| - | </body> | -
| - | </html> | -