navigation.html

<input type="checkbox">

<menu>
    <h3>SERVICES</h3>
    <a href="#">Members Access</a>
    <a href="classes.html">Workout & Classes</a>

    <br>
    <h3>ABOUT</h3>
    <a href="bio.html">Bio/History</a>
    <a href="clients.html">Clients Voice</a>
    <a href="#">Technique</a>
    <a href="blog.html">Blog</a>

    <br>
    <h3>INFO</h3>
    <a href="#">Contact Me</a>
    <a href="location.html">Locations</a>
    <a href="#">Special Thanks</a>

    <br>
    <h3>FOLLOW</h3>

    <menu class="LIST⦘SOCIAL">
        <a href="https://www.instagram.com/brookecherise/"
        target="_blank"><svg>
        <use href="#icon-instagram"></use>
        </svg></a>
        <a href="https://www.facebook.com/brookilates"
        target="_blank"><svg>
        <use href="#icon-facebook"></use>
        </svg></a>
        <a href="mailto:brookeclaveria@gmail.com"><svg>
        <use href="#icon-mail"></use>
        </svg></a>
        <a href="https://www.youtube.com/user/brookalates"
        target="_blank"><svg>
        <use href="#icon-youtube"></use>
        </svg></a>
        <a href="https://www.linkedin.com/in/brooke-claveria-05710821"
        target="_blank"><svg>
        <use href="#icon-linkedin"></use>
        </svg></a>
    </menu>
</menu>

<svg class="BTN⦘HAMBURGER">
<use href="#icon-menu">
</use></svg>