Skip to content

L
landing_pages
Commit 7d3108a8 by Iren
Options

agg section price-active

parent 14f861f5
Showing with 549 additions and 78 deletions
css/styles.css
...@@ -703,19 +703,27 @@ header { ...@@ -703,19 +703,27 @@ header {
/*price*/ /*price*/
.price-wrapper { .price-wrapper {
display: flex; display: flex;
justify-content: space-between;
/*@media (max-width: 576px) {
position: absolute;
display: none;
}*/
} }
.price-container { .price-container,
.price-container-active {
position: relative; position: relative;
width: 256px; width: 256px;
height: 834px; height: 834px;
margin-top: 20px; margin-top: 20px;
/*margin-right: 32px;*/
padding: 30px 16px 32px 16px; padding: 30px 16px 32px 16px;
/*background: #f9fbff;*/ /*background: #f9fbff;*/
background: #f9fbff; background: #f9fbff;
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
} }
.price-container h6 { .price-container h6,
.price-container-active h6 {
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -725,26 +733,88 @@ header { ...@@ -725,26 +733,88 @@ header {
letter-spacing: 0.3px; letter-spacing: 0.3px;
color: white; color: white;
} }
.price-container img { .price-container img,
.price-container-active img {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
left: 0; left: 0;
top: 0; top: 0;
} }
.price { .price-container-active {
width: 75px; box-shadow: 0 25px 25px #e6effa;
height: 901px;
position: relative;
width: 256px;
margin-top: 20px;
/*margin-right: 32px;*/
padding: 20px 16px 32px 16px;
/*background: #f9fbff;*/
background: white;
border: #e6effa 1px solid;
border-radius: 4px;
}
.price-container-active h6 {
position: relative;
z-index: 3;
margin-bottom: 80px;
margin-left: 10px;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.3px;
color: white;
}
.price-container-active img {
position: absolute;
z-index: 2;
left: 0;
top: -20px;
width: 288px;
height: 124px;
}
.price-active .price-user {
font-size: 20px;
text-transform: uppercase;
color: #303a81;
}
.price .price-user {
font-size: 20px;
text-transform: uppercase;
color: #303a81;
}
.price,
.price-active {
width: 100%;
height: 53px; height: 53px;
text-align: center;
margin: 0 auto; margin: 0 auto;
margin-bottom: 16px; margin-bottom: 16px;
border-bottom: #c94d4e 1px solid;
} }
.price p { .price p,
.price-active p {
font-size: 60px; font-size: 60px;
color: #303a81; color: #303a81;
} }
.price span { .price span,
.price-active span {
font-size: 30px; font-size: 30px;
} }
.price-active {
height: 90px;
}
.price .price-p-margin {
line-height: 110px;
font-size: 28px;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
color: #303a81;
}
.price-line-little {
width: 75px;
height: 12px;
border-bottom: #c94d4e 1px solid;
margin: 0 auto;
}
.price-info { .price-info {
margin-left: 16px; margin-left: 16px;
list-style-type: disc; list-style-type: disc;
...@@ -757,15 +827,19 @@ header { ...@@ -757,15 +827,19 @@ header {
line-height: 42px; line-height: 42px;
} }
.price-info span { .price-info span {
margin-left: 20px; margin-left: 5px;
color: #c94d4e; color: #c94d4e;
} }
.price-line { .price-line,
.price-line-big {
width: 256px; width: 256px;
height: 3px; height: 3px;
margin-left: -16px; margin-left: -16px;
border-bottom: #e6effa 1px solid; border-bottom: #e6effa 1px solid;
} }
.price-line-big {
height: 3px;
}
.price-info-carry { .price-info-carry {
line-height: 12px; line-height: 12px;
color: #c94d4e; color: #c94d4e;
...@@ -784,4 +858,9 @@ header { ...@@ -784,4 +858,9 @@ header {
letter-spacing: 0.16px; letter-spacing: 0.16px;
padding: 10px 20px 12px 20px; padding: 10px 20px 12px 20px;
} }
.price-btn0active {
background: #c94d4e;
color: white;
margin-top: 27px;
}
/*# sourceMappingURL=styles.css.map */ /*# 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"} {"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
...@@ -575,12 +575,18 @@ header { ...@@ -575,12 +575,18 @@ header {
/*price*/ /*price*/
.price-wrapper { .price-wrapper {
display: flex; display: flex;
justify-content: space-between;
/*@media (max-width: 576px) {
position: absolute;
display: none;
}*/
} }
.price-container { .price-container, .price-container-active {
position: relative; position: relative;
width: 256px; width: 256px;
height: 834px; height: 834px;
margin-top: 20px; margin-top: 20px;
/*margin-right: 32px;*/
padding: 30px 16px 32px 16px; padding: 30px 16px 32px 16px;
/*background: #f9fbff;*/ /*background: #f9fbff;*/
background: #f9fbff; background: #f9fbff;
...@@ -603,12 +609,53 @@ header { ...@@ -603,12 +609,53 @@ header {
top: 0; top: 0;
} }
} }
.price { .price-container-active {
width: 75px; box-shadow: 0 25px 25px #e6effa;
height: 901px;
position: relative;
width: 256px;
margin-top: 20px;
/*margin-right: 32px;*/
padding: 20px 16px 32px 16px;
/*background: #f9fbff;*/
background: white;
border: #e6effa 1px solid;
border-radius: 4px;
h6 {
position: relative;
z-index: 3;
margin-bottom: 80px;
margin-left: 10px;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.3px;
color: white;
}
img {
position: absolute;
z-index: 2;
left: 0;
top: -20px;
width: 288px;
height: 124px;
}
}
.price-active .price-user {
font-size: 20px;
text-transform: uppercase;
color: #303a81;
}
.price .price-user {
font-size: 20px;
text-transform: uppercase;
color: #303a81;
}
.price, .price-active {
width: 100%;
height: 53px; height: 53px;
text-align: center;
margin: 0 auto; margin: 0 auto;
margin-bottom: 16px; margin-bottom: 16px;
border-bottom: #c94d4e 1px solid;
p { p {
font-size: 60px; font-size: 60px;
color: #303a81; color: #303a81;
...@@ -617,6 +664,23 @@ header { ...@@ -617,6 +664,23 @@ header {
font-size: 30px; font-size: 30px;
} }
} }
.price-active {
height: 90px;
}
.price .price-p-margin {
line-height: 110px;
font-size: 28px;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
color: #303a81;
}
.price-line-little {
width: 75px;
height: 12px;
border-bottom: #c94d4e 1px solid;
margin: 0 auto;
}
.price-info { .price-info {
margin-left: 16px; margin-left: 16px;
list-style-type: disc; list-style-type: disc;
...@@ -628,16 +692,19 @@ header { ...@@ -628,16 +692,19 @@ header {
line-height: 42px; line-height: 42px;
} }
span { span {
margin-left: 20px; margin-left: 5px;
color: #c94d4e; color: #c94d4e;
} }
} }
.price-line { .price-line, .price-line-big {
width: 256px; width: 256px;
height: 3px; height: 3px;
margin-left: -16px; margin-left: -16px;
border-bottom: #e6effa 1px solid; border-bottom: #e6effa 1px solid;
} }
.price-line-big {
height: 3px;
}
.price-info-carry { .price-info-carry {
line-height: 12px; line-height: 12px;
color: #c94d4e; color: #c94d4e;
...@@ -655,4 +722,9 @@ header { ...@@ -655,4 +722,9 @@ header {
font-weight: 400; font-weight: 400;
letter-spacing: 0.16px; letter-spacing: 0.16px;
padding: 10px 20px 12px 20px; padding: 10px 20px 12px 20px;
}
.price-btn0active {
background: #c94d4e;
color: white;
margin-top: 27px;
} }
\ No newline at end of file
index.html
...@@ -587,101 +587,419 @@ ...@@ -587,101 +587,419 @@
</section> </section>
<section class="main-container"> <section class="main-container">
<h2 class="h2-desktop">Цены</h2> <h2 class="h2-desktop">Цены</h2>
<div class="main-line"> <div class="main-line">
</div> </div>
<div class="price-wrapper"> <div class="price-wrapper">
<div class="price-container"> <div class="price-container">
<img src="img/price.png"> <img src="img/price.png">
<h6>Free (Beta)</h6> <h6>Free (Beta)</h6>
<div class="price"> <div class="price">
<p>0<span>&#8381</span></p> <p>0<span>&#8381</span></p>
<div class="price-line-little">
</div>
</div> </div>
<ol class="price-info"> <ol class="price-info">
<li> <li>
<p> <p>
Объём данных<span>1 Гбайт</span> Объём данных<span>1 Гбайт</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Пользователей<span> Пользователей Без ограничичений</span> Пользователей<span>Без ограничичений</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Модуль Документы<span>+</span> Модуль Документы<span>+</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Модуль VoiP<span>-</span> Модуль VoiP<span>-</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Маркет Плейс<span>Маркет Плейс</span> Модуль workflow<span>-</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Модуль dashboard <span>+</span> Маркет Плейс<span>Маркет Плейс</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Оперативная поддержка<p class="price-info-carry">Только по e-mail</p> Модуль dashboard <span>+</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Настройка системы <span>-</span> Оперативная поддержка<p class="price-info-carry">Только по e-mail</p>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
API<span>+</span> Настройка системы <span>-</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Конструктор форм<span>+</span> API<span>+</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li> </li>
<li> <li>
<p> <p>
Среда для разработки<span>+</span> Конструктор форм<span>+</span>
</p> </p>
<div class="price-line"> <div class="price-line">
</div> </div>
</li>
<li>
<p>
Среда для разработки<span>+</span>
</p>
<div class="price-line">
</div>
</li> </li>
<li> <li>
<p> <p>
Собственный домен<span>-</span> Собственный домен<span>-</span>
</p> </p>
</li> </li>
</ol> </ol>
<button type="button" class="price-btn">Попробовать бесплатно</button> <button type="button" class="price-btn">Попробовать бесплатно</button>
</div> </div>
<div class="price-container-active">
<img src="img/price1.png">
<h6>Standard</h6>
<div class="price-active">
<p>500<span>&#8381</span></p>
<p class="price-user">за пользователя</p>
<div class="price-line-little">
</div>
</div>
<ol class="price-info">
<li>
<p>
Объём данных<span>1 Гбайт</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Пользователей<span>Без ограничичений</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль Документы<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль VoiP<span>-</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль workflow<span>-</span>
</p>
<div class="price-line">
</div>
</li>
<li>
<p>
Маркет Плейс<span>Маркет Плейс</span>
</p>
<div class="price-line-big">
</div>
</li>
</li>
<li>
<p>
Модуль dashboard <span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Оперативная поддержка
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Настройка системы <span>-</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
API<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Конструктор форм<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Среда для разработки<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Собственный домен<span>-</span>
</p>
</li>
</ol>
<button type="button" class="price-btn price-btn0active">Попробовать бесплатно</button>
</div>
<div class="price-container">
<img src="img/price.png">
<h6>Free (Beta)</h6>
<div class="price">
<p>1000<span>&#8381</span></p>
<p class="price-user">за пользователя</p>
</div>
<div class="price-line-little">
</div>
<ol class="price-info">
<li>
<p>
Объём данных<span>1 Гбайт</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Пользователей<span>Без ограничичений</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль Документы<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль VoiP<span>-</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль workflow<span>-</span>
</p>
<div class="price-line">
</div>
</li>
<li>
<p>
Маркет Плейс<span>Маркет Плейс</span>
</p>
<div class="price-line-big">
</div>
</li>
</li>
<li>
<p>
Модуль dashboard <span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Оперативная поддержка
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Настройка системы <span>-</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
API<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Конструктор форм<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Среда для разработки<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Собственный домен<span>-</span>
</p>
</li>
</ol>
<button type="button" class="price-btn">Попробовать бесплатно</button>
</div>
<div class="price-container">
<img src="img/price.png">
<h6>Free (Beta)</h6>
<div class="price">
<p class="price-user price-p-margin">По договоренности</p>
</div>
<div class="price-line-little">
</div>
<ol class="price-info">
<li>
<p>
Объём данных<span>1 Гбайт</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Пользователей<span>Без ограничичений</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль Документы<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль VoiP<span>-</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Модуль workflow<span>-</span>
</p>
<div class="price-line">
</div>
</li>
<li>
<p>
Маркет Плейс<span>Маркет Плейс</span>
</p>
<div class="price-line-big">
</div>
</li>
</li>
<li>
<p>
Модуль dashboard <span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Оперативная поддержка
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Настройка системы <span>-</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
API<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Конструктор форм<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Среда для разработки<span>+</span>
</p>
<div class="price-line-big">
</div>
</li>
<li>
<p>
Собственный домен<span>-</span>
</p>
</li>
</ol>
<button type="button" class="price-btn">Попробовать бесплатно</button>
</div>
</div> </div>
</section> </section>
<!--<section id="id_about_section"> <!--<section id="id_about_section">
......
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