1 <div id="topnav"> 2 <div id="buttons"> 3 <a href="http://mlnp.fr" class="button"> 4 Home 5 </a> 6 <a href="#table-of-contents" class="button"> 7 Contents 8 </a> 9 <!-- 10 <a href="#table-of-contents" id="home"> 11 ToC</a> --> 12 <!-- <a href="#table-of-contents" id="home">ToC</a> --> 13 </div> 14 <input type="checkbox" id="menu-toggle"/> 15 <label for="menu-toggle" id="hamburger"> 16 <div class="line" id="one"></div> 17 <div class="line" id="two"></div> 18 <div class="line" id="three"></div> 19 </label> 20 <label for="menu-toggle" id="shadow"></label> 21 <ul class="org-ul"> 22 <li><a href="https://mlnp.fr">Home</a></li> 23 <li><a href="https://mlnp.fr/about.html">About</a></li> 24 <li><a href="https://blog.mlnp.fr">Blog</a></li> 25 <li><a href="https://wiki.mlnp.fr">Wiki</a></li> 26 <li><a href="https://apps.mlnp.fr">Apps</a></li> 27 <li><a href="https://git.mlnp.fr">Code</a></li> 28 <li><a href="https://mlnp.fr/cv.html">Résumé</a></li> 29 <li><a href="https://mlnp.fr/about.html#contact">Contact</a></li> 30 </ul> 31 </div> 32