diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index 42c0787..198d872 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -71,6 +71,24 @@ body,html{ text-transform: uppercase; } +.large_txt{ + color: #000000; + font-family: -apple-system, 'Raleway-Regular', sans-serif; + font-size: 36px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + +.medium_txt{ + color: #000000; + font-family: -apple-system, 'Raleway-Regular', sans-serif; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + .text_header.last_right{ padding-right: 0; } @@ -158,4 +176,144 @@ body,html{ .txt_section{ padding: 18px 30px 18px 30px; +} + +/* service */ +.block_service{ + margin: 80px 25px; +} + + +/*how with us working*/ + +.container_how_w_us_working{ + background: url("images/how_with_us_working_background.svg"); + width: 100%; +} + +.large_txt.h_w_u_w{ + padding: 70px 0 70px 0; + text-align: center; +} + +.descript_process_block{ + display: flex; + width: 100%; + margin: 0 138px 0 138px; +} + +.descript_process_container{ + width: 20%; + background: none; + text-align: -webkit-center; +} + +.photo_container_descript_process{ + background: #ffffff; + text-align: center; + width: 150px; + height: 150px; +} + +.txt_descript_process.standart_txt{ + font-weight: 600; + padding-top: 30px; + text-align: center; + width: 100%; + color: #000000; +} +.img_descript_process{ + padding-top: 45px; + padding-left: 10px; +} + +.form_consultation_container{ + margin: 130px 90px 110px 90px; + padding-bottom: 110px; +} + + +.top_border_gradient{ + border-radius: 6px 6px 0 0; + height: 6px; + width: 100%; + background: linear-gradient(270deg, #FB6952 63.38%, #DD4F39 80.71%, #B73825 104%);; +} + +.form_consultation{ + background: #ffffff; + border-radius: 0 0 6px 6px; +} + +.container_content_form_consultation{ + padding: 40px 60px 70px 80px; + display: flex; + flex-direction: row-reverse; +} + +.input_form_consultation{ + border: none; + border-bottom: 1px solid #E3E3E3; + width: calc(100% - 20px); + color: #10212B; + font-family: -apple-system, 'Raleway-Regular', sans-serif; + font-size: 16px; + font-weight: 500; + outline: none; + padding-bottom: 15px; + padding-left: 20px; + margin-bottom: 20px; +} + +.input_form_consultation::placeholder{ + color: #10212B; +} + +.label_consultation_form{ + padding-left: 20px; + padding-bottom: 15px; +} + +.textarea_form_consultation{ + border: 1px solid #E3E3E3; + width: calc(100% - 20px); + min-height: 120px; + max-width: calc(100% - 20px); + min-width: calc(100% - 20px); + outline: none; + padding: 20px 0 20px 20px; +} + +.description_form_consultation_txt{ + margin-top: 30px; + margin-bottom: 50px; + color: #000000; + width: 100%; + +} + +.form_consultation_content{ + width: 73%; + margin-right: 100px; +} + +.description_form_consultation{ + width: 40%; +} + +.button_form_consultation{ + width: 100%; + border: 1px solid #FB6952; + color: #FB6952; + transition: 200ms; + background: none; + padding: 15px 0; + border-radius: 5px; +} + +.button_form_consultation:hover{ + border: none; + color: #ffffff; + background: #FB6952; + transition: 200ms; } \ No newline at end of file diff --git a/static/images/delete_later/photo_test_descript_process.svg b/static/images/delete_later/photo_test_descript_process.svg new file mode 100644 index 0000000..38fdac5 --- /dev/null +++ b/static/images/delete_later/photo_test_descript_process.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/images/how_with_us_working_background.svg b/static/images/how_with_us_working_background.svg new file mode 100644 index 0000000..41038af --- /dev/null +++ b/static/images/how_with_us_working_background.svg @@ -0,0 +1,4 @@ + + + + diff --git a/templates/blocks/b_how_with_us_working.html b/templates/blocks/b_how_with_us_working.html new file mode 100644 index 0000000..816a9fe --- /dev/null +++ b/templates/blocks/b_how_with_us_working.html @@ -0,0 +1,69 @@ +{% load static %} +{% load i18n %} +{# h_w_u_w - how with us working #} +
+
+
+ {% translate 'КАК С НАМИ РАБОТАТЬ?' %} +
+
+
+
+ +
+
+ Получение инфы +
+
+
+
+ +
+
+ Получение инфы +
+
+
+
+ +
+
+ Получение инфы +
+
+
+
+ +
+
+ Получение инфы +
+
+ +
+
+
+
+
+
+
+ {% translate 'НУЖНА КОНСУЛЬТАЦИЯ - ИХ ЕСТЬ У НАС!' %} +
+
+ {% translate 'Lorem ipsum dolor sit amet consectetur. Rutrum tristique mauris non vitae varius porta quis. Magna adipiscing in turpis pellentesque sit turpis enim condimentum cras. Imperdiet enim feugiat blandit in vitae congue cursus ac.' %} +
+ +
+
+ + + + + +
+ +
+
+
+
+
\ No newline at end of file diff --git a/templates/blocks/b_service.html b/templates/blocks/b_service.html index c0c6819..12e30ee 100644 --- a/templates/blocks/b_service.html +++ b/templates/blocks/b_service.html @@ -1,32 +1,34 @@ {% load static %} {% load i18n %} -
- {% for service in services %} -
- {% if sub_serv.picture %} -
- +
+
+ {% for service in services %} +
+ {% if sub_serv.picture %} +
+ +
+ {% endif %} +
+ {{ service.name }}
- {% endif %} -
- {{ service.name }} -
- {% if service.rel_children_for_service.all %} - {% for sub_serv in service.rel_children_for_service.all %} -
-
- {% if sub_serv.picture %} -
- + {% if service.rel_children_for_service.all %} + {% for sub_serv in service.rel_children_for_service.all %} +
+
+ {% if sub_serv.picture %} +
+ +
+ {% endif %} +
+ {{ sub_serv.name }}
- {% endif %} -
- {{ sub_serv.name }}
-
- {% endfor %} - {% endif %} -
- {% endfor %} + {% endfor %} + {% endif %} +
+ {% endfor %} +
\ No newline at end of file diff --git a/templates/pages/content/c_projectiing_section.html b/templates/pages/content/c_projectiing_section.html index f0aef92..34c86c6 100644 --- a/templates/pages/content/c_projectiing_section.html +++ b/templates/pages/content/c_projectiing_section.html @@ -1,2 +1,3 @@ {% include 'blocks/dynamic/b_sections_buttons.html' %} -{% include 'blocks/b_service.html' %} \ No newline at end of file +{% include 'blocks/b_service.html' %} +{% include 'blocks/b_how_with_us_working.html' %} \ No newline at end of file