About
Explore
Events & Classes
Support Us
Join
Sign In
Ibraheem
View Project Page
Run
Fullscreen
Navigation bar
HTML
CSS
JS
<!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,shrink-to-fit=no,width=device-width"> </head> <body> <div id = "nav-bar" style= "align: center;"> <ul align="center"> <li style="color:white"><a href="https://justcodaborate.org/" target="_blank">Home</a></li> <li style="color:white"><a href="https://justcodaborate.org/explore-main" target="_blank">Explore</a></li> <li style="color:white"><a href="https://justcodaborate.org/chatrooms" target="_blank">Chatrooms</a></li> <li style="color:white"><a href="https://justcodaborate.org/forum" target="_blank">Forum</a></li> <li style="color:white"><a href="https://justcodaborate.org/events-and-classes" target="_blank">Events/Classes</a></li> <li style="color:white"><a href="https://justcodaborate.org/users-52" target="_blank">My profile</a></li> </ul> </div> <br> <br> <br> <h1>This is a nav bar!</h1> </body> </htm>
*{ margin:0; } ul { list-style-type: none; margin: 0; padding: 10px; cursor: default; box-shadow: 0px 1px 5px 2px black; } li { display: inline; padding: 10px; } #nav-bar{ background: linear-gradient( to top right, #7f21cc, #f194ff); font-size: 20px; } li:hover{ background-color: #ae6de3; cursor: default; } a:link, a:visited{ text-decoration: none; color: white; }
About
Explore
Events & Classes
Support Us
Join
Sign In
