38 lines
1.3 KiB
PHP
38 lines
1.3 KiB
PHP
@foreach ($tips as $item)
|
|
<div class="relative hidden lg:block w-4/12 mt-12 xl:mt-9.5 ltr:pl-12 rtl:pl-0">
|
|
<div @class([
|
|
'relative leading-4 z-10',
|
|
'ltr:text-right rtl:text-left' => $item->align == 'right',
|
|
'ltr::text-left rtl:text-right' => $item->align == 'left',
|
|
])
|
|
>
|
|
<h2 class="font-bold mb-1">
|
|
{{ $item->title }}
|
|
</h2>
|
|
|
|
<div
|
|
@class([
|
|
'ltr:float-right rtl:float-left' => $item->align == 'right',
|
|
'ltr:float-left rtl:float-right' => $item->align == 'left',
|
|
])
|
|
|
|
style="width: 200px;"
|
|
>
|
|
<div class="text-sm mb-2">
|
|
{!! $item->description !!}
|
|
</div>
|
|
|
|
<x-link href="{{ $item->action }}" class="font-light text-sm" override="class" target="_blank">
|
|
<x-link.hover>
|
|
{{ $item->learn_more }}
|
|
</x-link.hover>
|
|
</x-link>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="absolute ltr:right-0 rtl:left-0">
|
|
<img src="{{ $item->thumb }}" alt="{{ $item->title }}" class="rtl:-scale-x-100 ltr:scale-x-100" />
|
|
</div>
|
|
</div>
|
|
@endforeach
|