<div class="d-flex flex-column mb-5 mb-md-0 mb-lg-0"> <div class="d-flex justify-content-center"> {{ article.feature_image.getThumbnail('catalog').getHtml({class: 'mb-2 mb-lg-2 mb-md-2', alt: article.title}) | raw }} </div> <h5 class="font-weight-bold mb-0"> ({{ article.category.categoryName }}) {{ article.title }} </h5> <small class="mt-2 mt-lg-2 mt-md-2 text-deepGray"> {{ article.short_description }} </small> <a href="{{ article.url is defined and article.url ? article.url.getHref }}" class="btn btn-secondary btn-icon mt-3 mt-lg-3 mt-md-3 text-nowrap"> <span class="mr-3 mr-lg-1 mr-md-1 font-weight-bold"> {{ block('downloadIcon', 'svg-icons/svg-icons.html.twig') }} </span> Download </a> <a href="javascript:;" data-toggle="modal" data-target="#catalogModal-{{ article.id }}" class="btn btn-secondary btn-secondary--ghost btn-icon mt-2 mt-lg-2 mt-md-2 text-nowrap"> <span class="mr-3 mr-lg-1 mr-md-1"> {{ block('cartIcon', 'svg-icons/svg-icons.html.twig') }} </span> Order print </a></div>