+    <li class="dropdown"
+            data-toggle="tutorial" data-tutorial="0" data-placement="bottom"
+            data-content="{% trans 'First, you will need an account.' %}"
+    >
+        <button class="btn btn-default navbar-btn dropdown-toggle" type="button" data-toggle="dropdown" style=""
+        >
+            {% trans "Log in / Register" %}
+        </button>
+      <div class="dropdown-menu" style="padding:0;margin-top:-5px; border:none;box-shadow:none; min-width:240px">
+        <div class="panel panel-default" style="color: #333;">
+          <div class="panel-heading">
+            <h3 class="panel-title">{% trans "Log in / Register" %}</h3>
+          </div>
+          <div class="panel-body">
+            <form method="POST" action="{% url 'login' %}">
+                {% csrf_token %}
+                <label for="email">
+                    {% trans "E-mail" %}</label>
+                    <input name="username" class="form-control" type="email">
+                
+                <label for="password">
+                    {% trans "Password" %}</label>
+                    <input name="password" class="form-control" type="password">
+                
+                
+                    <!--input type="checkbox" name="keep">
+                    <label for="keep">Keep me logged in</label-->
+                
+                <div><button class="btn btn-default">
+                    {% trans "Log in" %}
+                </button>
+                </div>
+            </form>
+            <p><a href="{% url 'password_reset' %}">{% trans "I forgot my password" %}</a></p>
+            <hr>
+            <p style="margin-bottom:1em">{% trans "<strong>Register now</strong> to start editing your own materials." %}</p>
+            <a class="btn btn-default" href="{% url 'register' %}">{% trans "Register" %}</a>
+          </div>
+        </div>
+      </div>
+    </li>