<ul class="tabs tabs-transparent">
  <li class="tab"><a href="{{ url_for('.index') }}" target="_self"><i class="material-icons">home</i></a></li>
  {% if not (request.path == url_for('.index')) %}
  <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
  {% endif %}
  {% if request.path == url_for('.about_and_faq') %}
  <li class="tab"><a class="active" href="{{ url_for('.about_and_faq') }}" target="_self">About and faq</a></li>
  {% elif request.path == url_for('.dashboard') %}
  <li class="tab"><a class="active" href="{{ url_for('.dashboard') }}" target="_self">Dashboard</a></li>
  {% elif request.path == url_for('.news') %}
  <li class="tab"><a class="active" href="{{ url_for('.news') }}" target="_self">News</a></li>
  {% elif request.path == url_for('.terms_of_use') %}
  <li class="tab"><a class="active" href="{{ url_for('.terms_of_use') }}" target="_self">Terms of use</a></li>
  {% endif %}
</ul>