TPS
/
tps-site
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

text update all pages

This commit is contained in:
Meylis Gazakow 2022-06-03 14:39:22 +03:00
parent beb75c8dea
commit 65f12d9285
7 changed files with 126 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/components/2-layout/crumb.scss
View File

@ -13,8 +13,8 @@
&_txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
}
}

14
assets/css/components/2-layout/header.scss
View File

@ -110,8 +110,7 @@
@include transition;
max-height: 0;
overflow: hidden;
background: #fff;
padding: 15px;
background: #000;
position: absolute;
top: calc(100% + 20px);
@ -119,6 +118,8 @@
@include transformX;
white-space: nowrap;
z-index: 3;
min-width: 400px;
text-align: center;
&.active {
display: block;
@ -130,17 +131,14 @@
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000;
margin-bottom: 10px;
color: #fff;
@include transition;
padding: 20px 0;
&:hover {
opacity: .8;
background: $main-color;
}
&:last-child {
margin-bottom: 0;
}
}
}
}

10
assets/css/components/2-layout/responsive.scss
View File

@ -316,6 +316,10 @@
}
}
}
.service_nav {
top: -100px;
}
}
}
@ -457,6 +461,12 @@
height: 600px;
}
}
&_item {
&-info {
top: 35%;
}
}
}
}

6
assets/css/components/3-page/about.scss
View File

