Skip to content

L
landing_pages
Commit f0125107 by Iren
Options

add img

parent dec4fe98
Showing with 45 additions and 34 deletions
css/styles.css
......@@ -441,7 +441,7 @@ video {
}
.h2-desktop-tittle {
font-family: Avenir Next;
font-weight: 800;
font-weight: 2000;
}
@media (max-width: 576px) {
.h2-desktop-tittle {
......@@ -1240,6 +1240,7 @@ video {
.catalog-text {
max-width: 56%;
margin-bottom: 120px;
margin-top: 15px;
}
@media (max-width: 768px) {
.catalog-text {
......@@ -1270,6 +1271,7 @@ video {
}
}
.catalog-text p {
font-family: Avenir Next;
font-size: 18px;
font-weight: 300;
line-height: 24px;
......@@ -1278,14 +1280,14 @@ video {
}
@media (max-width: 768px) {
.catalog-text p {
font-family: SFUIDisplay-Light;
font-family: Avenir Next;
font-size: 14px;
letter-spacing: 0.14px;
}
}
@media (max-width: 576px) {
.catalog-text p {
font-family: SFUIDisplay-Light;
font-family: Avenir Next;
font-size: 14px;
letter-spacing: 0.14px;
}
......@@ -1295,9 +1297,9 @@ video {
background: #f9fbff;
background-size: 100% 100%;
background-position: center;
padding-top: 140px;
padding-bottom: 165px;
margin-bottom: 113px;
padding-top: 118px;
padding-bottom: 113px;
margin-bottom: 103px;
}
@media (max-width: 576px) {
.technology {
......@@ -1334,6 +1336,7 @@ video {
.technology-container-wrapper {
display: flex;
width: 100%;
padding-top: 20px;
}
@media (max-width: 576px) {
.technology-container-wrapper {
......@@ -1349,7 +1352,6 @@ video {
.technology-containe {
width: 50%;
height: 200px;
margin-top: 50px;
display: flex;
}
@media (max-width: 992px) {
......@@ -1469,7 +1471,7 @@ video {
position: relative;
max-width: 256px;
height: 834px;
margin-top: 10px;
margin-top: 15px;
padding: 30px 16px 32px 16px;
background: #f9fbff;
border: #e6effa 1px solid;
......@@ -1533,9 +1535,6 @@ video {
width: 190px;
}
}
.price-container {
margin-top: 20px;
}
.price-container-active {
box-shadow: 0 25px 25px #e6effa;
height: 901px;
......@@ -1676,7 +1675,7 @@ video {
}
.price-line-little {
width: 75px;
height: 2px;
height: 1px;
border-bottom: #c94d4e 1px solid;
margin: 0 auto;
}
......@@ -1696,21 +1695,27 @@ video {
margin-left: 5px;
color: #c94d4e;
}
.price-line,
.price-line-big {
.price-line {
width: 256px;
height: 3px;
height: 2.3px;
margin-left: -16px;
border-bottom: #e6effa 1px solid;
}
@media (max-width: 1250px) {
.price-line,
.price-line-big {
.price-line {
width: 170px;
}
}
.price-line-big {
height: 3px;
width: 256px;
height: 2px;
margin-left: -16px;
border-bottom: #e6effa 1px solid;
}
@media (max-width: 1250px) {
.price-line-big {
width: 170px;
}
}
.price-info-carry {
line-height: 12px;
......
css/styles.less
......@@ -384,7 +384,7 @@ video {
}
.h2-desktop-tittle {
font-family: Avenir Next;
font-weight: 800;
font-weight: 2000;
@media (max-width: 576px){
max-width: 170px;
}
......@@ -1007,6 +1007,7 @@ video {
.catalog-text {
max-width: 56%;
margin-bottom: 120px;
margin-top: 15px;
@media (max-width: 768px) {
max-width: 100%;
margin-bottom: 80px;
......@@ -1030,18 +1031,19 @@ video {
}
}
p {
font-family: Avenir Next;
font-size: 18px;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.24px;
color: #303a81;
@media (max-width: 768px) {
font-family: SFUIDisplay-Light;
font-family: Avenir Next;
font-size: 14px;
letter-spacing: 0.14px;
}
@media (max-width: 576px) {
font-family: SFUIDisplay-Light;
font-family: Avenir Next;
font-size: 14px;
letter-spacing: 0.14px;
}
......@@ -1052,9 +1054,9 @@ video {
background: #f9fbff;
background-size: 100% 100%;
background-position: center;
padding-top: 140px;
padding-bottom: 165px;
margin-bottom: 113px;
padding-top: 118px;
padding-bottom: 113px;
margin-bottom: 103px;
@media (max-width: 576px) {
padding-top: 51px;
}
......@@ -1081,6 +1083,7 @@ video {
.technology-container-wrapper {
display: flex;
width: 100%;
padding-top: 20px;
@media (max-width: 576px) {
flex-wrap: wrap;
......@@ -1093,7 +1096,7 @@ video {
.technology-containe {
width: 50%;
height: 200px;
margin-top: 50px;
display: flex;
......@@ -1192,7 +1195,7 @@ video {
position: relative;
max-width: 256px;
height: 834px;
margin-top: 10px;
margin-top: 15px;
padding: 30px 16px 32px 16px;
background: #f9fbff;
border: #e6effa 1px solid;
......@@ -1236,9 +1239,6 @@ video {
}
}
}
.price-container {
margin-top: 20px;
}
.price-container-active {
box-shadow: 0 25px 25px #e6effa;
height: 901px;
......@@ -1352,7 +1352,7 @@ video {
}
.price-line-little {
width: 75px;
height: 2px;
height: 1px;
border-bottom: #c94d4e 1px solid;
margin: 0 auto;
}
......@@ -1373,9 +1373,9 @@ video {
color: #c94d4e;
}
}
.price-line, .price-line-big {
.price-line {
width: 256px;
height: 3px;
height: 2.3px;
margin-left: -16px;
border-bottom: #e6effa 1px solid;
@media (max-width: 1250px) {
......@@ -1383,7 +1383,13 @@ video {
}
}
.price-line-big {
height: 3px;
width: 256px;
height: 2px;
margin-left: -16px;
border-bottom: #e6effa 1px solid;
@media (max-width: 1250px) {
width: 170px;
}
}
.price-info-carry {
line-height: 12px;
......
index.html
......@@ -443,7 +443,7 @@
<div class="option-text">
<p>
Разворачивание внутри клиентской сети.
Более затратно, но и надежно.
Более затратно, но и надежно.
</p>
</div>
<button type="button" class="main-btn option-btn">Заказать</button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment