index.html

<html>
<!-- Average html moment (aka the code) -->
  
  <head>
    <title>Iron Hand</title>
  </head>

  <body> 
    
    <!-- The nav Bar -->
    
    <div class="navbar">
      <a href="index.html" class="active">Home</a>
      <style>
          /* Place the navbar at the bottom of the page, and make it stick */
          .navbar {
            background-color: #333;
            overflow: hidden;
            position: fixed;
            bottom: 0;
            width: 100%;
          }

          /* Style the links inside the navigation bar */
          .navbar a {
            float: left;
            display: block;
            color: #6699ff;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 17px;
          }

           /* Change the color of links on hover */
          .navbar a:hover {
              background-color: #ddd;
              color: black;
          }

          /* Add a color to the active/current link */
          .navbar a.active {
             background-color: #6699ff;
              color: white;
          }
      </style>
    </div>


  </body>

  
</html>