0.0.102
This commit is contained in:
@@ -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{
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.form_consultation_container{
|
||||
.form_feedback_container{
|
||||
padding: 70px 0 90px 0;
|
||||
}
|
||||
.plugin_container{
|
||||
|
||||
@@ -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
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="large_txt plugin_txt">{{ block.name }}</div>
|
||||
{% endif %}
|
||||
{% if block.description %}
|
||||
<div class="semi_large_semi_light plugin_description">
|
||||
<div class="semi_large_semi_light{% if block.but1_title or block.but2_title or block.but1_icon or block.but2_icon %} plugin_description{% endif %}">
|
||||
{{ block.description|linebreaksbr }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
@@ -2,10 +2,10 @@
|
||||
{% load i18n %}
|
||||
<div {% include "block_settings/blocks_settings.html" %}>
|
||||
<div class="cut-width">
|
||||
<div class="form_consultation_container" >
|
||||
<div class="form_feedback_container" >
|
||||
<div class="top_border_gradient"></div>
|
||||
<form name="form_consultation" class="form_consultation">
|
||||
<div class="container_content_form_consultation">
|
||||
<form name="form_feedback" class="form_feedback">
|
||||
<div class="container_content_form_feedback">
|
||||
{% include 'forms/f_feedback.html' %}
|
||||
</div>
|
||||
</form>
|
||||
@@ -53,25 +53,25 @@
|
||||
|
||||
|
||||
|
||||
<div class="form_consultation_container">
|
||||
<div class="form_feedback_container">
|
||||
<div class="top_border_gradient"></div>
|
||||
<form class="form_consultation">
|
||||
<div class="container_content_form_consultation">
|
||||
<div class="description_form_consultation">
|
||||
<div class="medium_txt title_form_consultation">
|
||||
<form class="form_feedback">
|
||||
<div class="container_content_form_feedback">
|
||||
<div class="description_form_feedback">
|
||||
<div class="medium_txt title_form_feedback">
|
||||
{% translate 'НУЖНА КОНСУЛЬТАЦИЯ - ИХ ЕСТЬ У НАС!' %}
|
||||
</div>
|
||||
<div class="standart_txt description_form_consultation_txt">
|
||||
<div class="standart_txt description_form_feedback_txt">
|
||||
{% 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.' %}
|
||||
</div>
|
||||
<button class="button_form_consultation pointer">{% translate 'Отправить запрос' %}</button>
|
||||
<button class="button_form_feedback pointer">{% translate 'Отправить запрос' %}</button>
|
||||
</div>
|
||||
<div class="form_consultation_content">
|
||||
<input class="input_form_consultation" id="id_name" name="name" placeholder="{% translate 'Имя' %}">
|
||||
<input class="input_form_consultation" id="id_company" name="company" placeholder="{% translate 'Компания' %}">
|
||||
<input class="input_form_consultation" id="id_contacts" name="contacs" placeholder="{% translate 'Контактные данные' %}">
|
||||
<label class="label_consultation_form standart_txt" for="id_consultation_topic">{% translate 'Тема консультации' %}</label>
|
||||
<textarea class="textarea_form_consultation" id="id_consultation_topic" name="consultation_topic"></textarea>
|
||||
<div class="form_feedback_content">
|
||||
<input class="input_form_feedback" id="id_name" name="name" placeholder="{% translate 'Имя' %}">
|
||||
<input class="input_form_feedback" id="id_company" name="company" placeholder="{% translate 'Компания' %}">
|
||||
<input class="input_form_feedback" id="id_contacts" name="contacs" placeholder="{% translate 'Контактные данные' %}">
|
||||
<label class="label_feedback_form standart_txt" for="id_feedback_topic">{% translate 'Тема консультации' %}</label>
|
||||
<textarea class="textarea_form_feedback" id="id_feedback_topic" name="feedback_topic"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,20 +1,23 @@
|
||||
{% load static %}
|
||||
<div class="description_form_consultation">
|
||||
<div class="medium_txt title_form_consultation">
|
||||
<div class="description_form_feedback">
|
||||
<div class="medium_txt title_form_feedback">
|
||||
{{ block.name }}
|
||||
</div>
|
||||
<div class="standart_txt description_form_consultation_txt">
|
||||
<div class="standart_txt description_form_feedback_txt">
|
||||
{{ block.description|linebreaksbr }}
|
||||
</div>
|
||||
<input type="checkbox" class="input_form_consultation" id="id_agreement" name="agreement" />
|
||||
<label class="label_consultation_form standart_txt" for="id_agreement">{{ feedback_form.agreement.label }}</label>
|
||||
<button onclick="sendFormConsultation(this)" class="button_form_consultation">{{ block.but_title }}</button>
|
||||
<div class="checkbox_container">
|
||||
<input type="checkbox" class="check_box_form_feedback" id="id_agreement" name="agreement" />
|
||||
<label class="label_feedback_form_checkbox standart_txt" for="id_agreement">{{ feedback_form.agreement.label }}</label>
|
||||
<div class="clear_both"></div>
|
||||
</div>
|
||||
<button onclick="sendFormfeedback(this)" class="button_form_feedback">{{ block.but_title }}</button>
|
||||
</div>
|
||||
<div class="form_consultation_content">
|
||||
<input hidden="hidden" class="input_form_consultation" id="id_form_name" name="form_name" value="{{ feedback_form.initial.form_name }}">
|
||||
<input class="input_form_consultation" id="id_name" name="name" placeholder="{{ feedback_form.name.label }}">
|
||||
<input class="input_form_consultation" id="id_company" name="company" placeholder="{{ feedback_form.company.label }}">
|
||||
<input class="input_form_consultation" id="id_contacts" name="contacts" placeholder="{{ feedback_form.contacts.label }}">
|
||||
<label class="label_consultation_form standart_txt" for="id_description">{{ feedback_form.description.label }}</label>
|
||||
<textarea class="textarea_form_consultation" id="id_description" name="description"></textarea>
|
||||
<div class="form_feedback_content">
|
||||
<input hidden="hidden" class="input_form_feedback" id="id_form_name" name="form_name" value="{{ feedback_form.initial.form_name }}">
|
||||
<input class="input_form_feedback" id="id_name" name="name" placeholder="{{ feedback_form.name.label }}">
|
||||
<input class="input_form_feedback" id="id_company" name="company" placeholder="{{ feedback_form.company.label }}">
|
||||
<input class="input_form_feedback" id="id_contacts" name="contacts" placeholder="{{ feedback_form.contacts.label }}">
|
||||
<label class="label_feedback_form standart_txt" for="id_description">{{ feedback_form.description.label }}</label>
|
||||
<textarea class="textarea_form_feedback" id="id_description" name="description"></textarea>
|
||||
</div>
|
||||
@@ -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' %}
|
||||
|
||||
Reference in New Issue
Block a user