0.0.142 upd static pages

static/css/styles.css

@@ -1780,6 +1780,27 @@ button#more_button{
     margin-bottom: 20px
 
 }
+.benefit_img>img{
+    align-self: center;
+}
+
+.benefit_title{
+    display: flex;
+    height: fit-content;
+    align-items: flex-start;
+    gap: 133px;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+
+
+.benefit_title_item>h3{
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 36px;
+    text-align: center;
+}
 
 .benefit_img>figure{
     display: flex;
@@ -1889,9 +1910,11 @@ button#more_button{
     width: 20%;
 }
 
-.benefit_img_item>span, h3{
+.benefit_title_item>span{
     text-align: center;
     margin-bottom: 10px;
+    width: 340px;
+    display: block;
 }
 
 .map_wrapper{
@@ -1938,6 +1961,9 @@ button#more_button{
     min-width: 65px;
     padding: 10px 0px 0px 10px;
 }
+.counter-box>textarea:focus{
+    outline: none !important;
+}
 .counter-text{
   position: absolute;
   right: 10px;

templates/blocks/static_pages_blocks/b_about_service.html

@@ -120,8 +120,7 @@
                                     placeholder= {% translate "Сообщение" %}
                             value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
                             maxlength="100"
-                    >
-                     </textarea>
+                    ></textarea>
                     <span class="counter-text">
                           <span class="counter-text__current">0</span>
                           /

templates/blocks/static_pages_blocks/b_contacts.html

@@ -36,8 +36,7 @@
                                     placeholder= {% translate "Сообщение" %}
                             value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
                             maxlength="100"
-                    >
-                     </textarea>
+                    ></textarea>
                     <span class="counter-text">
                           <span class="counter-text__current">0</span>
                           /

templates/blocks/static_pages_blocks/b_mover_search.html

@@ -85,22 +85,44 @@
 
                 <div class="benefit_img_item">
                      <img src="/static/img/svg/Find_carrier.svg" alt="">
-                     <h3>{% translate "Разместите объявление" %}</h3>
-                    <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
                 </div>
 
+                <img src="/static/img/svg/Arrow_direction.svg" alt="">
 
                 <div class="benefit_img_item">
                     <img src="/static/img/svg/Contact_carrier.svg" alt="">
+                </div>
+
+                <img src="/static/img/svg/Arrow_direction.svg" alt="">
+
+                <div class="benefit_img_item">
+                    <img src="/static/img/svg/Pass_package.svg" alt="">
+                </div>
+
+            </div>
+
+            <div class="benefit_title">
+                <div class="benefit_title_item">
+                    {% if page.url == 'for_customers' %}
+                        <h3>{% translate "Найдите перевозчика" %}</h3>
+                    {% endif %}
+                    {% if page.url == 'for_movers' %}
+                        <h3>{% translate "Разместите объявление" %}</h3>
+                    {% endif %}
+
+                    <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
+                </div>
+
+                <div class="benefit_title_item">
                     <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
                     <span>{% translate "В отобразившемся списке выберите подходящего отправителя и посылку, откройте контакты и свяжитесь удобным способом.  Если не нашли подходящего отправителя с посылкой, разместите объявление о возможности перевезти посылку и отправители Вас сами найдут" %}</span>
                 </div>
 
-                <div class="benefit_img_item">
-                    <img src="/static/img/svg/Pass_package.svg" alt="">
+                <div class="benefit_title_item">
                     <h3>{% translate "Передайте посылку" %}</h3>
                     <span>{% translate "Обсудите с отправителем все условия: время, место и прочие детали. Готово! Доставьте посылку из пункта А в пункт Б и получите благодарность отправителя!" %}</span>
                 </div>
+
             </div>
 
 

templates/pages/p_static_page.html

@@ -5,7 +5,6 @@
     {% if page.url == 'for_customers' or page.url == 'for_movers' %}
         {% include "blocks/static_pages_blocks/b_mover_search.html" %}
     {% endif %}
-
     {% if page.url == 'advertisement' %}
         {% include "blocks/static_pages_blocks/b_advertisement.html" %}
     {% endif %}
@@ -19,4 +18,5 @@
         {% include "blocks/static_pages_blocks/b_contacts.html" %}
     {% endif %}
 
+
 {% endblock %}