25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
{{ isOdd = index % 2 }}
|
|
{{# DESKTOP VERSION #}}
|
|
<div class="is-hidden-mobile incentive-block block py-3 fixed-grid has-1-cols has-2-cols-tablet ">
|
|
<div class="bg" style="background-image:url('{{ glide:photo q="80" width="1344" fm="webp"}}')"></div>
|
|
<div class="grid text-content py-3">
|
|
{{ if isOdd }} <div></div> {{ /if }}
|
|
<div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
|
|
<div class="is-size-3-tablet has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
|
|
<p class="is-size-5-tablet">{{ description }}</p>
|
|
</div>
|
|
{{ if !isOdd }}<div></div>{{ /if }}
|
|
</div>
|
|
</div>
|
|
|
|
{{# MOBILE VERSION #}}
|
|
<div class="is-hidden-tablet incentive-block block py-3">
|
|
<img src="{{ glide:photo q="80" width="500" fm="webp"}}"/>
|
|
<div class="grid text-content py-3">
|
|
<div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
|
|
<div class="is-size-3-tablet has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
|
|
<p class="is-size-5-tablet">{{ description }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|