Template source: includes/header.html

{% load static %} <header id="must-head"> <nav class="navbar navbar-default bootsnav navbar-fixed white on no-full"> <div class="container"> <!-- Start Atribute Navigation --> <div class="attr-nav"> <ul> <li class="search"> <form action="{% url 'search_firm_page' %}" method="post"> {% csrf_token %} <input type="text" name="firm" placeholder="Enter Firm Name"> <button type="submit"><i class="fa fa-search"></i></button> </form> </li> {% if request.session.username %} <li> <div class="dropdown" id="dropdown_dash"> <span class="dash-img dropdown-toggle" data-toggle="dropdown"> <img src="{% static 'upload/'%}{% if request.session.profile_img %}{{ request.session.profile_img }}{% else %}anon-user.png{% endif %}" > </span> <ul class="dropdown-menu"> <li><a href="{% url 'dashboard' %}"><i class="fa fa-user" aria-hidden="true"></i> Dashboard</a></li> {% if request.session.username or user.is_authenticated %} <li><a href="{% url 'logout_view' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li> {% else %} <li><a href="{% url 'logout' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li> {% endif %} </ul> </div> </li> {% elif user.is_authenticated %} <li> <div class="dropdown" id="dropdown_dash"> <span class="dash-img dropdown-toggle" data-toggle="dropdown"> <img src="{% static 'upload/'%}{% if request.session.profile_img %}{{ request.session.profile_img }}{% else %}anon-user.png{% endif %}" > </span> <ul class="dropdown-menu"> <li><a href="/admin"><i class="fa fa-user" aria-hidden="true"></i> Dashboard</a></li> {% if request.session.username or user.is_authenticated %} <li><a href="{% url 'logout_view' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li> {% else %} <li><a href="{% url 'logout' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li> {% endif %} </ul> </div> </li> {% else %} <li class="sign-btn sign-in"> <a href="{% url 'login' %}"> <span class="hidden-xs hidden-sm visiable-md visiable-lg">SIGN-IN</span> <i class="fa fa-sign-in hidden-md hidden-lg"></i> </a> </li> <li class="sign-btn sign-up"> <a href="{% url 'registration' %}"> <span class="hidden-xs hidden-sm visiable-md visiable-lg">SIGN-UP</span> <i class="fa fa-sign-out hidden-md hidden-lg"></i> </a> </li> {% endif %} </ul> </div> <!-- End Atribute Navigation --> <!-- Start Header Navigation --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="#brand"><img src="{% static 'images/logo.png' %}" class="logo" alt=""></a> </div> <!-- End Header Navigation --> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="nav navbar-nav navbar-left"> <li><a href="{% url 'home_page' %}">Home</a></li> <li {% if "/about/" in request.path %}class="active"{% endif %}><a href="{% url 'about' %}">About Us</a></li> <li {% if "/firms/" in request.path %}class="active"{% endif %}><a href="{% url 'firms' %}">Firms</a></li> <li {% if "/blogs" in request.path %}class="active"{% endif %}><a href="{% url 'blogs' %}">Blogs</a></li> <li {% if "/contact/" in request.path %}class="active"{% endif %}><a href="{% url 'contact' %}">Contact Us</a></li> <li class="search"> <form> <input type="" name="" placeholder="Enter Firm Name or Location. . ."> <button><i class="fa fa-search"></i></button> </form> </li> </ul> </div> <!-- /.navbar-collapse --> </div> </nav> </header> <div class="clearfix"></div>