Skip to content

L
landing_pages
Commit e439fb17 by Iren
Options

проверила на perfect pixel

parent f1e85ff9
Showing with 136 additions and 104 deletions
css/styles.css
......@@ -69,7 +69,7 @@ header {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
margin-bottom: 66px;
margin-bottom: 97px;
}
@media (max-width: 576px) {
header {
......@@ -77,9 +77,14 @@ header {
}
}
.bbb {
padding-top: 39.16%;
height: 733px;
color: red;
}
@media (max-width: 576px) {
.bbb {
height: 200px;
}
}
.main-container {
max-width: 1250px;
margin: 0 auto;
......@@ -89,13 +94,13 @@ header {
}
@media (max-width: 576px) {
.main-container {
padding-left: 0;
padding-right: 0;
padding-left: 10px;
padding-right: 10px;
}
}
.h2-desktop {
font-size: 36px;
font-weight: 400;
font-weight: 800;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
......@@ -126,8 +131,8 @@ header {
width: 200px;
height: 1px;
border-bottom: #c94d4e 2px solid;
padding-bottom: 9px;
margin-top: -7px;
margin-bottom: 29px;
margin-top: 4px;
}
.text-h2-desktop {
font-size: 18px;
......@@ -153,6 +158,7 @@ header {
}
}
.h3-desktop {
margin-bottom: 18px;
font-size: 18px;
font-weight: 700;
line-height: 27px;
......@@ -183,6 +189,7 @@ header {
letter-spacing: 0;
}
}
/*main*/
.main-flex {
display: flex;
flex-direction: row;
......@@ -197,7 +204,7 @@ header {
flex-flow: wrap;
align-items: stretch;
width: 33%;
padding-top: 10px;
margin-top: 10px;
padding-right: 10%;
height: auto;
}
......@@ -211,7 +218,7 @@ header {
.main-img {
width: 90px;
height: 90px;
margin-bottom: 5px;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.main-img img {
......@@ -222,7 +229,7 @@ header {
}
}
.main-card-text {
height: 150px;
height: 135px;
}
@media (max-width: 576px) {
.main-card-text {
......@@ -236,8 +243,8 @@ header {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
padding-top: 75px;
padding-bottom: 170px;
padding-top: 182px;
padding-bottom: 60px;
margin-bottom: 75px;
}
@media (max-width: 576px) {
......@@ -253,6 +260,8 @@ header {
}
.advertising {
display: flex;
justify-content: space-between;
margin-bottom: 110px;
}
@media (max-width: 576px) {
.advertising {
......@@ -260,18 +269,17 @@ header {
}
}
.advertising-text-order {
width: 50%;
order: 5;
width: 110%;
}
.advertising-text-order h2 {
font-size: 36px;
font-weight: 400;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
letter-spacing: 0.36px;
max-width: 803px;
margin-top: 110px;
margin-bottom: 31px;
margin-bottom: 21px;
line-height: 36px;
font-weight: 800;
}
......@@ -305,7 +313,6 @@ header {
}
@media (max-width: 576px) {
.advertising-text-order {
order: 5;
width: 100%;
}
}
......@@ -316,44 +323,37 @@ header {
margin-bottom: 24px;
}
.advertising-img-order {
padding-top: 45px;
width: 50%;
order: 0;
}
.advertising-img-order img {
width: 100%;
}
@media (max-width: 576px) {
@media (min-height: 577px) {
.advertising-img-order {
order: 10;
min-width: 320px;
margin-top: -65px;
width: 120%;
padding-top: 0;
}
.advertising-img-order img {
min-width: 320px;
margin-left: -25px;
width: 100%;
}
}
@media (min-width: 577px) {
@media (max-width: 576px) {
.advertising-img-order {
order: 5;
width: 50%;
min-width: 320px;
}
.advertising-img-order img {
width: 100%;
min-width: 320px;
margin-left: -25px;
}
}
.advertising-text {
width: 50%;
width: 110%;
}
.advertising-text h2 {
font-size: 36px;
font-weight: 400;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
letter-spacing: 0.36px;
max-width: 803px;
margin-top: 110px;
margin-bottom: 31px;
line-height: 36px;
font-weight: 800;
......@@ -391,16 +391,10 @@ header {
width: 100%;
}
}
.advertising-img {
padding-top: 45px;
width: 50%;
}
.advertising-img img {
width: 100%;
}
@media (min-height: 577px) {
.advertising-img {
width: 50%;
margin-top: -65px;
width: 120%;
padding-top: 0;
}
.advertising-img img {
......@@ -419,7 +413,6 @@ header {
/*option*/
.option h2 {
font-size: 36px;
font-weight: 400;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
......@@ -449,7 +442,7 @@ header {
position: relative;
display: flex;
margin-top: 46px;
justify-content: space-around;
justify-content: space-between;
align-items: baseline;
}
@media (max-width: 576px) {
......@@ -505,12 +498,12 @@ header {
}
}
.option-text {
min-height: 75px;
min-height: 70px;
}
@media (max-width: 576px) {
.option-text {
min-height: 145px;
margin-bottom: 15px;
margin-bottom: 10px;
}
}
.option-card-img-container {
......@@ -529,7 +522,7 @@ header {
}
.option-card-line {
position: absolute;
left: 50%;
left: 51%;
top: 8%;
width: 105px;
height: 387px;
......@@ -548,12 +541,15 @@ header {
}
.option-btn {
margin-top: 0!important;
margin-bottom: 146px!important;
}
/*protection*/
.protection-background {
background-image: url("../img/retangle_5@3x.jpg");
background-size: 100% 100%;
background-position: center;
padding-top: 118px;
padding-bottom: 115px;
}
@media (max-width: 576px) {
.protection-background {
......@@ -576,7 +572,7 @@ header {
}
}
.protection-text {
height: 150px;
height: 90px;
}
@media (max-width: 576px) {
.protection-text {
......@@ -585,4 +581,11 @@ header {
min-width: 216px;
}
}
.protection-line {
margin-bottom: 12px;
}
/*catalog*/
.catalog {
padding-top: 135px;
}
/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
css/styles.css.map
{"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file
{"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file
css/styles.less
......@@ -68,14 +68,17 @@ header {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
margin-bottom: 66px;
margin-bottom: 97px;
@media (max-width: 576px) {
margin-bottom: 0;
}
}
.bbb {
padding-top: 39.16%;
height: 733px;
color: red;
@media (max-width: 576px) {
height: 200px;
}
}
.main-container {
max-width: 1250px;
......@@ -84,13 +87,13 @@ header {
padding-right: 15px;
/*border: red 1px solid;*/
@media (max-width: 576px) {
padding-left: 0;
padding-right: 0;
padding-left: 10px;
padding-right: 10px;
}
}
.h2-desktop {
font-size: 36px;
font-weight: 400;
font-weight: 800;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
......@@ -119,8 +122,8 @@ header {
width: 200px;
height: 1px;
border-bottom: #c94d4e 2px solid;
padding-bottom: 9px;
margin-top: -7px;
margin-bottom: 29px;
margin-top: 4px;
}
.text-h2-desktop {
font-size: 18px;
......@@ -144,6 +147,7 @@ header {
}
}
.h3-desktop {
margin-bottom: 18px;
font-size: 18px;
font-weight: 700;
line-height: 27px;
......@@ -171,6 +175,7 @@ header {
}
}
/*main*/
.main-flex {
display: flex;
flex-direction: row;
......@@ -183,7 +188,7 @@ header {
flex-flow: wrap;
align-items: stretch;
width: 33%;
padding-top: 10px;
margin-top: 10px;
padding-right: 10%;
height: auto;
@media (max-width: 576px) {
......@@ -195,7 +200,7 @@ header {
.main-img {
width: 90px;
height: 90px;
margin-bottom: 5px;
margin-bottom: 20px;
img {
@media (max-width: 576px) {
width: 70px;
......@@ -205,7 +210,7 @@ header {
}}
}
.main-card-text {
height: 150px;
height: 135px;
@media (max-width: 576px) {
height: auto;
margin-bottom: 10px;
......@@ -217,8 +222,8 @@ header {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
padding-top: 75px;
padding-bottom: 170px;
padding-top: 182px;
padding-bottom: 60px;
margin-bottom: 75px;
@media (max-width: 576px) {
padding-top: 45px;
......@@ -232,16 +237,20 @@ header {
}
.advertising {
display: flex;
justify-content: space-between;
margin-bottom: 110px;
@media (max-width: 576px) {
flex-flow: wrap;
}
}
.advertising-text-order {
width: 50%;
order: 5;
width: 110%;
h2 {
.h2-desktop;
margin-top: 110px;
margin-bottom: 31px;
margin-bottom: 21px;
line-height: 36px;
font-weight: 800;
}
......@@ -249,7 +258,6 @@ header {
.text-h2-desktop;
}
@media (max-width: 576px) {
order: 5;
width: 100%;
}
}
......@@ -260,33 +268,32 @@ header {
margin-bottom: 24px;
}
.advertising-img-order {
padding-top: 45px;
width: 50%;
order: 0;
@media (min-height: 577px) {
margin-top: -65px;
width: 120%;
padding-top: 0;
img {
width: 100%;
}
}
@media (max-width: 576px) {
order: 10;
min-width: 320px;
padding-top: 0;
img {
min-width: 320px;
margin-left: -25px;
}
}
@media (min-width: 577px) {
order: 5;
width: 50%;
img {
width: 100%;
}
}
}
.advertising-text {
width: 50%;
width: 110%;
h2 {
.h2-desktop;
margin-top: 110px;
margin-bottom: 31px;
line-height: 36px;
font-weight: 800;
......@@ -299,13 +306,10 @@ header {
}
}
.advertising-img {
padding-top: 45px;
width: 50%;
img {
width: 100%;
}
@media (min-height: 577px) {
width: 50%;
margin-top: -65px;
width: 120%;
padding-top: 0;
img {
width: 100%;
......@@ -336,7 +340,7 @@ header {
position: relative;
display: flex;
margin-top: 46px;
justify-content: space-around;
justify-content: space-between;
align-items: baseline;
@media (max-width: 576px) {
display: flex;
......@@ -385,10 +389,10 @@ header {
}
}
.option-text {
min-height: 75px;
min-height: 70px;
@media (max-width: 576px) {
min-height: 145px;
margin-bottom: 15px;
margin-bottom: 10px;
}
}
.option-card-img-container {
......@@ -405,7 +409,7 @@ header {
}
.option-card-line {
position: absolute;
left: 50%;
left: 51%;
top: 8%;
width: 105px;
height: 387px;
......@@ -422,12 +426,15 @@ header {
}
.option-btn {
margin-top: 0!important;
margin-bottom: 146px!important;
}
/*protection*/
.protection-background {
background-image: url("../img/retangle_5@3x.jpg");
background-size: 100% 100%;
background-position: center;
padding-top: 118px;
padding-bottom: 115px;
@media (max-width: 576px) {
padding-top: 51px;
}
......@@ -448,11 +455,18 @@ header {
}
}
.protection-text {
height: 150px;
height: 90px;
@media (max-width: 576px) {
height: auto;
margin-bottom: 10px;
min-width: 216px;
}
}
.protection-line {
margin-bottom: 12px;
}
/*catalog*/
.catalog {
padding-top: 135px;
}
index.html
......@@ -213,6 +213,9 @@
конструирует и оптимизирует их своими руками.
</p>
</div>
<!--<div class="advertising-img-order">
<img src="img/advertising1.png">
</div>-->
</div>
<div class="advertising main-container">
<div class="advertising-text">
......@@ -317,21 +320,21 @@
</div>
</div>
<div class="advertising main-container">
<div class="advertising-img-order">
<img src="img/advertising1.png">
</div>
<div class="advertising-text-order">
<h2>Масштабируемость</h2>
<div class="advertising-text">
<h2 class="h2-desktop">Сокращение затрат
<br>на разработку</h2>
<div class="main-line">
</div>
<p>
Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться
разнородными технологиями. Клиент фокусируется на бизнес-задачах, изменяет,
конструирует и оптимизирует их своими руками.
<p class="text-h2-desktop">
Вся настройка системы может быть осуществлена силами внутренней
команды ИТ-службы. Постепенная и несложная локализация MSO поможет
команде лучше понять внутренние процессы и внедрять продукт, полностью
удовлетворяющий ваши бизнес-потребности.
</p>
</div>
<div class="advertising-img">
<img src="img/advertising1.png">
</div>
</div>
</section>
<section class="option main-container">
......@@ -370,7 +373,7 @@
<section class="protection-background">
<div class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Защита данных в облаке</h2>
<div class="main-line">
<div class="main-line protection-line">
</div>
<p class="text-h2-desktop">
Используемая архитектура Single tenant позволяет оградить от рисков злонамеренной
......@@ -436,11 +439,11 @@
</p>
</div>
</div>
<div class="main-card"> k
<div class="main-card">
<div class="protection-img">
<img src="img/protection4.png">
</div>
<div class="protection-text">$;
<div class="protection-text">
<h3 class="h3-desktop">Работа по 152 ФЗ</h3>
<p class="text-h3-desktop">
</p>
......@@ -449,6 +452,17 @@
</div>
</div>
</section>
<section class="main-container catalog">
<h2 class="h2-desktop h2-desktop-tittle">Маркетплейс</h2>
<div class="main-line protection-line">
</div>
<p class="text-h2-desktop">
Удобный и пополняющийся каталог приложений предоставляет широкий
выбор для построения клиентских конфигураций системы, что расширяет
свободу использования платформы и решения необходимых
прикладных задач.
</p>
</section>
<!--<section id="id_about_section">
<div class="section-header">
<h3>Что такое MySmart Office</h3>
......
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