<header class=“z-10 fixed w-full bg-gray-50 transition-all duration-500” data-collapse=“scroll” data-collapse-trigger-height=“100”>
<div class="py-5 border-b border-gray-200 dark:border-gray-800 dark:bg-gray-900 z-10"> <div class="container mx-auto"> <div class="flex items-center"> <div class="w-3/4 md:w-1/4"> <div class="logo hexagon relative"> <a href="/"> <span class="text-primary-700 absolute text-center w-full h-full z-10 flex items-center justify-center">RV</span> </a> </div> </div> <nav id="top-nav" class="nav w-64 md:w-3/4 hidden md:flex flex-col md:flex-row items-center text-center justify-center md:justify-end z-20"> <ul class="flex flex-col md:flex-row items-center justify-end"> {%- include nav.html -%} </ul> </nav> </div> </div> </div> <a href="#top-nav" class="w-1/4 md:hidden text-3xl text-primary-700 z-20 text-right fixed top-8 right-8" nav-toggler> {%- include svg/bars.svg -%} </a>
</header>
<aside class=“fixed h-full top-0 w-64 -right-64 bg-gray-50 z-20 flex items-center justify-center transition-all”>
<ul class="flex flex-col items-center justify-center"> {%- include nav.html -%} </ul>
</aside>