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 @@