navigation.html

{% load staticfiles %}
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <div class="navbar-brand" href="#">
        <a href="/"><img class="fls-logo" src="{% static "images/logo_text.png" %}"></a>
      </div>
      <ul class="nav navbar-nav navbar-left">
          <li><a href="/" style="font-size:25px;">First Line Stats</a></li>
      </ul>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <!--<li {% if active_page == "players" %}class="active"{% endif %}><a href="/players">Players</a></li>-->
        <li class="dropdown">
          <a href="#" class="{% if active_page == "players" or active_page == "goalies" %}active {% endif %}dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Players <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="/players/skaters">Skaters</a></li>
            <li><a href="/players/goalies">Goalies</a></li>
          </ul>
        </li>
        <li {% if active_page == "teams" %}class="active"{% endif %}><a href="/teams">Teams</a></li>
        <li {% if active_page == "games" %}class="active"{% endif %}><a href="/games">Games</a></li>
        <li {% if active_page == "about" %}class="active"{% endif %}><a href="/about">About Us</a></li>
      </ul>
    </div>
  </div>
</div>