0.0.50

static/aerbimCSS.css

@@ -80,7 +80,7 @@ body,html{
 }
 
 .description_page{
-    margin-top: 60px;
+    margin-top: 50px;
     display: block;
     font-size: 24px;
     font-weight: 500;
@@ -297,6 +297,10 @@ body,html{
     transition: 300ms;
 }
 
+.description_sections_buttons{
+    display: none;
+}
+
 .section_btn:hover {
     height: 45px;
     position: relative;

static/aerbimCSSMOBILE.css

@@ -112,11 +112,66 @@
         margin-right: 20px;
         padding-right: 0;
     }
+    .line_go_to_sections{
+        width: 100%;
+        color: #000000;
+        padding-bottom: 15px;
+        border-bottom: 1px solid #D1D1D1;
+    }
+    .description_txt{
+        display: block;
+        width: 100%;
+        color: #000000;
+        margin-bottom: 10px;
+    }
+    .section_btn{
+        height: unset;
+    }
+    .section_btn.open{
+        height: unset;
+    }
+    .section_btn.close{
+        height: unset;
+        background: #ffffff;
+    }
+    .container_sections_buttons {
+        height: unset;
+        background: #10212B;
+        position: unset;
+        top: 50px;
+        z-index: 100;
+    }
+    .txt_section {
+        color: #000000;
+    }
+    .section_btn.close > .txt_section {
+        color: #000000;
+        padding: 18px 30px 18px 30px;
+        transition: 500ms;
+    }
+    .section_btn:hover{
+        height: unset;
+    }
+    .img_go_to_section{
+        width: 8px;
+    }
+    .description_sections_buttons{
+        display: block;
+        padding: 0 30px 20px 30px;
+    }
+    .cut-width.sections_btns {
+        margin: 0;
+    }
+    .section_btn{
+        width: 100%;
+    }
+    .container_content_sections_buttons{
+        flex-wrap: wrap;
+        height: unset;
+    }
 }
 
-@media (max-width: 750px) {
-
-
+@media (max-width: 675px) {
 
 
 }

static/images/arrow_right_for_sections.svg

@@ -0,0 +1,3 @@
+<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.65685 0.999396L7.31371 6.65625L1.65685 12.3131" stroke="#FB6952" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

templates/blocks/dynamic/b_sections_buttons.html

@@ -4,7 +4,11 @@
         <div class="container_content_sections_buttons">
             {% for section in sections %}
                 <a href="{% url 'section_page' section.url %}" class="section_btn {% if section == cur_section or page == section %}open{% else %}close{% endif %} standart_txt pointer" data-url="{{ section.url }}">
-                    <div class="txt_section standart_txt">{{ section.name }}</div>
+                    <div class="txt_section standart_semi_bold_txt">{{ section.name }}</div>
+                    <div class="description_sections_buttons">
+                        <div class="description_txt standart_txt">{{ section.description }}</div>
+                        <div class="standart_txt line_go_to_sections">перейти в раздел <img class="img_go_to_section" src="{% static "/images/arrow_right_for_sections.svg" %}"></div>
+                    </div>
                 </a>
             {% endfor %}
         </div>