diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index d9d7d83..7e9bfe5 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -452,7 +452,7 @@ body.n_scroll{ object-position: bottom; } -.form_consultation_container{ +.form_feedback_container{ margin: auto; width: 80%; } @@ -465,22 +465,22 @@ body.n_scroll{ background: linear-gradient(270deg, #FB6952 63.38%, #DD4F39 80.71%, #B73825 104%); } -.form_consultation{ +.form_feedback{ background: #ffffff; border-radius: 0 0 6px 6px; } -.title_form_consultation{ +.title_form_feedback{ text-transform: uppercase; } -.container_content_form_consultation{ +.container_content_form_feedback{ padding: 40px; display: flex; flex-direction: row-reverse; } -.input_form_consultation{ +.input_form_feedback{ border: none; border-bottom: 1px solid #E3E3E3; width: calc(100% - 20px); @@ -494,11 +494,11 @@ body.n_scroll{ margin-bottom: 20px; } -.input_form_consultation::placeholder{ +.input_form_feedback::placeholder{ color: #9a9a9a; } -.label_consultation_form{ +.label_feedback_form{ color: #9a9a9a; padding-left: 20px; padding-bottom: 15px; @@ -507,7 +507,7 @@ body.n_scroll{ font-size: 16px; } -.textarea_form_consultation{ +.textarea_form_feedback{ border: 1px solid #E3E3E3; width: calc(100% - 20px); min-height: 120px; @@ -517,7 +517,7 @@ body.n_scroll{ padding: 20px 0 20px 20px; } -.description_form_consultation_txt{ +.description_form_feedback_txt{ margin-top: 30px; margin-bottom: 50px; color: #000000; @@ -525,16 +525,17 @@ body.n_scroll{ } -.form_consultation_content{ +.form_feedback_content{ width: 73%; margin-right: 50px; } -.description_form_consultation{ +.description_form_feedback{ width: 40%; + position: relative; } -.button_form_consultation{ +.button_form_feedback{ width: 100%; border: 1px solid #FB6952; color: #FB6952; @@ -542,14 +543,41 @@ body.n_scroll{ background: none; padding: 15px 0; border-radius: 5px; + position: absolute; + bottom: 0; } -.button_form_consultation:hover{ +.button_form_feedback:hover{ color: #ffffff; background: #FB6952; transition: 200ms; } +.checkbox_container{ + width: 100%; + margin-bottom: 10px; + position: absolute; + bottom: 50px; +} + +.check_box_form_feedback{ + border: 1px solid #000000; + background: none; + display: inline-block; + width: 15px; + height: 15px; + outline: none; + margin: 6px 0; +} + +.label_feedback_form_checkbox{ + font-size: 12px; + color: #000000; + font-weight: 400; + width: 90%; + float: right; +} + /* block plugin*/ .plugin_container{ diff --git a/static/aerbimCSSMOBILE.css b/static/aerbimCSSMOBILE.css index 59665e7..151c59a 100644 --- a/static/aerbimCSSMOBILE.css +++ b/static/aerbimCSSMOBILE.css @@ -7,7 +7,7 @@ } @media (max-width: 1024px) { - .form_consultation_container{ + .form_feedback_container{ padding: 70px 0 90px 0; } .plugin_container{ diff --git a/static/aerbimJS.js b/static/aerbimJS.js index 897579e..d9b5e52 100644 --- a/static/aerbimJS.js +++ b/static/aerbimJS.js @@ -233,8 +233,8 @@ function autoPlaySlider () { // } // } -// form consultation -function sendFormConsultation (el){ +// form feedback +function sendFormfeedback (el){ event.preventDefault() let form = el.form let formData = new FormData(form) @@ -250,10 +250,10 @@ function sendFormConsultation (el){ // contentType: "application/json; charset=utf-8", data: formData, success: function(data){ - document.querySelector(".container_content_form_consultation").innerHTML = data.html + document.querySelector(".container_content_form_feedback").innerHTML = data.html }, error: function (data){ - document.querySelector(".container_content_form_consultation").innerHTML = data.html + document.querySelector(".container_content_form_feedback").innerHTML = data.html } }); } \ No newline at end of file diff --git a/templates/blocks/b_3d_s_d.html b/templates/blocks/b_3d_s_d.html index 4b411cd..dff3c0a 100644 --- a/templates/blocks/b_3d_s_d.html +++ b/templates/blocks/b_3d_s_d.html @@ -11,7 +11,7 @@
{{ block.name }}
{% endif %} {% if block.description %} -
+
{{ block.description|linebreaksbr }}
{% endif %} diff --git a/templates/forms/f_consultation.html b/templates/blocks/b_feedback.html similarity index 60% rename from templates/forms/f_consultation.html rename to templates/blocks/b_feedback.html index 87e898e..681aa3a 100644 --- a/templates/forms/f_consultation.html +++ b/templates/blocks/b_feedback.html @@ -2,10 +2,10 @@ {% load i18n %}
-
+
-
-
+ +
{% include 'forms/f_feedback.html' %}
diff --git a/templates/blocks/b_photo150_n_title.html b/templates/blocks/b_photo150_n_title.html index bc8e6b2..86e4b2d 100644 --- a/templates/blocks/b_photo150_n_title.html +++ b/templates/blocks/b_photo150_n_title.html @@ -53,25 +53,25 @@ -
+
-
-
-
-
+ +
+
+
{% 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.' %}
- +
-
- - - - - +
+ + + + +
diff --git a/templates/forms/f_feedback.html b/templates/forms/f_feedback.html index bfa742f..d5c3c64 100644 --- a/templates/forms/f_feedback.html +++ b/templates/forms/f_feedback.html @@ -1,20 +1,23 @@ {% load static %} -
-
+
+
{{ block.name }}
-
+
{{ block.description|linebreaksbr }}
- - - +
+ + +
+
+
-
- - - - - - +
+ + + + + +
\ No newline at end of file diff --git a/templates/pages/content/c_blocks_constructor.html b/templates/pages/content/c_blocks_constructor.html index ad56a55..7fc6475 100644 --- a/templates/pages/content/c_blocks_constructor.html +++ b/templates/pages/content/c_blocks_constructor.html @@ -15,7 +15,7 @@ {% elif block.block_type == 'how_work' %} {% include 'blocks/b_how_with_us_working.html' %} {% elif block.block_type == 'feedback_form' %} - {% include 'forms/f_consultation.html' %} + {% include 'blocks/b_feedback.html' %} {% elif block.block_type == 'how_dev' %} {% include 'blocks/b_how_dev.html' %} {% elif block.block_type == 'present_technology_block' %}