ZuluPro/myblog

{% load i18n staticfiles %}
<div class="pure-g nav-container">
 <section>
 <div class="pure-u-1 pure-u-lg-1-3">
  <ul class="left">
   <li class="name">
    <a href="{% url 'aboutme' %}" title="Anthony Monthe" rel="home">
     <img src="/static/img/avatar.png" height="60" width="60" style="border-radius: 70px;">
     Anthony Monthe
    </a>
   </li>
  </ul>
 </div>

 <div class="pure-u-1 pure-u-lg-2-3 pure-menu pure-menu-horizontal">
  <ul class="right pure-menu-list">
   <li>
   <a href="{% url 'aboutme' %}" title="Anthony Monthe"><i class="fa fa-user"></i>{% trans "About me" %}</a>
   </li>
   <li><a href="{% url 'zinnia:entry_archive_index' %}" title="{% trans "My blog" %}"><i class="fa fa-sticky-note"></i>Blog</a></li>
   <li><a href="{% url 'photos' %}" title="{% trans "Photos" %}" class="feeds"><i class="fa fa-camera-retro"></i>{% trans "Photos" %}</a></li>
   <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
    <a class="pure-menu-link" href="{% url "mytools:home" %}" title="{% trans "Tools" %}"><i class="fa fa-wrench"></i>{% trans "Tools" %}</a>
    <ul class="pure-menu-children">
     {% for tool in tools %}
     <li class="pure-menu-item"><a href="{{ tool.get_url }}" class="pure-menu-link">{{ tool.verbose_name }}</a></li>
     {% endfor %}
    </ul>
   </li>
   {% if request.user.is_superuser %}
   <li><a href="{% url 'directories' %}" title="{% trans "Bio" %}" class="admin"><i class="fa fa-leaf"></i>{% trans "Bio" %}</a></li>
   <li><a href="{% url 'admin:index' %}" title="{% trans "Admin site" %}" class="admin"><i class="fa fa-edit"></i>{% trans "Admin" %}</a></li>
   {% endif %}
  </ul>
 </div>
 </section>
</div>