42 lines
2.5 KiB
PHP
42 lines
2.5 KiB
PHP
<div class="slider__slide" @if($carousel->link) onclick="window.location.href = '{{ $carousel->link }}'" @endif>
|
|
<div class="promobox promobox--type-07 promobox--is-slider position-relative d-flex flex-column align-items-center text-center overflow-hidden">
|
|
<div class="image-animation-trigger w-100">
|
|
<div class="w-100">
|
|
<div class="image-animation image-animation--from-default image-animation--to-default">
|
|
<div class="rimage">
|
|
|
|
<div class="d-sm-none" style="padding-top: 200px;"></div>
|
|
<div class="d-none d-sm-block d-md-none" style="padding-top: 550px;"></div>
|
|
<div class="d-none d-md-block d-lg-none" style="padding-top: 550px;"></div>
|
|
<div class="d-none d-lg-block d-xl-none" style="padding-top: 550px;"></div>
|
|
<div class="d-none d-xl-block" style="padding-top: 550px;"></div>
|
|
|
|
<img
|
|
src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
|
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
|
data-master="{{ $carousel->image() }}"
|
|
data-aspect-ratio="3.4909090909090907"
|
|
data-srcset="{{ $carousel->image() }} 1x, {{ $carousel->image() }} 2x"
|
|
alt=""
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="promobox__content promobox__content--animation-scale-in absolute-stretch hide-on-mobile d-flex flex-column flex-center px-15 py-7 overflow-hidden">
|
|
<div class="promobox__content_inner position-absolute d-flex flex-column flex-center w-100" style="max-width: 650px;margin-top: -10px;">
|
|
|
|
<div class="promo-text mx-auto">
|
|
<p class="h1 mb-15 colorize-theme2-c" style="color: {{ $carousel->textColor() }};">{{ $carousel->title }}</p>
|
|
<p class="mb-25 h4 colorize-theme2-c" style="color: {{ $carousel->textColor() }};">{{ $carousel->description }}</p>
|
|
@if($carousel->link)
|
|
{{-- <a href="{{ $carousel->link }}" class="promobox__btn btn px-20 mt-25 pointer-events-all btn--secondary">{{ __('DISCOVER MORE') }}</a> --}}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|