👉 Aside nav
<aside id="aside-nav">
<nav>
<a href="#home" id="home"><img alt="md/home" loading="lazy" src="/img/icons/md/home.svg" width="18" height="18"> Home</a>
<a href="#car" id="car"><img alt="md/directions_car" loading="lazy" src="/img/icons/md/directions_car.svg" width="18" height="18"> Car</a>
<a href="#subway" id="subway"><img alt="md/directions_subway" loading="lazy" src="/img/icons/md/directions_subway.svg" width="18" height="18"> Subway</a>
<a href="#railway" id="railway"><img alt="md/directions_railway" loading="lazy" src="/img/icons/md/directions_railway.svg" width="18" height="18"> Railway</a>
<a href="#walk" id="walk"><img alt="md/directions_walk" loading="lazy" src="/img/icons/md/directions_walk.svg" width="18" height="18"> Walk</a>
<a href="#run" id="run"><img alt="md/directions_run" loading="lazy" src="/img/icons/md/directions_run.svg" width="18" height="18"> Run</a>
<a href="#travel" id="travel"><img alt="md/travel" loading="lazy" src="/img/icons/md/travel.svg" width="18" height="18"> Travel</a>
</nav>
</aside>
<a href="#overlay"></a>
<a role="button" href="#aside-nav">Open Aside Nav in mobile</a>
Open Aside Nav in mobile