Difference between revisions of "TestingGCwiki"
Jump to navigation
Jump to search
(Replaced content with "<span class="navbar-toggler-icon"></span>") Tags: Replaced Visual edit |
|||
| Line 1: | Line 1: | ||
| − | < | + | <!DOCTYPE html> |
| + | <html> | ||
| + | <head> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | <style> | ||
| + | body { | ||
| + | margin: 0; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | } | ||
| + | |||
| + | .topnav { | ||
| + | overflow: hidden; | ||
| + | background-color: #333; | ||
| + | } | ||
| + | |||
| + | .topnav a { | ||
| + | float: left; | ||
| + | color: #f2f2f2; | ||
| + | text-align: center; | ||
| + | padding: 14px 16px; | ||
| + | text-decoration: none; | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | |||
| + | .topnav a:hover { | ||
| + | background-color: #ddd; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | .topnav a.active { | ||
| + | background-color: #4CAF50; | ||
| + | color: white; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | <body> | ||
| + | |||
| + | <div class="topnav"> | ||
| + | <a class="active" href="#home">Home</a> | ||
| + | <a href="#news">News</a> | ||
| + | <a href="#contact">Contact</a> | ||
| + | <a href="#about">About</a> | ||
| + | </div> | ||
| + | |||
| + | <div style="padding-left:16px"> | ||
| + | <h2>Top Navigation Example</h2> | ||
| + | <p>Some content..</p> | ||
| + | </div> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
Revision as of 10:34, 26 October 2020
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {
margin: 0; font-family: Arial, Helvetica, sans-serif;
}
.topnav {
overflow: hidden; background-color: #333;
}
.topnav a {
float: left; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;
}
.topnav a:hover {
background-color: #ddd; color: black;
}
.topnav a.active {
background-color: #4CAF50; color: white;
} </style> </head> <body>
<a class="active" href="#home">Home</a> <a href="#news">News</a> <a href="#contact">Contact</a> <a href="#about">About</a>
Some content..
</body> </html>
