{% load staticfiles %}

{% block navigation %}
<header id="page-header">
    <div class="inner-header">
        <a href = "/" class="temp-brand">
            <figure>
                <img src="{% static 'images/edits/logo.jpg' %}" alt="">
            </figure>
            <h1>The <mark>Bharath Co-operative</mark> Bank</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="/">ENQUIRY</a>
                </li>
                <li>
                    <a href="/">CONTACT</a>
                </li>
            </ul>
        </nav>
        <section id="mobile-hamburger-menu">
            <span class="icon-line"></span>
        </section>
    </div>
</header>

<nav id="mobile-nav-menu">
    <ul>
        <li class="active">
            <a href="/">HOME</a>
        </li>
        <li>
            <a href="/about">ABOUT</a>
        </li>
        <li>
            <a href="/service">SERVICES</a>
        </li>
        <li>
            <a href="/">ENQUIRY</a>
        </li>
        <li>
            <a href="/">CONTACT</a>
        </li>
    </ul>
</nav>
{% endblock navigation %}