Simple navbar implemented

templates/navbar.html

@@ -0,0 +1,47 @@
+{% load i18n fontawesome_5 %}
+
+<nav class="nav">
+    <a class="nav-item" href="{% url 'home' %}">
+        <div class="btn nav-btn">
+            <h5>
+                {% trans 'KSP' %}
+            </h5>
+        </div>
+    </a>
+    <a class="nav-item menu-elem" href="{% url 'home' %}">
+        <div class="btn nav-btn">
+            {% fa5_icon 'pencil-ruler' %}
+            {% trans 'Intervention' %}
+        </div>
+    </a>
+    <a class="nav-item menu-elem" href="{% url 'home' %}">
+        <div class="btn nav-btn">
+            {% fa5_icon 'leaf' %}
+            {% trans 'Compensation' %}
+        </div>
+    </a>
+    <a class="nav-item menu-elem" href="{% url 'home' %}">
+        <div class="btn nav-btn">
+            {% fa5_icon 'tree' %}
+            {% trans 'Eco-account' %}
+        </div>
+    </a>
+    <a class="nav-item menu-elem dropdown" href="{% url 'home' %}">
+        <div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+            {% fa5_icon 'ellipsis-v' %}
+            {% trans 'More' %}
+        </div>
+        <div class="dropdown-menu">
+            <div class="dropdown-item">{% fa5_icon 'euro-sign' %}  {% trans 'EMA' %}</div>
+            <div class="dropdown-item">{% fa5_icon 'file-import' %}  {% trans 'Import...' %}</div>
+            <div class="dropdown-item">{% fa5_icon 'file-export' %}  {% trans 'Export...' %}</div>
+            <div class="dropdown-item">{% fa5_icon 'file-alt' %}  {% trans 'Reports' %}</div>
+        </div>
+    </a>
+    <a class="nav-item " href="{% url 'home' %}">
+        <div class="btn nav-btn">
+            {% fa5_icon 'user-circle' %}
+            {{ user.username }}
+        </div>
+    </a>
+</nav>