LIL-379. New promo block

project/templates/blocks/promo.html

@@ -1,6 +1,6 @@
 {% load static %}
 <div
-  class="main"
+  class="main main_default"
   {% if config.MAIN_PAGE_TOP_IMAGE %}
   style="background-image: url({{ config.MAIN_PAGE_TOP_IMAGE.url }});"
   {% else %}
@@ -8,15 +8,57 @@
   {% endif %}
   >
   <div class="main__center center">
-    <div class="main__title">Первая онлайн-школа креативного мышления для детей! 5+</div>
-    <a
-      {% if not user.is_authenticated %}
-      data-popup=".js-popup-auth"
-      {% else %}
-      data-popup=".js-popup-buy"
-      {% endif %}
-      class="main__btn btn"
-      href="#"
-    >КУПИТЬ ДОСТУП ОТ {{ min_school_price }}р. в мес.</a>
+    <div class="main__title">
+      <span class="main__bold">Lil City School</span> — первая образовательная онлайн-платформа креативного мышления для детей</div>
+    <div class="main__actions">
+      <a
+        {% if not user.is_authenticated %}
+        data-popup=".js-popup-auth"
+        {% else %}
+        data-popup=".js-popup-buy"
+        {% endif %}
+        class="main__btn btn"
+        href="#"
+        >купить доступ от {{ min_school_price }} руб./месяц</a>
+      <a class="main__btn btn btn_white" href="#">подробнее</a>
+    </div>
+    <div class="main__foot">
+      <a class="main__go" href="#">
+        <svg class="icon icon-prev">
+          <use xlink:href="{% static 'img/sprite.svg' %}#icon-prev"></use>
+        </svg>
+      </a>
+      <nav class="main__nav">
+        <a class="main__link" href="#">онлайн-школа</a>
+        <a class="main__link active" href="{% url 'courses' %}">видео-курсы</a>
+      </nav>
+      <a class="main__go" href="#">
+        <svg class="icon icon-next">
+          <use xlink:href="{% static 'img/sprite.svg' %}#icon-next"></use>
+        </svg>
+      </a>
+    </div>
+  </div>
+  <div class="main__socials">
+    <a class="main__social" href="{{ config.SERVICE_INSTAGRAM_URL }}">
+      <svg class="icon icon-instagram">
+        <use xlink:href="{% static 'img/sprite.svg' %}#icon-instagram"></use>
+      </svg>
+    </a>
+    <a class="main__social" href="{{ config.SERVICE_TWITTER_URL }}">
+      <svg class="icon icon-twitter">
+        <use xlink:href="{% static 'img/sprite.svg' %}#icon-twitter"></use>
+      </svg>
+    </a>
+    <a class="main__social" href="{{ config.SERVICE_FB_URL }}">
+      <svg class="icon icon-fb">
+        <use xlink:href="{% static 'img/sprite.svg' %}#icon-fb"></use>
+      </svg>
+    </a>
+    <a class="main__social" href="{{ config.SERVICE_YOUTUBE_URL }}">
+      <svg class="icon icon-youtube">
+        <use xlink:href="{% static 'img/sprite.svg' %}#icon-youtube"></use>
+      </svg>
+    </a>
   </div>
 </div>