This commit is contained in:
SBD
2024-01-16 20:50:54 +03:00
parent 1ae9de1236
commit 31d432e13f
9 changed files with 230 additions and 184 deletions

View File

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

View File

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

View File

@@ -1,4 +0,0 @@
<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>

Before

Width:  |  Height:  |  Size: 231 B

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="618.067mm" height="354.673mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 63344.75 36349.94"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
<defs>
<style type="text/css">
<![CDATA[
.fil1 {fill:#F0F5F8}
.fil0 {fill:#F0F5F8;fill-rule:nonzero}
]]>
</style>
</defs>
<g id="Слой_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<ellipse class="fil0" cx="31672.37" cy="10792.46" rx="31672.37" ry="10792.46"/>
<rect class="fil1" x="3.39" y="10600.45" width="63307.61" height="25749.49"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 946 B

View File

@@ -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 %}"

View File

@@ -1,7 +1,7 @@
{% load static %}
{% load i18n %}
<div {% include "block_settings/blocks_settings.html" %}>
<div class="cut-width">
<div class="cut-width margin_1_">
<div class="form_feedback_container" id="feedback_form">
<div class="top_border_gradient"></div>
<form name="form_feedback" class="form_feedback">

View File

@@ -3,7 +3,7 @@
{% load admin_interface_tags %}
<div class="header" data-page="{{ main }}">
<div class="cut-width">
<div class="cut-width preferens_f_header_1024" style="display: flex;justify-content: space-between;">
<a href="{% url 'main' %}" class="left_part_header">
{# <img src="{% static "images/logo.svg" %}" class="logo_header">#}
<img src="{{ logo }}" class="logo_header">

View File

@@ -2,7 +2,7 @@
{% load i18n %}
{# h_w_u_w - how with us working #}
<div {% include "block_settings/blocks_settings.html" %}>
<div class="cut-width">
<div class="cut-width margin_1_">
<div class="large_txt h_w_u_w px30_txt">
{{ block.name }}
</div>

View File

@@ -10,7 +10,7 @@
{% load static %}
{% if page.get_projects %}
<div {% include "block_settings/blocks_settings.html" %}>
<div class="cut-width">
<div class="cut-width margin_1_">
<div class="b_projects_slider">
<div class="left_part_b_projects_slider">
<img onclick="changeSlideProject(this,'back')" class="left_arrow_proj" src="{% static "images/arrow_slider_projects.svg" %}" alt="">