templates/themes/ismart/block/featured-article.html.twig line 1

Open in your IDE?
  1. <section class= "home-info" >
  2.     <div class="container">
  3.         <div class="row justify-content-center">
  4.             <div class="col-md-10 col-12">
  5.                 <h2 class="page-title mb-3" data-aos="fade-up">{{ block.title | raw }}</h2>
  7.                 <p class="text-center page-description mb-5" >
  8.                     {{ block.description | striptags('p') | raw }}
  9.                 </p>
  10.             </div>
  11.         </div>
  12.         <div class="row">
  13.             <div class="col-12">
  14.                 {% if isMobile %}
  15.                     <div class="info-mobile-slide blaze-slider overflow-visible">
  16.                         <div class="blaze-container">
  17.                             <div class="blaze-track-container">
  18.                                 <div class="blaze-track">
  19.                                     {% set articles = getFeaturedArticle() %}
  20.                                     {% for entity in articles %}
  21.                                         <a
  22.                                                 href="{{ forceSSL(url('frontend_site_post_detail',{slug:entity.post.slug })) }}"
  23.                                                 target="_blank">
  24.                                             <div class="card">
  25.                                                 <picture class="feature-card-img-top card-img-top picture-lazy">
  26.                                                     <img
  27.                                                             loading="lazy"
  28.                                                             src="{{ getImageWebp(getImageBySize(entity.post.image, 'small')) }}"
  29.                                                             data-src="{{ getImageWebp(getImageBySize(entity.post.image, 'thumb')) }}"
  30.                                                             alt="" class="d-block w-100 h-100">
  31.                                                 </picture>
  33.                                                 <div class="card-body">
  34.                                                     <h5 class="card-title">{{ entity.post.title }}</h5>
  35.                                                 </div>
  36.                                             </div>
  37.                                         </a>
  38.                                     {% endfor %}
  39.                                 </div>
  40.                             </div>
  42.                             <div class="blaze-pagination d-flex align-items-center justify-content-center flex-row"></div>
  43.                         </div>
  44.                     </div>
  45.                 {% else %}
  46.                     <div class="info-slide">
  47.                         {% set articles = getFeaturedArticle() %}
  48.                         {% for entity in articles %}
  49.                             <a
  50.                                     href="{{ forceSSL(url('frontend_site_post_detail',{slug:entity.post.slug })) }}"
  51.                                     target="_blank">
  52.                                 <div class="card">
  53.                                     <picture class="feature-card-img-top card-img-top picture-lazy">
  54.                                         <img
  55.                                                 loading="lazy"
  56.                                                 src="{{ getImageWebp(getImageBySize(entity.post.image, 'small')) }}"
  57.                                                 data-src="{{ getImageWebp(getImageBySize(entity.post.image, 'feature')) }}"
  58.                                                 alt="" class="d-block w-100 h-100">
  59.                                     </picture>
  60.                                     <div class="card-body"><h5 class="card-title">{{ entity.post.title }}</h5>
  61.                                         <p class="card-text">{{ entity.post.description }}</p>
  62.                                         <span href="#" class="btn btn-primary">Go somewhere</span>
  63.                                     </div>
  64.                                 </div>
  65.                             </a>
  66.                         {% endfor %}
  67.                     </div>
  68.                 {% endif %}
  69.             </div>
  70.         </div>
  71.     </div>
  72. </section>