TRI-283: end header + start adaptive 1400>

templates/blocks/n_header.html

@@ -3,24 +3,50 @@
 {% load webpush_notifications %}
 
 </div>
-<header id="header_bg" class="header">
-  <div class="header__logo">
-    
+<header class="header">
+  <div class="header__grid container">
+    <div class="header__logo">
+      <a href="{% url 'main' %}">
+        <img class="svg" src="/static/img/png/finlogo.png">
+      </a>
+    </div>
+
+
+    <nav class="header__nav hide__md">
+      <ul class="header__list">
+        <li class="header__item">
+          <a href="#benefits" class="header__link">{% trans "Преимущества" %}</a>
+        </li>
+        <li class="header__item">
+          <a href="#rewiews" class="header__link">{% trans "Отзывы" %}</a>
+        </li>
+        <li class="header__item">
+          <a href="#howtowork" class="header__link">{% trans "Как это работает" %}</a>
+        </li>
+        <li class="header__item">
+          <a href="#about" class="header__link">{% trans "О сервисе" %}</a>
+        </li>
+      </ul>
+    </nav>
+    <a
+        class="header__btn btn btn--primary hide--md"
+        onclick="ym(97070898,'reachGoal','reg_button_header'); return true"
+        href="{% url "registration_page" %}">
+      {% trans "Регистрируйся" %}
+    </a>
+    <div class="dropdown show__md">
+      <img onclick="showMenu(this, event)" class="dropbtn" src="/static/img/svg/Menu.svg">
+      <div
+          onblur="hideMenu(event)"
+          class="dropdown-content"
+      >
+        <a href="#benefits" class="header__link">{% trans "Преимущества" %}</a>
+        <a href="#rewiews" class="header__link">{% trans "Отзывы" %}</a>
+        <a href="#howtowork" class="header__link">{% trans "Как это работает" %}</a>
+        <a href="#about" class="header__link">{% trans "О сервисе" %}</a>
+
+
+      </div>
+    </div>
   </div>
-  <nav class="header__nav">
-    <ul class="header__list">
-      <li class="header__item">
-        <a href="#benefits" class="header__link">Преимущества</a>
-      </li>
-      <li class="header__item">
-        <a href="#rewiews" class="header__link">Отзывы</a>
-      </li>
-      <li class="header__item">
-        <a href="#howtowork" class="header__link">Как это работает</a>
-      </li>
-      <li class="header__item">
-        <a href="#about" class="header__link">О сервисе</a>
-      </li>
-    </ul>
-  </nav>
 </header>