<div class="row">
   {foreach $news.articles as $article}
      <div class="col-xxs-12 col-xl-4 col-sm-6 article-item">
         <a href="{url s=article IDa=$article.id TITLE=$article.title}">
            {$photo_dimensions = $cfg.Photo.types['news'].size}
            <img src="{get_photo photo=$article.image size='news'}" alt="{$article.title}" class="img-responsive"
                 width="{$photo_dimensions[0]}" height="{$photo_dimensions[1]}">
         </a>
         <div class="content">
            {if $article.section}
               <a class="flag flag-article-section" href="{path('kupshop_content_articles_articles_1', ['IDb' => $article.section.id])}">
                  {$article.section.name}
               </a>
            {/if}
            <p class="h5"><a href="{url s=article IDa=$article.id TITLE=$article.title}">{$article.title}</a></p>
            <p>{$article.lead|strip_tags nofilter}</p>
            <a href="{url s=article IDa=$article.id TITLE=$article.title}" class="btn btn-link">{t}Číst dále{/t}</a>
         </div>
      </div>
   {/foreach}
</div>
