navigation.php

<header>
    <nav>
    <ul class="navLinks">
        <li>
            <a class="nav-item" href="index.php">Welcome</a> 
        </li>
        <li>
            <a class="nav-item" href="recipePreviewPage.php">Recipes</a>
        </li>
        <li>
            <a class="nav-item" href="hobbiesPreviewPage.php">Hobbies</a>
        </li>
        <li>
            <a class="nav-item" href="contact.php">Contact</a>
        </li>
    </ul>
    <!--Responsive Nav Bar Burger-->
    <div class="button" onclick="navSlide();">
        <div class="line1"></div>
        <div class="line2"></div>
        <div class="line3"></div>
    </div>
    
</nav>
</header>