page_templates.html

<!-- NavBar -->
<center>
  <ul class="menu-bar">
    <li><a class="a" href="index.html">Home</a></li>
    <li><a class="a" href="about/about.html">About</a></li>
    <li><a class="a" href="apps/index.html">Apps</a></li>
    <li><a class="a" href="games/index.html">Games</a></li>
  </ul>
</center>


<!-- Font Stuff -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap" rel="stylesheet">


<!-- Style Sheets -->
<link rel="stylesheet" href="stylesheets/footer.css">

<!-- Footer -->
<center><div id="footer">
  <a id="footer-yt" href="https://www.youtube.com/c/Bowswa" target="_blank"><img class="footer-image" src="media/footer/youtube.png" alt="My YouTube image link"></a>
  <a id="footer-twitch" href="https://www.twitch.tv/bowswa" target="_blank"><img class="footer-image" src="media/footer/twitch.png" alt="My Twitch image link"></a>
  <a id="footer-twitter" href="https://twitter.com/opsylon23452" target="_blank"><img class="footer-image" src="media/footer/twitter.png" alt="My Twitter image link"></a>
  <a id="footer-discord" href="https://discord.gg/ntRb7Nw7Xt" target="_blank"><img class="footer-image" src="media/footer/discord.png" alt="My Discord image link without hover"><img class="footer-image" id="ft-dc-hover" src="media/footer/discord_2.png" alt="My Discord image link with hover"></a>
</div></center>