WMGZON/templates/header.html

<div class="navbar">
    <nav>
        <a href="/"><img src="{{url_for('static', filename='assets/img/wmgzon.png')}}" id="logo" class="not-required" alt="WMGZON Logo"></a>
        <form action="test.html" method="get">
            <input type="text" name="search" placeholder="Find your favourite products" class="search-bar">
            <input type="submit" class="search-button">
        </form>
        {% if user != None: %}
            <a href="/logout">Welcome, {{ user }}</a>
        {% else %}
            <a href="/login">Login/Signup</a>
        {% endif %}
    </nav>
        
    <centre>
        <div class="categories">
            <a href="CarParts" class="category">Car Parts</a>
            <a href="Animals" class="category">Animals</a>
            <a href="Sports" class="category">Sports</a>
            <a href="Books" class="category">Books</a>
            <a href="Phones" class="category">Phones</a>
            <a href="Music" class="category">Music</a>
        </div>
    </centre>

</div>