Skip to content

Instantly share code, notes, and snippets.

@MainakRepositor

MainakRepositor/Navbar.html

Created March 26, 2021 09:42
Show Gist options
  • Save MainakRepositor/2d5086be85977e9e9f5832c9b7448294 to your computer and use it in GitHub Desktop.
Save MainakRepositor/2d5086be85977e9e9f5832c9b7448294 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Navbar.html
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color:black;
align-items:center;
text-align:center;
}
a
{
color:white;
text-decoration:none;
font-size:25px;
}
#active
{
color:skyblue;
}
p{
color:blue;
font-size:20px;
font-family:bold;
}
</style>
</head>
<body>
<p>This is an example of a vertical navbar. @Mainakcoder</p>
<ul>
<li><a href="#home" id="active">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment