html 响应-menu.html

Posted 2021-05-11

<header>
    <div class="brand">
        <a href="#"><span>Logo goes here</span></a>
        <button class="toggle-menu">
          <svg viewBox="0 0 24 24">
            <path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
          </svg>
        </button>
    </div>
    <ul class="menu">
        <li><a href="#">about us</a></li>
        <li><a href="#">services</a></li>
        <li><a href="#">products</a></li>
        <li><a href="#">contact</a></li>
    </ul>
</header>