NavBar.html

NavBar.html

//CSS//

  
    #nav {
    right: 10px;
    height: 70px;
    background-color: rgb(242, 242, 242);
    opacity: 0.6;
    width: 100%;
    text-align: center;
    font-size: 35px;
  
    
}
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
#nav ul li {
    margin: 0;
    padding: 0;
    float:left;
    height: 100px;
}
#nav ul li a {
    text-decoration: none;
    padding: 10px 25px;
    display: block;
    color: #FFF;
    text-align: center;
    font-family: monospace;
    color: black;
}
#nav ul li a:hover {
    color: black;
}

//HTML//

<div id="nav">
    <ul>
        <li>
          <a href="https://stjrush.github.io/DBoyz/Model3.html">Home</a>
        </li>
        <li><a href="https://toddmilne13.github.io/images.html/images.html">Images</a>
        </li>
        <li><a href="htps://github.com/Danielturcan/Updates/updates.html">Updates</a>
        </li>
        <li><a href="https://joshboybirney.github.io/info/About.html">Info</a>
    </ul>
    
  </div>