👉 Aside nav

<aside id="aside-nav">
    <nav>
        <a href="#"><img alt="md/home" loading="lazy" src="/img/icons/md/home.svg" width="18" height="18"> Home</a>
        <a href="#car"><img alt="md/directions_car" loading="lazy" src="/img/icons/md/directions_car.svg" width="18" height="18"> Car</a>
        <a href="#subway"><img alt="md/directions_subway" loading="lazy" src="/img/icons/md/directions_subway.svg" width="18" height="18"> Subway</a>
        <a href="#railway"><img alt="md/directions_railway" loading="lazy" src="/img/icons/md/directions_railway.svg" width="18" height="18"> Railway</a>
        <a href="#walk"><img alt="md/directions_walk" loading="lazy" src="/img/icons/md/directions_walk.svg" width="18" height="18"> Walk</a>
        <a href="#run"><img alt="md/directions_run" loading="lazy" src="/img/icons/md/directions_run.svg" width="18" height="18"> Run</a>
        <a href="#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