You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.6 KiB
31 lines
1.6 KiB
<div class="banner"
|
|
data-banner="{{banner.id}}" style="display: none;
|
|
background: {{ banner.color|default:'white' }};
|
|
{% if banner.color2 %}
|
|
background: -moz-linear-gradient(-45deg, {{ banner.color }} 0%, {{ banner.color2 }} 100%);
|
|
background: -webkit-gradient(left top, right bottom, color-stop(0%, {{ banner.color }}), color-stop(100%, {{ banner.color2 }}));
|
|
background: -webkit-linear-gradient(-45deg, {{ banner.color }} 0%, {{ banner.color2 }} 100%);
|
|
background: -o-linear-gradient(-45deg, {{ banner.color }} 0%, {{ banner.color2 }} 100%);
|
|
background: -ms-linear-gradient(-45deg, {{ banner.color }} 0%, {{ banner.color2 }} 100%);
|
|
background: linear-gradient(135deg, {{ banner.color }} 0%, {{ banner.color2 }} 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ banner.color }}', endColorstr='{{ banner.color2 }}', GradientType=1 );
|
|
{% endif %}">
|
|
<div class="banner__content">
|
|
<div class="banner__text-column">
|
|
<div class="banner__text">{{ banner.text|safe }}</div>
|
|
{% if banner.url %}
|
|
<a href="{{ banner.url }}" class="banner__link">{{ banner.button_text }}</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="banner__image-column">
|
|
<img src="{{ banner.image.url }}"/>
|
|
|
|
{% if banner.future_date %}
|
|
<div class="banner__countdown-wrap">
|
|
<div class="banner__countdown-title">До конца акции осталось</div>
|
|
<countdown date="{{ banner.future_date|date:'Y-m-d H:i:s' }}"></countdown>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|