0.0.12
This commit is contained in:
@@ -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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 20 KiB |
4
static/images/how_with_us_working_background.svg
Normal file
4
static/images/how_with_us_working_background.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="1920" height="1089" viewBox="0 0 1920 1089" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="293" width="1920" height="796" fill="#F0F5F8"/>
|
||||
<ellipse cx="960" cy="398" rx="1168" ry="398" fill="#F0F5F8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 231 B |
69
templates/blocks/b_how_with_us_working.html
Normal file
69
templates/blocks/b_how_with_us_working.html
Normal file
@@ -0,0 +1,69 @@
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
{# h_w_u_w - how with us working #}
|
||||
<div class="container_how_w_us_working">
|
||||
<div class="cut-width">
|
||||
<div class="large_txt h_w_u_w">
|
||||
{% translate 'КАК С НАМИ РАБОТАТЬ?' %}
|
||||
</div>
|
||||
<div class="descript_process_block">
|
||||
<div class="descript_process_container">
|
||||
<div class="photo_container_descript_process">
|
||||
<img class="img_descript_process" src="{% static "images/delete_later/photo_test_descript_process.svg" %}">
|
||||
</div>
|
||||
<div class="txt_descript_process standart_txt">
|
||||
Получение инфы
|
||||
</div>
|
||||
</div>
|
||||
<div class="descript_process_container">
|
||||
<div class="photo_container_descript_process">
|
||||
<img class="img_descript_process" src="{% static "images/delete_later/photo_test_descript_process.svg" %}">
|
||||
</div>
|
||||
<div class="txt_descript_process standart_txt">
|
||||
Получение инфы
|
||||
</div>
|
||||
</div>
|
||||
<div class="descript_process_container">
|
||||
<div class="photo_container_descript_process">
|
||||
<img class="img_descript_process" src="{% static "images/delete_later/photo_test_descript_process.svg" %}">
|
||||
</div>
|
||||
<div class="txt_descript_process standart_txt">
|
||||
Получение инфы
|
||||
</div>
|
||||
</div>
|
||||
<div class="descript_process_container">
|
||||
<div class="photo_container_descript_process">
|
||||
<img class="img_descript_process" src="{% static "images/delete_later/photo_test_descript_process.svg" %}">
|
||||
</div>
|
||||
<div class="txt_descript_process standart_txt">
|
||||
Получение инфы
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form_consultation_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">
|
||||
{% translate 'НУЖНА КОНСУЛЬТАЦИЯ - ИХ ЕСТЬ У НАС!' %}
|
||||
</div>
|
||||
<div class="standart_txt description_form_consultation_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">{% 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>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,32 +1,34 @@
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
<div class="services_block">
|
||||
{% for service in services %}
|
||||
<div class="service_container">
|
||||
{% if sub_serv.picture %}
|
||||
<div class="left_part_service">
|
||||
<img class="service_img" src="{{ MEDIA_URL }}{{ service.picture }}">
|
||||
<div class="cut-width">
|
||||
<div class="block_service">
|
||||
{% for service in services %}
|
||||
<div class="service_container">
|
||||
{% if sub_serv.picture %}
|
||||
<div class="left_part_service">
|
||||
<img class="service_img" src="{{ MEDIA_URL }}{{ service.picture }}">
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="right_part_service {% if sub_serv.picture %}w_100{% endif %}">
|
||||
{{ service.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="right_part_service {% if sub_serv.picture %}w_100{% endif %}">
|
||||
{{ service.name }}
|
||||
</div>
|
||||
{% if service.rel_children_for_service.all %}
|
||||
{% for sub_serv in service.rel_children_for_service.all %}
|
||||
<div class="services_block">
|
||||
<div class="service_container">
|
||||
{% if sub_serv.picture %}
|
||||
<div class="left_part_service">
|
||||
<img class="service_img" src="{{ MEDIA_URL }}{{ sub_serv.picture }}">
|
||||
{% if service.rel_children_for_service.all %}
|
||||
{% for sub_serv in service.rel_children_for_service.all %}
|
||||
<div class="services_block">
|
||||
<div class="service_container">
|
||||
{% if sub_serv.picture %}
|
||||
<div class="left_part_service">
|
||||
<img class="service_img" src="{{ MEDIA_URL }}{{ sub_serv.picture }}">
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="right_part_service {% if not sub_serv.picture %}w_100{% endif %}">
|
||||
{{ sub_serv.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="right_part_service {% if not sub_serv.picture %}w_100{% endif %}">
|
||||
{{ sub_serv.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,2 +1,3 @@
|
||||
{% include 'blocks/dynamic/b_sections_buttons.html' %}
|
||||
{% include 'blocks/b_service.html' %}
|
||||
{% include 'blocks/b_service.html' %}
|
||||
{% include 'blocks/b_how_with_us_working.html' %}
|
||||
Reference in New Issue
Block a user