nav.html

<meta name="viewport" content="width=1024">

<nav id="navbar">
    <a href="/index.html">BroomStack</a>
    <div id="sitelinks">

        <a  href="/seasonRanks/seasonRanks.html">SeasonRanks</a>
        <a href="/Events/events.html">Events</a>
        <a href="/Teams/teams.html">Teams</a>
        <a href="/data.html">Data</a>
        <a href="/help.html">Help</a>
        <a href="/about.html">About</a>
    </div>


</nav>


<style>

    #footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #03adfc;
      color: white;
      text-align: center;
    }
    
    #sitelinks{
        display: flex;
        justify-content: space-evenly;
    
    }
    </style>
    
    <!-- <footer id="footer">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <div id="sitelinks">
    
            <a  href="/about.html">V1.0.1</a>
            <a  href="/about.html">©BroomStack 2024</a>
    
            <a href="https://github.com/Kaktoose/BroomStack"><i class="fa fa-github"> </i> Github</a>
             <a href="">About</a> -->
        <!-- </div> -->
    
    
    <!-- </footer> -->
    <link rel="icon" type="image/x-icon" href="/favicon.jpg">