assets/components/navbar.html
<!-- Navbar -->
<div class="nav-container">
<nav class="navbar">
<ul class="logo" href="">
<li><a class="logo-text" href="https://alexlostorto.github.io">Alex</a></li>
<li><a class="logo-circle" href="https://alexlostorto.github.io">.</a></li>
</ul>
<a href="#" class="toggle-button" aria-label="Toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
</nav>
<ul class="navbar-items">
<li class="resources-button">
<a class="navbar-item" href="#">Resources</a>
<div class="nav-resources">
<ul>
<li>
<a href="https://alexlostorto.github.io/resources/exam-timetable/index.html">Exam Timetable</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/revision-buddy/index.html">Revision Buddy</a>
</li>
<li>
<a href="https://alexlostorto.github.io/magic-notes/index.html">Magic Notes</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/leaderboard/index.html">Leaderboard</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/insta-size/index.html">Insta Size</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/word-wrap/index.html">Word Wrap</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/chemistry/index.html">Chemistry</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/music/index.html">Music</a>
</li>
<li class="subcategory-button">
<a href="#">Maths</a>
<div class="nav-subcategory">
<ul>
<li>
<a href="https://alexlostorto.github.io/resources/trigonometry/index.html">Trigonometry</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/quadratics/index.html">Quadratics</a>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/sequences/index.html">Sequences</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://alexlostorto.github.io/resources/useful-links/index.html">Useful Links</a>
</li>
</ul>
</div>
</li>
</ul>
</div>