0.0.63

static/aerbimCSS.css

@@ -888,4 +888,95 @@ body.n_scroll{
     width: 100%;
     height: 100%;
     object-fit: scale-down;
+}
+
+/* functional features*/
+
+.content_block_functional_features{
+    width: 100%;
+    position: relative;
+    display: flex;
+    justify-content: right;
+    flex-wrap: wrap;
+
+}
+
+.first_line_block_functional_features{
+    display: flex;
+    width: 100%;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.title_block_functional_features{
+    font-size: 36px;
+    margin-bottom: 30px;
+}
+
+.container_image_block_functional_features{
+    width: 45%;
+}
+
+.image_functional_features{
+    max-width: 100%;
+    object-fit: scale-down;
+    border-radius: 10px;
+}
+
+.container_txt_first_line_block_functional_features{
+    width: 50%;
+}
+
+.functional_features_option_txt{
+    margin-bottom: 15px;
+}
+
+.container_content_functional_features_block_items{
+    border-radius: 5px;
+    background: rgba(255, 255, 255, 0.80);
+    box-shadow: 1px 1px 10px 0 rgba(16, 33, 43, 0.10);
+    width: calc(90% - 50px);
+    padding: 25px 15px;
+    position: relative;
+    top: -80px;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.container_content_features_block_item{
+    width: 18.18568515%;
+    display: block;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.container_content_features_block_item.bottom{
+    margin-bottom: 100px;
+}
+
+.img_item_container_functional_features{
+    width: 100%;
+}
+
+.img_item_functional_features{
+    max-width: 100%;
+    object-fit: scale-down;
+}
+
+.description_item_features_container{
+    font-size: 14px;
+    font-weight: 300;
+    color: #000000;
+}
+
+.title_item_features_container{
+    font-weight: 500;
+    font-size: 16px;
+    margin-bottom: 15px;
+    text-align: center;
+}
+
+.options_functional_features{
+    height: 215px;
+    overflow: hidden;
 }

static/aerbimCSSMOBILE.css

@@ -216,6 +216,7 @@
     .section_btn:hover{
         height: unset;
         border-radius: 0;
+        bottom: 0;
     }
     .img_go_to_section{
         width: 8px;

templates/blocks/b_functional_features.html

@@ -0,0 +1,40 @@
+{% load static %}
+<div class="container_block_functional_features">
+    <div class="cut-width">
+        <div class="content_block_functional_features">
+            <div class="first_line_block_functional_features">
+                <div class="container_image_block_functional_features">
+                    <img class="image_functional_features" src="{% static "images/delete_later/image_functional_features.jpg" %}">
+                </div>
+                <div class="container_txt_first_line_block_functional_features">
+                    <div class="title_block_functional_features">
+                        Функциональные возможности
+                    </div>
+                    <div class="options_functional_features">
+                        <div class="functional_features_option_txt semi_large_light">
+                            Плагин 3D Security Designer автоматизирует ряд рутинных процессов.
+                        </div>
+                        <div class="functional_features_option_txt semi_large_light">
+                            Значительно сокращает время проектирования в среде Autodesk Revit
+                        </div>
+                        <div class="functional_features_option_txt semi_large_light">
+                            Значительно сокращает время проектирования в среде Autodesk Revit
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="container_content_functional_features_block_items">
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+                {% include 'widgets/w_functuional_features_item.html' %}
+            </div>
+        </div>
+    </div>
+</div>

templates/pages/content/c_blocks_constructor.html

@@ -23,3 +23,4 @@
 {% if page.plugin_presentation.all %}
     {% include 'blocks/b_3d_s_d.html' with block=page.plugin_presentation.all.0 %}
 {% endif %}
+{% include 'blocks/b_functional_features.html' %}

templates/widgets/w_functuional_features_item.html

@@ -0,0 +1,14 @@
+{% load static %}
+<div class="container_content_features_block_item bottom">
+    <div class="img_item_container_functional_features">
+        <img class="img_item_functional_features" src="{% static "/images/delete_later/image_for_test_functional_features_item.png" %}">
+    </div>
+    <div class="txt_container_item_features">
+        <div class="title_item_features_container">
+            Автоматическая вставка
+        </div>
+        <div class="description_item_features_container standart_txt">
+            ускоряет расстановку пожарных извещателей более, чем в 10 раз
+        </div>
+    </div>
+</div>