diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index c123391..63a8f8e 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -58,6 +58,8 @@ body.n_scroll{ } + + /*header*/ .left_part_header{ @@ -73,9 +75,9 @@ body.n_scroll{ } .right_part_header { - width: calc(100% - 290px); - float: right; - position: relative; + /* width: calc(100% - 290px); */ + /* float: right; */ + /* position: relative; */ display: flex; justify-content: right; align-items: center; @@ -200,13 +202,13 @@ body.n_scroll{ display: inline-block; } -.language_select{ +.language_select { color: #10212B; font-size: 16px; - padding-right: 29px; + /* padding-right: 29px; */ display: inline-block; margin-left: 43px; - margin-right: 49px; + /* margin-right: 49px; */ background: none; border: none; outline: none; @@ -372,11 +374,11 @@ body.n_scroll{ margin-top: 15px; margin-bottom: 15px; padding: 10px; + display: flex; } .left_part_service{ width: 60px; - float: left; } .service_img{ @@ -386,8 +388,7 @@ body.n_scroll{ } .right_part_service{ - width: calc(100% - 80px); - float: right; + /*width: calc(100% - 80px);*/ padding-left: 20px; font-weight: 600; color: #000000; @@ -441,12 +442,12 @@ body.n_scroll{ } .descript_process_container{ - width: 250px; + width: 20%; background: none; text-align: -webkit-center; text-align: -moz-center; /*margin-bottom: 23px;*/ - padding: 20px; + padding: 1%; } .photo_container_descript_process{ @@ -1527,4 +1528,4 @@ body.n_scroll{ height: 100%; object-fit: cover; object-position: center; -} \ No newline at end of file +} diff --git a/static/aerbimCSSMOBILE.css b/static/aerbimCSSMOBILE.css index 151c59a..f9d8492 100644 --- a/static/aerbimCSSMOBILE.css +++ b/static/aerbimCSSMOBILE.css @@ -7,169 +7,6 @@ } @media (max-width: 1024px) { - .form_feedback_container{ - padding: 70px 0 90px 0; - } - .plugin_container{ - margin: auto; - width: 100%; - } - .left_part_plugin_container{ - width: calc(60% - 20px); - margin-right: 20px; - } - .container_content_faq{ - margin: 100px 0 0 0; - } - .text_header{ - padding-right: 40px; - } - .standart_txt{ - font-size: 14px; - } - .language_select{ - margin-left: 30px; - margin-right: 30px; - padding-right: 0; - } - .left_part_header{ - width: 235px; - float: left; - text-align: -webkit-left; - display: block; - position: relative; - top: 10px; - } - .logo_header { - height: 40px; - } - .right_part_header { - width: calc(100% - 235px); - float: right; - padding: 17px 0 15px 0; - position: relative; - text-align: -webkit-right; - } - .right_part_header{ - display: none; - } - .logo_header { - height: 35px; - } - .left_part_header{ - width: 205px; - position: relative; - top: 3px; - } - .header{ - height: 40px; - } - .right_part_header_mobile{ - width: calc(100% - 205px); - float: right; - display: block; - position: relative; - top: 9px; - text-align: right; - } - .content{ - margin-top: 50px; - } - .container_sections_buttons { - height: 55px; - background: #10212B; - position: sticky; - top: 50px; - z-index: 100; - } - .cut-width.sections_btns{ - margin: 10px; - } - .cut-width{ - margin: 0 20px; - } - .title_page{ - font-size: 36px; - } -/* curtain*/ - .curtain_main{ - height: calc(100vh - 20px); - padding-top: 20px; - background: #10212B; - width: 320px; - position: fixed; - top: 50px; - right: 0; - z-index: 101; - transition: 200ms; - display: block; - } - .curtain_main.open{ - right: 0; - transition: 200ms; - } - .curtain_main.close{ - right: -320px; - transition: 200ms; - } - - .container_first_line_curtain{ - padding-bottom: 20px; - border-bottom: 1px solid #888; - width: 100%; - } - .block_overlay{ - height: 100vh; - width: 100vw; - position: fixed; - z-index: 100; - } - .block_overlay.hide{ - display: none; - } - .block_overlay.show{ - display: block; - background: rgba(16, 33, 43, 0.70); - } - .curtain_txt_float{ - float: right; - text-transform: uppercase; - } - .language_select.curtain{ - top: 0; - margin-left: 10px; - } - .description_page{ - font-size: 24px; - } - .container_els_curtain{ - padding: 20px 0 5px 0; - } - .container_els_curtain.border{ - border-bottom: 1px solid #888; - } - .txt_curtain_el{ - display: block; - color: #ffffff; - text-transform: uppercase; - font-size: 16px; - text-align: right; - padding-bottom: 15px; - } -} - -@media (max-width: 850px) { - .block_service{ - flex-wrap: wrap; - } - .service_block_container { - width: calc(50% - 70px); - } - - -} - -@media (max-width: 800px) { .line_go_to_sections{ width: 100%; color: #000000; @@ -239,6 +76,197 @@ flex-wrap: wrap; height: unset; } + .block_service{ + width: 100%; + } + .left_part_service{ + width: 40px; + } + .service_img{ + width: 40px; + height: 40px; + } + .descript_process_container{ + width: 196px; + } + .form_feedback_container { + margin: 0 1.5%; + width: 97%; + scroll-margin-top: 140px; + } + .cut-width.margin_1_{ + margin: 0 1%; + width: 98%; + } + .form_feedback_container{ + padding: 70px 0 90px 0; + } + .plugin_container{ + margin: auto; + width: 100%; + } + .left_part_plugin_container{ + width: calc(60% - 20px); + margin-right: 20px; + } + .container_content_faq{ + margin: 100px 0 0 0; + } + .text_header{ + padding-right: 40px; + } + .standart_txt{ + font-size: 14px; + } + .language_select{ + margin-left: 30px; + margin-right: 30px; + padding-right: 0; + } + .left_part_header{ + width: 235px; + float: left; + text-align: -webkit-left; + display: block; + position: relative; + top: 10px; + } + .logo_header { + height: 40px; + } + .right_part_header { + height: 41px; + } + + .logo_header { + height: 41px; + } + .cut-width.preferens_f_header_1024{ + width: 96%; + height: 41px; + } + .left_part_header{ + width: 205px; + position: relative; + top: 0; + } + .header{ + height: 40px; + } + .right_part_header_mobile{ + width: calc(100% - 290px); + float: right; + position: relative; + display: flex; + justify-content: right; + align-items: center; + height: 41px; + } + .burger_menu_header{ + filter: brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(6783%) hue-rotate(162deg) brightness(94%) contrast(90%); + } + .right_part_header{ + display: none; + } + + .content{ + margin-top: 60px; + } + .container_sliders { + height: calc(100vh - 115px); + margin-top: unset; + } + .info_part_b_projects_slider { + padding: 0; + width: calc(100% - 100px); + } + .cut-width{ + margin: 0 20px; + } + .title_page{ + font-size: 36px; + } +/* curtain*/ + .curtain_main{ + height: calc(100vh - 20px); + padding-top: 20px; + background: #10212B; + width: 320px; + position: fixed; + top: 61px; + right: 0; + z-index: 101; + transition: 200ms; + display: block; + } + .curtain_main.open{ + right: 0; + transition: 200ms; + } + .curtain_main.close{ + right: -320px; + transition: 200ms; + } + + .container_first_line_curtain{ + padding-bottom: 20px; + border-bottom: 1px solid #888; + width: 100%; + } + .block_overlay{ + height: 100vh; + width: 100vw; + position: fixed; + z-index: 101; + } + .block_overlay.hide{ + display: none; + } + .block_overlay.show{ + display: block; + background: rgba(16, 33, 43, 0.70); + } + .curtain_txt_float{ + float: right; + text-transform: uppercase; + } + .language_select.curtain{ + top: 0; + margin-left: 10px; + } + .description_page{ + font-size: 24px; + } + .container_els_curtain{ + padding: 20px 0 5px 0; + } + .container_els_curtain.border{ + border-bottom: 1px solid #888; + } + .txt_curtain_el{ + display: block; + color: #ffffff; + text-transform: uppercase; + font-size: 16px; + text-align: right; + padding-bottom: 15px; + } +} + +@media (max-width: 850px) { + .block_service{ + flex-wrap: wrap; + } + .service_block_container { + width: calc(50% - 70px); + } + + +} + +@media (max-width: 800px) { + + } @media (max-width: 700px) { diff --git a/static/images/how_with_us_working_background.svg b/static/images/how_with_us_working_background.svg deleted file mode 100644 index 41038af..0000000 --- a/static/images/how_with_us_working_background.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/static/images/round__f_form_and_how_with_us_works.svg b/static/images/round__f_form_and_how_with_us_works.svg new file mode 100644 index 0000000..9f69b1a --- /dev/null +++ b/static/images/round__f_form_and_how_with_us_works.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + diff --git a/templates/block_settings/blocks_settings.html b/templates/block_settings/blocks_settings.html index bb336b1..a85c7f6 100644 --- a/templates/block_settings/blocks_settings.html +++ b/templates/block_settings/blocks_settings.html @@ -1 +1 @@ -style="width: 100%;padding: 50px 0;{% if block.bg_image %} background: url({{ MEDIA_URL }}{{ block.bg_image }}); background-size: cover; background-repeat: no-repeat; background-position: top;{% elif block.bg_color %} background: {{ block.bg_color }}{% endif %}" +style="width: 100%;padding: 3% 0;{% if block.bg_image %} background: url({{ MEDIA_URL }}{{ block.bg_image }}); background-size: cover; background-repeat: no-repeat; background-position: top;{% elif block.bg_color %} background: {{ block.bg_color }}{% endif %}" diff --git a/templates/blocks/b_feedback.html b/templates/blocks/b_feedback.html index 12005a6..c3e0b50 100644 --- a/templates/blocks/b_feedback.html +++ b/templates/blocks/b_feedback.html @@ -1,7 +1,7 @@ {% load static %} {% load i18n %}
-
+