<div class="rsslist{if $ticker} rssticker{/if} d-flex flex-column gap-2 bg-white shadow-sm border-bottom">{foreach from=$items item=item key=key}

<div class="rssitem p-4"><div class="row mb-2"><div class="col-xs-3 mb-3"><div class="w-100 ratio ratio-4x3" style="background-image: url('https://themes.tiki.org/display481'); background-size: cover; background-repeat: no-repeat; background-position-y: center"></div></div><div class="col-xs-9"><div class="d-flex gap-2 align-items-center"> {if $icon}

<div class="rss-icon" style="background-image: url('{$icon}');"></div> {/if}

<div class="d-flex flex-column w-100"><div class="d-flex gap-2 align-items-center justify-content-between">### Upcoming event : {$item.title|escape}

<div class="d-flex gap-1 fs-6 text-secondary align-items-center fw-lighter"> {if $item.author and $showauthor}
<span> {$item.author|escape}</span>
{/if}

{if $item.author and $showauthor and $item.publication_date and $showdate}

<div class="bg-secondary" style="width: 1px; height: 1em;"></div> {/if}

{if $item.publication_date and $showdate}
<span class="text-secondary d-none d-sm-block"><span class="ms-2">{$item.publication_date|tiki_short_date}</span></span>
{/if}

</div> </div> {if $item.description && $showdesc}

<div class="rssdescription"> {$item.content}

</div> {/if}

<div class="mt-3"> <span class="ps-2">Save this to my calendar</span>
<span class="ps-2">Subscribe to feed</span>

</div> </div> </div> </div></div></div>{/foreach}

</div>