<div class="uk-flex uk-tile">
<div>
{eyou:navigation position_id='8' currentclass='active' id='field'}
<div class="uk-navbar-left">
<a title="{$field.nav_name}" class="uk-article-meta uk-text-large {$field.currentclass}" {$field.target} {$field.nofollow}> {$field.nav_name} </a>
{eyou:notempty name='$field.children'}
{eyou:navigation name='$field.children'}
<div class="sub-nav-item">
<a href="#" class="uk-overflow-auto uk-article-meta {$field.currentclass}" {$field.target} {$field.nofollow}>{$field.nav_name}</a>
</div>
{/eyou:navigation}
{/eyou:notempty}
</div>
<div>
<ul class="uk-child-width-1-4 uk-child-width-1-6@s uk-text-center uk-padding-large" uk-grid>
{eyou:artlist loop='15' titlelen='30' }
<div class="article-item">
<div class="uk-card uk-card-default uk-card-hover uk-text-center">
<a href="{$field.url}" {$field.target} {$field.nofollow}>
<div class="uk-card-media-top uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
<img src="{$field.logo}" alt="">
<div class="uk-position-center">
<div class="uk-transition-slide-bottom-small">
<h5 class="uk-margin-remove">{$field.intro}</h5>
</div>
</div>
</div>
<div class="uk-card">
<h4 class="uk-card-title">{$field.title}</h4>
</div>
</a>
</div>
</div>
{/eyou:artlist}
</ul>
</div>
{/eyou:navigation}
</div>
</div>