Skip to content

L
landing_pages
Commit 9af6f20c by Iren
Options

Add tab

parent f5ec8b51
Showing with 73 additions and 72 deletions
css/styles.css
...@@ -173,7 +173,7 @@ header { ...@@ -173,7 +173,7 @@ header {
font-weight: 300; font-weight: 300;
line-height: 24px; line-height: 24px;
color: #303a81; color: #303a81;
letter-spacing: 0.16; letter-spacing: 0.16px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.text-h3-desktop { .text-h3-desktop {
......
css/styles.css.map
{"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"} {"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file \ No newline at end of file
css/styles.less
...@@ -51,16 +51,16 @@ button.main-btn { ...@@ -51,16 +51,16 @@ button.main-btn {
letter-spacing: 0.18px; letter-spacing: 0.18px;
text-align: center; text-align: center;
@media (max-width: 576px) { @media (max-width: 576px) {
width: 231px; width: 231px;
height: 49px; height: 49px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 75px; margin-bottom: 75px;
border-radius: 24px; border-radius: 24px;
background: #c94d4e; background: #c94d4e;
color: #ffffff; color: #ffffff;
font-size: 16px; font-size: 16px;
line-height: 27.33px; line-height: 27.33px;
letter-spacing: 0.18px; letter-spacing: 0.18px;
} }
} }
header { header {
...@@ -84,7 +84,7 @@ header { ...@@ -84,7 +84,7 @@ header {
padding-right: 15px; padding-right: 15px;
/*border: red 1px solid;*/ /*border: red 1px solid;*/
@media (max-width: 576px) { @media (max-width: 576px) {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
} }
...@@ -96,13 +96,13 @@ header { ...@@ -96,13 +96,13 @@ header {
color: #315197; color: #315197;
letter-spacing: 0.36px; letter-spacing: 0.36px;
max-width: 803px; max-width: 803px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
letter-spacing: 0.24px; letter-spacing: 0.24px;
max-width: 250px; max-width: 250px;
margin-top: 20px; margin-top: 20px;
} }
} }
.h2-mobile { .h2-mobile {
...@@ -130,11 +130,11 @@ header { ...@@ -130,11 +130,11 @@ header {
max-width: 850px; max-width: 850px;
margin-bottom: 40px; margin-bottom: 40px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
line-height: 21px; line-height: 21px;
color: #315197; color: #315197;
letter-spacing: 0.14px; letter-spacing: 0.14px;
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
...@@ -148,12 +148,12 @@ header { ...@@ -148,12 +148,12 @@ header {
line-height: 27px; line-height: 27px;
color: #315197; color: #315197;
letter-spacing: 0.18px; letter-spacing: 0.18px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 16px; font-size: 16px;
line-height: 24.59px; line-height: 24.59px;
letter-spacing: 0.18px; letter-spacing: 0.18px;
margin-top: -6px; margin-top: -6px;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
.text-h3-desktop { .text-h3-desktop {
...@@ -162,11 +162,11 @@ header { ...@@ -162,11 +162,11 @@ header {
font-weight: 300; font-weight: 300;
line-height: 24px; line-height: 24px;
color: #303a81; color: #303a81;
letter-spacing: 0.16; letter-spacing: 0.16px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
letter-spacing: 0; letter-spacing: 0;
} }
} }
...@@ -184,7 +184,7 @@ header { ...@@ -184,7 +184,7 @@ header {
width: 33%; width: 33%;
padding-top: 10px; padding-top: 10px;
height: auto; height: auto;
@media (max-width: 576px) { @media (max-width: 576px) {
flex-flow: nowrap; flex-flow: nowrap;
width: 100%; width: 100%;
} }
...@@ -194,12 +194,12 @@ header { ...@@ -194,12 +194,12 @@ header {
height: 90px; height: 90px;
margin-bottom: 5px; margin-bottom: 5px;
img { img {
@media (max-width: 576px) { @media (max-width: 576px) {
width: 70px; width: 70px;
height: 70px; height: 70px;
margin-bottom: 0; margin-bottom: 0;
margin-right: 16px; margin-right: 16px;
}} }}
} }
.main-card-text { .main-card-text {
height: 150px; height: 150px;
...@@ -218,7 +218,7 @@ header { ...@@ -218,7 +218,7 @@ header {
} }
.advertising { .advertising {
display: flex; display: flex;
@media (max-width: 576px) { @media (max-width: 576px) {
flex-flow: wrap; flex-flow: wrap;
} }
} }
...@@ -233,9 +233,9 @@ header { ...@@ -233,9 +233,9 @@ header {
p { p {
.text-h2-desktop; .text-h2-desktop;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
order: 5; order: 5;
width: 100%; width: 100%;
} }
} }
.advertising-img-order { .advertising-img-order {
...@@ -244,35 +244,35 @@ header { ...@@ -244,35 +244,35 @@ header {
img { img {
width: 100%; width: 100%;
} }
@media (min-height: 577px) { @media (min-height: 577px) {
order: 5; order: 5;
width: 50%; width: 50%;
img { img {
width: 100%; width: 100%;
} }
} }
@media (max-width: 576px) { @media (max-width: 576px) {
order: 10; order: 10;
width: 100%;
padding-top: 0;
img {
width: 100%; width: 100%;
} padding-top: 0;
img {
width: 100%;
}
} }
} }
.advertising-text { .advertising-text {
width: 50%; width: 50%;
h2 { h2 {
.h2-desktop; .h2-desktop;
margin-top: 110px; margin-top: 110px;
margin-bottom: 30px; margin-bottom: 30px;
line-height: 36px; line-height: 36px;
} }
p { p {
.text-h2-desktop; .text-h2-desktop;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
width: 100%; width: 100%;
} }
} }
.advertising-img { .advertising-img {
...@@ -281,17 +281,17 @@ header { ...@@ -281,17 +281,17 @@ header {
img { img {
width: 100%; width: 100%;
} }
@media (min-height: 577px) { @media (min-height: 577px) {
width: 50%; width: 50%;
padding-top: 0; padding-top: 0;
img { img {
width: 100%; width: 100%;
} }
} }
@media (max-width: 576px) { @media (max-width: 576px) {
width: 100%;
img {
width: 100%; width: 100%;
} img {
width: 100%;
}
} }
} }
\ No newline at end of file
index.html
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="advertising main-container"> <div class="advertising main-container">
<div class="advertising-text"> <div class="advertising-text">
<h2 class="h2-desktop">Сокращение затрат <h2 class="h2-desktop">Сокращение затрат
<br>на разработку</h2> <br>на разработку</h2>
...@@ -248,7 +248,7 @@ ...@@ -248,7 +248,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="advertising main-container"> <div class="advertising main-container">
<div class="advertising-text"> <div class="advertising-text">
<h2 class="h2-desktop">Сокращение затрат <h2 class="h2-desktop">Сокращение затрат
<br>на разработку</h2> <br>на разработку</h2>
...@@ -282,7 +282,7 @@ ...@@ -282,7 +282,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="advertising main-container"> <div class="advertising main-container">
<div class="advertising-text"> <div class="advertising-text">
<h2 class="h2-desktop">Сокращение затрат <h2 class="h2-desktop">Сокращение затрат
<br>на разработку</h2> <br>на разработку</h2>
......
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