This commit is contained in:
2023-08-30 15:20:30 +03:00
parent e852a2b358
commit aa6fce9f3d
2 changed files with 133 additions and 139 deletions

View File

@@ -1201,26 +1201,20 @@
text-decoration: none;
}
.container_subscribe.second{
display: inline-block;
}
.container_subscribe.third{
float: right;
margin-right: 0;
.type_of_subscribes{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.container_subscribe{
width: 26%;
width: 24%;
border-radius: 10px;
padding: 2%;
box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
margin-right: 5%;
}
.container_subscribe.first{
float: left;
margin-bottom: 5%;
height: 100%;
}
.container_subscribe.light{

View File

@@ -16,135 +16,135 @@
</div>
</div>
{% for subscribe in subscribes %}
<div class="container_subscribe first light">
<div class="first-decr-subscribe">
<div>
{{ subscribe.name }}
</div>
<div class="price_subscribe">
{{ subscribe.price }}
</div>
<div class="periud_subscribe">
Период: {{ subscribe.period_name }}
</div>
</div>
<div class="options_subscribe">
<div class="options_subscribe_title light">
Опции:
</div>
<div class="list_options_subscribe">
<ul class="option_list">
{% for opt in subscribe.options.all %}
<li class="items_subscribe select"><text>{{ opt.name }}</text></li>
{% endfor %}
</ul>
</div>
</div>
<div class="text-align-center">
<button class="arrange_subscribe">Оформить подписку</button>
</div>
</div>
{% endfor %}
<div class="type_of_subscribes">
<div class="container_subscribe first light">
<div class="first-decr-subscribe">
<div>
Лайт
{% for subscribe in subscribes %}
<div class="container_subscribe light">
<div class="first-decr-subscribe">
<div>
{{ subscribe.name }}
</div>
<div class="price_subscribe">
{{ subscribe.price }}
</div>
<div class="periud_subscribe">
Период: {{ subscribe.period_name }}
</div>
</div>
<div class="price_subscribe">
2 $
</div>
<div class="periud_subscribe">
Период: 24 часа
</div>
</div>
<div class="options_subscribe">
<div class="options_subscribe_title light">
Опции:
</div>
<div class="list_options_subscribe">
<ul class="option_list">
<li class="items_subscribe select"><text>Просмотр контактов</text></li>
<li class="items_subscribe select"><text>Размещение заявок</text></li>
<li class="items_subscribe select"><text>Уведомления на e-mail о появлении перевозчика по заданным критериям</text></li>
<li class="items_subscribe unselected"><text>Выделение объявления цветом + 30 поднятий</text></li>
<li class="items_subscribe unselected"><text>Push уведомления</text></li>
<li class="items_subscribe unselected"><text>СМС уведомления</text></li>
</ul>
</div>
</div>
<div class="text-align-center">
<button class="arrange_subscribe">Оформить подписку</button>
</div>
</div>
<div class="options_subscribe">
<div class="options_subscribe_title light">
Опции:
</div>
<div class="list_options_subscribe">
<ul class="option_list">
{% for opt in subscribe.options.all %}
<li class="items_subscribe select"><text>{{ opt.name }}</text></li>
{% endfor %}
<div class="container_subscribe second dark">
<div class="first-decr-subscribe">
<div>
Лайт
</ul>
</div>
</div>
<div class="price_subscribe">
2 $
</div>
<div class="periud_subscribe">
Период: 24 часа
<div class="text-align-center">
<button class="arrange_subscribe">Оформить подписку</button>
</div>
</div>
<div class="options_subscribe">
<div class="options_subscribe_title dark">
Опции:
</div>
<div class="list_options_subscribe">
<ul class="option_list">
<li class="items_subscribe select"><text>Просмотр контактов</text></li>
<li class="items_subscribe select"><text>Размещение заявок</text></li>
<li class="items_subscribe select"><text>Уведомления на e-mail о появлении перевозчика по заданным критериям</text></li>
<li class="items_subscribe unselected"><text>Выделение объявления цветом + 30 поднятий</text></li>
<li class="items_subscribe unselected"><text>Push уведомления</text></li>
<li class="items_subscribe unselected"><text>СМС уведомления</text></li>
</ul>
</div>
</div>
<div class="text-align-center">
<button class="arrange_subscribe">Оформить подписку</button>
</div>
</div>
<div class="container_subscribe third light">
<div class="first-decr-subscribe">
<div>
Лайт
</div>
<div class="price_subscribe">
2 $
</div>
<div class="periud_subscribe">
Период: 24 часа
</div>
</div>
<div class="options_subscribe">
<div class="options_subscribe_title light">
Опции:
</div>
<div class="list_options_subscribe">
<ul class="option_list">
<li class="items_subscribe select"><text>Просмотр контактов</text></li>
<li class="items_subscribe select"><text>Размещение заявок</text></li>
<li class="items_subscribe select"><text>Уведомления на e-mail о появлении перевозчика по заданным критериям</text></li>
<li class="items_subscribe unselected"><text>Выделение объявления цветом + 30 поднятий</text></li>
<li class="items_subscribe unselected"><text>Push уведомления</text></li>
<li class="items_subscribe unselected"><text>СМС уведомления</text></li>
</ul>
</div>
</div>
<div class="text-align-center">
<button class="arrange_subscribe">Оформить подписку</button>
</div>
</div>
<div class="clear_both"></div>
</div>
{% endfor %}
</div>
{#<div class="type_of_subscribes">#}
{# <div class="container_subscribe first light">#}
{# <div class="first-decr-subscribe">#}
{# <div>#}
{# Лайт#}
{# </div>#}
{# <div class="price_subscribe">#}
{# 2 $#}
{# </div>#}
{# <div class="periud_subscribe">#}
{# Период: 24 часа#}
{# </div>#}
{# </div>#}
{# <div class="options_subscribe">#}
{# <div class="options_subscribe_title light">#}
{# Опции:#}
{# </div>#}
{# <div class="list_options_subscribe">#}
{# <ul class="option_list">#}
{# <li class="items_subscribe select"><text>Просмотр контактов</text></li>#}
{# <li class="items_subscribe select"><text>Размещение заявок</text></li>#}
{# <li class="items_subscribe select"><text>Уведомления на e-mail о появлении перевозчика по заданным критериям</text></li>#}
{# <li class="items_subscribe unselected"><text>Выделение объявления цветом + 30 поднятий</text></li>#}
{# <li class="items_subscribe unselected"><text>Push уведомления</text></li>#}
{# <li class="items_subscribe unselected"><text>СМС уведомления</text></li>#}
{# </ul>#}
{# </div>#}
{# </div>#}
{# <div class="text-align-center">#}
{# <button class="arrange_subscribe">Оформить подписку</button>#}
{# </div>#}
{# </div>#}
{##}
{# <div class="container_subscribe second dark">#}
{# <div class="first-decr-subscribe">#}
{# <div>#}
{# Лайт#}
{# </div>#}
{# <div class="price_subscribe">#}
{# 2 $#}
{# </div>#}
{# <div class="periud_subscribe">#}
{# Период: 24 часа#}
{# </div>#}
{# </div>#}
{# <div class="options_subscribe">#}
{# <div class="options_subscribe_title dark">#}
{# Опции:#}
{# </div>#}
{# <div class="list_options_subscribe">#}
{# <ul class="option_list">#}
{# <li class="items_subscribe select"><text>Просмотр контактов</text></li>#}
{# <li class="items_subscribe select"><text>Размещение заявок</text></li>#}
{# <li class="items_subscribe select"><text>Уведомления на e-mail о появлении перевозчика по заданным критериям</text></li>#}
{# <li class="items_subscribe unselected"><text>Выделение объявления цветом + 30 поднятий</text></li>#}
{# <li class="items_subscribe unselected"><text>Push уведомления</text></li>#}
{# <li class="items_subscribe unselected"><text>СМС уведомления</text></li>#}
{# </ul>#}
{# </div>#}
{# </div>#}
{# <div class="text-align-center">#}
{# <button class="arrange_subscribe">Оформить подписку</button>#}
{# </div>#}
{# </div>#}
{# <div class="container_subscribe third light">#}
{# <div class="first-decr-subscribe">#}
{# <div>#}
{# Лайт#}
{# </div>#}
{# <div class="price_subscribe">#}
{# 2 $#}
{# </div>#}
{# <div class="periud_subscribe">#}
{# Период: 24 часа#}
{# </div>#}
{# </div>#}
{# <div class="options_subscribe">#}
{# <div class="options_subscribe_title light">#}
{# Опции:#}
{# </div>#}
{# <div class="list_options_subscribe">#}
{# <ul class="option_list">#}
{# <li class="items_subscribe select"><text>Просмотр контактов</text></li>#}
{# <li class="items_subscribe select"><text>Размещение заявок</text></li>#}
{# <li class="items_subscribe select"><text>Уведомления на e-mail о появлении перевозчика по заданным критериям</text></li>#}
{# <li class="items_subscribe unselected"><text>Выделение объявления цветом + 30 поднятий</text></li>#}
{# <li class="items_subscribe unselected"><text>Push уведомления</text></li>#}
{# <li class="items_subscribe unselected"><text>СМС уведомления</text></li>#}
{# </ul>#}
{# </div>#}
{# </div>#}
{# <div class="text-align-center">#}
{# <button class="arrange_subscribe">Оформить подписку</button>#}
{# </div>#}
{# </div>#}
{# <div class="clear_both"></div>#}
{#</div>#}