now-in-github-bcb-website/templates/partials/navigation.html

{% load staticfiles %}

{% block navigation %}
<header id="page-header">
    <div class="inner-header">
        <a href = "/" class="temp-brand">
            <figure>
                <img src="{% static 'images/logo-icon.png' %}" alt="">
            </figure>
            <h1><mark>Fundz</mark>in</h1>
        </a>
        <nav id="desktop-navigation-menu">
            <ul>
                <li {% if menu == 'Home' %} class="active" {% endif %}>
                    <a href="/">HOME</a>
                </li>
                <li {% if menu == 'About' %} class="active" {% endif %}>
                    <a href="/about">ABOUT</a>
                </li>
                <li {% if menu == 'Service' %} class="active" {% endif %}>
                    <a href="/service">SERVICES</a>
                </li>
                <li>
                    <a href="/">TESTIMONIAL</a>
                </li>
                <li>
                    <a href="/">ENQUIRY</a>
                </li>
                <li>
                    <a href="/">CONTACT</a>
                </li>
            </ul>
        </nav>
        <section id="mobile-hamburger-menu">
            <span class="icon-line"></span>
        </section>
    </div>
</header>
{% endblock navigation %}