Back

Template Source: includes/top_nav.html

{% load i18n %} <div id="header"> <a href="#menu" class="menu"></a> <a href="{% url 'index' %}" class="logo"></a> <a href="http://saia.org.za/" target="_blank" class="logo_saia"></a> <a href="http://www.afrisam.com/" target="_blank" class="logo_afri"></a> <ul class="nav"> <li> <a href="javascript: void(0);" class="open {% if on = 'about' %}on{% endif %}">About Us</a> <span class="arrow"></span> <div class="drop nav_about"> <ul> <li><a href="{% url 'about_us' %}">Our Mission</a></li> <li><a href="{% url 'about_us_afrisam_saia' %}">About AfriSam and SAIA</a></li> <li><a href="{% url 'about_us_adjudicators' %}">Adjudicators</a></li> </ul> </div> </li> <li> <a href="javascript: void(0);" class="open {% if on = 'awards' %}on{% endif %}">Awards</a> <span class="arrow"></span> <div class="drop nav_awards"> <ul> <li> <a href="javascript: void(0);">2017/2018 Awards &raquo;</a> <ul class="fly_2017"> <li><a href="{% url 'information' %}" {% if on == 'submissions' %}class='on'{% endif %}>Information</a></li> <li><a href="{% url 'categorya' %}" {% if on == 'categorya' %}class='on'{% endif %}>Category A</a></li> <li><a href="{% url 'categoryb' %}" {% if on == 'categoryb' %}class='on'{% endif %}>Category B</a></li> <li><a href="{% url 'categoryc' %}" {% if on == 'categoryc' %}class='on'{% endif %}>Category C</a></li> <li><a href="{% url 'categoryd' %}" {% if on == 'categoryd' %}class='on'{% endif %}>Category D</a></li> </ul> </li> <li> <a href="javascript: void(0);">2015/2016 Awards &raquo;</a> <ul class="fly_2016"> <li><a href="{% url 'submissions' 2016 %}" {% if on == 'submissions' %}class='on'{% endif %}>Submissions</a></li> <li><a href="{% url 'awarded_projects' 2016 %}" {% if on == 'awarded_projects' %}class='on'{% endif %}>Awarded Projects</a></li> <li><a href="{% url 'commended_projects' 2016 %}" {% if on == 'commended_projects' %}class='on'{% endif %}>Commended Projects</a></li> </ul> </li> <li> <a href="javascript: void(0);">2013/2014 Awards &raquo;</a> <ul class="fly_2014"> {% comment %}<li><a href="{% url 'entries' %}">Award Resources</a></li>{% endcomment %} <li><a href="{% url 'submissions' 2014 %}" {% if on == 'submissions' %}class='on'{% endif %}>Submissions</a></li> <li><a href="{% url 'awarded_projects' 2014 %}" {% if on == 'awarded_projects' %}class='on'{% endif %}>Awarded Projects</a></li> <li><a href="{% url 'commended_projects' 2014 %}" {% if on == 'commended_projects' %}class='on'{% endif %}>Commended Projects</a></li> </ul> </li> <li> <a href="javascript: void(0);">2011/2012 Awards &raquo;</a> <ul class="fly_2012"> <li><a href="{% url 'submissions' 2012 %}" {% if on == 'submissions' %}class='on'{% endif %}>Submissions</a></li> <li><a href="{% url 'awarded_projects' 2012 %}" {% if on == 'awarded_projects' %}class='on'{% endif %}>Awarded Projects</a></li> <li><a href="{% url 'commended_projects' 2012 %}" {% if on == 'commended_projects' %}class='on'{% endif %}>Commended Projects</a></li> </ul> </li> <!-- <li> <a href="javascript: void(0);">2009/2010 Awards &raquo;</a> <ul class="fly_2010"> <li><a href="{% url 'submissions' 2010 %}" {% if on == 'submissions' %}class='on'{% endif %}>Submissions</a></li> <li><a href="{% url 'awarded_projects' 2010 %}" {% if on == 'awarded_projects ' %}class='on'{% endif %}>Awarded Projects</a></li> <li><a href="{% url 'commended_projects' 2010 %}" {% if on == 'commended_projects' %}class='on'{% endif %}>Commended Projects</a></li> </ul> </li> --> <li><a href="{% url 'entries' %}">Award Resources</a></li> </ul> </div> </li> <li><a href="{% url 'events' %}" class="open {% if on = 'events' %}on{% endif %}">Events</a></li> <li> <a href="javascript: void(0);" class="open {% if on = 'media' %}on{% endif %}">Media</a> <span class="arrow"></span> <div class="drop nav_media"> <ul> <li><a href="{% url 'news' %}">News</a></li> <li><a href="{% url 'videos' %}">Videos</a></li> <!-- <li><a href="{% url 'media_kit' %}">Media Contacts</a></li>--> </ul> </div> </li> <li><a href="{% url 'contact_us' %}" class="open {% if on = 'contact' %}on{% endif %}">Contact</a></li> </ul> </div><!--/Header-->