@ -5,8 +5,8 @@
.about {
&_txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #000000;
margin-bottom: 30px;
@ -68,7 +68,7 @@
.main_title {
padding-left: 25px;
position: relative;
font-size: 25px;
font-size: 28px;
font-weight: 500;
line-height: 1.4;
margin: 45px 0 30px;

41
assets/css/components/3-page/home.scss
View File

@ -65,8 +65,8 @@
&-txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
margin: 30px 0;
position: relative;
@ -307,8 +307,8 @@
&-txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #000000;
margin-bottom: 30px;
@ -436,7 +436,7 @@
&::before {
content: '';
position: absolute;
top: 15px;
top: 7px;
left: 25px;
background: url("../images/svg/circle.svg") no-repeat center;
background-size: contain;
@ -467,8 +467,8 @@
p {
font-weight: 400;
font-size: 16px;
line-height: 50px;
font-size: 18px;
line-height: 35px;
span {
font-weight: 700;
@ -602,6 +602,19 @@
flex-direction: column;
text-align: center;
position: relative;
&-info {
position: absolute;
top: 50%;
left: 0;
@include transformY;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
&:last-child {
border-right: none;
@ -631,6 +644,7 @@
justify-content: center;
background: rgba(0, 0, 0, .6);
width: calc(100% - 20px);
transition: .4s linear;
-webkit-transition: .4s linear;
@ -644,6 +658,11 @@
width: calc(100% - 40px);
margin: 20px auto 0;
opacity: 0;
width: 100%;
position: absolute;
bottom: -110px;
left: 0;
transition: .4s linear;
-webkit-transition: .4s linear;
@ -688,7 +707,7 @@
margin-bottom: 20px;
input {
border: 1px solid #D6D6D6;
border: 1px solid #737373;
padding: 12px 20px;
width: calc(100% - 40px);
@ -698,12 +717,12 @@
font-family: 'Montserrat', sans-serif;
&::placeholder {
color: #D6D6D6;
color: #737373;
}
}
textarea {
border: 1px solid #D6D6D6;
border: 1px solid #737373;
padding: 12px 20px;
width: calc(100% - 40px);
@ -715,7 +734,7 @@
height: 180px;
&::placeholder {
color: #D6D6D6;
color: #737373;
}
}
}

12
assets/css/components/3-page/service.scss
View File

@ -24,8 +24,8 @@
&_txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
margin-bottom: 30px;
}
@ -57,7 +57,7 @@
&-title {
font-weight: 700;
font-size: 24px;
font-size: 27px;
line-height: 36px;
margin: 30px 0 20px;
@ -77,7 +77,7 @@
&::before {
content: '';
position: absolute;
top: 7px;
top: 5px;
left: 0px;
background: url("../images/svg/circle.svg") no-repeat center;
background-size: contain;
@ -108,8 +108,8 @@
p {
font-weight: 400;
font-size: 14px;
line-height: 32px;
font-size: 16px;
line-height: 30px;
}
}
}

107
assets/css/main.css
View File

@ -249,8 +249,7 @@ li {
-moz-transition: all 0.2s ease-in-out 0s;
max-height: 0;
overflow: hidden;
background: #fff;
padding: 15px;
background: #000;
position: absolute;
top: calc(100% + 20px);
left: 50%;
@ -261,6 +260,8 @@ li {
-webkit-transform: translateX(-50%);
white-space: nowrap;
z-index: 3;
min-width: 400px;
text-align: center;
}
.header .nav .service_nav.active {
display: block;
@ -271,17 +272,14 @@ li {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000;
margin-bottom: 10px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
padding: 20px 0;
}
.header .nav .service_nav a:hover {
opacity: 0.8;
}
.header .nav .service_nav a:last-child {
margin-bottom: 0;
background: #2B72B6;
}
.header .lang {
position: relative;
@ -679,8 +677,8 @@ svg.active .svg-elem-21 {
}
.crumb_txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
}
@ -951,8 +949,8 @@ svg.active .svg-elem-21 {
}
.hero_item-txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
margin: 30px 0;
position: relative;
@ -1191,8 +1189,8 @@ svg.active .svg-elem-21 {
}
.about_info-txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #000000;
margin-bottom: 30px;
}
@ -1333,7 +1331,7 @@ svg.active .svg-elem-21 {
.about_list li::before {
content: "";
position: absolute;
top: 15px;
top: 7px;
left: 25px;
background: url("../images/svg/circle.svg") no-repeat center;
background-size: contain;
@ -1358,8 +1356,8 @@ svg.active .svg-elem-21 {
}
.about_list li p {
font-weight: 400;
font-size: 16px;
line-height: 50px;
font-size: 18px;
line-height: 35px;
}
.about_list li p span {
font-weight: 700;
@ -1478,6 +1476,28 @@ svg.active .svg-elem-21 {
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
position: relative;
}
.service_item-info {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-moz-ransform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.service_item:last-child {
border-right: none;
@ -1508,6 +1528,7 @@ svg.active .svg-elem-21 {
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, 0.6);
width: calc(100% - 20px);
transition: 0.4s linear;
-webkit-transition: 0.4s linear;
-ms-transition: 0.4s linear;
@ -1519,6 +1540,10 @@ svg.active .svg-elem-21 {
width: calc(100% - 40px);
margin: 20px auto 0;
opacity: 0;
width: 100%;
position: absolute;
bottom: -110px;
left: 0;
transition: 0.4s linear;
-webkit-transition: 0.4s linear;
-ms-transition: 0.4s linear;
@ -1561,7 +1586,7 @@ svg.active .svg-elem-21 {
margin-bottom: 20px;
}
.contact_input input {
border: 1px solid #D6D6D6;
border: 1px solid #737373;
padding: 12px 20px;
width: calc(100% - 40px);
font-weight: 500;
@ -1570,22 +1595,22 @@ svg.active .svg-elem-21 {
font-family: "Montserrat", sans-serif;
}
.contact_input input::-webkit-input-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input input::-moz-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input input:-ms-input-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input input::-ms-input-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input input::placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input textarea {
border: 1px solid #D6D6D6;
border: 1px solid #737373;
padding: 12px 20px;
width: calc(100% - 40px);
font-weight: 500;
@ -1596,19 +1621,19 @@ svg.active .svg-elem-21 {
height: 180px;
}
.contact_input textarea::-webkit-input-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input textarea::-moz-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input textarea:-ms-input-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input textarea::-ms-input-placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_input textarea::placeholder {
color: #D6D6D6;
color: #737373;
}
.contact_btn {
display: -webkit-box;
@ -1764,8 +1789,8 @@ svg.active .svg-elem-21 {
}
.about.page .about_txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
color: #000000;
margin-bottom: 30px;
}
@ -1821,7 +1846,7 @@ svg.active .svg-elem-21 {
.main_title {
padding-left: 25px;
position: relative;
font-size: 25px;
font-size: 28px;
font-weight: 500;
line-height: 1.4;
margin: 45px 0 30px;
@ -2018,8 +2043,8 @@ svg.active .svg-elem-21 {
}
.service.page .service_txt {
font-weight: 400;
font-size: 16px;
line-height: 36px;
font-size: 18px;
line-height: 30px;
margin-bottom: 30px;
}
.service.page .service_box {
@ -2047,7 +2072,7 @@ svg.active .svg-elem-21 {
}
.service.page .service_box-item-title {
font-weight: 700;
font-size: 24px;
font-size: 27px;
line-height: 36px;
margin: 30px 0 20px;
}
@ -2063,7 +2088,7 @@ svg.active .svg-elem-21 {
.service.page .service_list li::before {
content: "";
position: absolute;
top: 7px;
top: 5px;
left: 0px;
background: url("../images/svg/circle.svg") no-repeat center;
background-size: contain;
@ -2088,8 +2113,8 @@ svg.active .svg-elem-21 {
}
.service.page .service_list li p {
font-weight: 400;
font-size: 14px;
line-height: 32px;
font-size: 16px;
line-height: 30px;
}
/* Slider */
@ -2826,6 +2851,9 @@ svg.active .svg-elem-21 {
.header .nav ul li a {
font-size: 20px;
}
.header .nav .service_nav {
top: -100px;
}
.hero_item-title {
font-size: 22px;
@ -2917,6 +2945,9 @@ svg.active .svg-elem-21 {
.service_box-image {
height: 600px;
}
.service_item-info {
top: 35%;
}
}
@media (max-width: 1000px) {
.gallery_box {