Hamburger Menu.html

<!--      HTML Hamburger Menu Example :-D   CSS to be stored locally in same folder (Hamburger Menu.css     -->
<head>
  <link rel="stylesheet" type="text/css" href="./Hamburger Menu.css"/>
</head>

<H1>
  Hamburger Menu
</H1>

<nav role="navigation">
    <div id="menuToggle">
      <!--
      A fake or hidden checkbox is used as click reciever,
      so you can use the :checked selector on it.
      -->
      <input type="checkbox" />
      
      <!--
      Some spans to act as a hamburger.
      
    
      -->
      <span></span>
      <span></span>
      <span></span>
      
      <!--
      Unfortunately the menu needs to be inside the button
      -->
      <ul id="menu">
        <a href="#"><li>Home</li></a>
        <a href="#"><li>About</li></a>
        <a href="#"><li>Info</li></a>
        <a href="#"><li>Contact</li></a>
        <a href="https://google.com" target="_blank"><li>Show me more</li></a>
      </ul>
    </div>
  </nav>
  