Skip to content

Instantly share code, notes, and snippets.

@MainakRepositor

MainakRepositor/Navbar_horizontal.html

Created March 26, 2021 09:57
Show Gist options
  • Save MainakRepositor/366ec860e0e7c84fbb9e4913450caeef to your computer and use it in GitHub Desktop.
Save MainakRepositor/366ec860e0e7c84fbb9e4913450caeef to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Navbar_horizontal.html
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
height:40px;
padding-left: 10px;
padding-top:10px;
text-align:center;
position:center;
border-radius:0 10px 10px 0;
background-color:red;
}
li {
display: inline;
}
a{
text-decoration:none;
font-size:25px;
color:white;
font-weight:bold;
padding:5px;
}
#active
{
color:yellow;
}
.heading
{
color:green;
font-size:19px;
font-weight:bold;
}
</style>
</head>
<body>
<p class="heading">This is a horizontal navbar,made by @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