templates/front/blog/index.html.twig line 1

Open in your IDE?
  1. {% extends "front/base.html.twig" %}
  3. {% block title %}
  4.     {{ 'seo.blog_title' | trans }}
  5. {% endblock %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'seo.blog_description' | trans }}">
  9. {% endblock %}
  11. {% block body %}
  13.     <section class="mt-0 first-section" id="blog-search">
  14.         <div class="container">
  15.             <div class="row justify-content-center">
  16.                 <div class="col-lg-8">
  17.                     {{ form_start(form, {'attr': {'class': 'blog-main-search'}}) }}
  18.                         <div class="form-inline">
  19.                             {{ form_widget(form.title, {'attr': {'class': 'input-main-search'}}) }}
  20.                             <button class="btn btn-main-search" type="submit">
  21.                                 <span class="hide-mobile">{{ 'global.search' | trans | capitalize }}</span>
  22.                                 <i class="far fa-search hide-desktop"></i>
  23.                             </button>
  24.                         </div>
  25.                     {{ form_end(form) }}
  26.                 </div>
  27.             </div>
  28.         </div>
  29.     </section>
  31.     {# Categories #}
  32.     <section id="categories">
  33.         {% if categories | length > 0 %}
  34.             <div class="container">
  35.                 <h2 class="section-title-underline">{{ 'blog.categories' | trans }}</h2>
  37.                 <div class="categories-grid">
  39.                     {% for category in categories %}
  41.                         <a class="card-category" href="{{ path('article_category', {'slug': category.slug}) }}">
  42.                             <img loading="lazy" src="{{asset('/images/categories/' ~ category.image) }}" alt="{{ category.title }}"/>
  43.                             <h3 class="title">{{ category.title }}</h3>
  44.                         </a>
  46.                     {% endfor %}
  47.                 </div>
  48.                 
  49.             </div>
  50.         {% endif %}
  51.     </section>
  53.     <section id="blog" class="pt-0">
  54.         {% if featured | length > 0 %}
  55.             <div class="container">
  56.                 <h2 class="section-title-underline">{{ 'blog.headline' | trans }}</h2>
  57.                 <div class="row">
  58.                     {% for article in featured %}
  59.                         <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 blog-col">
  60.                             {% include "front/blog/_blog-card.html.twig" %}
  61.                         </div>
  62.                     {% endfor %}
  63.                 </div>
  64.             </div>
  65.         {% endif %}
  66.         {% if latest | length > 0 %}
  67.             <div class="container" id="news">
  68.                 <h2 class="section-title-underline">{{ 'blog.latest' | trans }}</h2>
  69.                 <div class="row">
  70.                     {% for article in latest %}
  71.                         <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 blog-col">
  72.                             {% include "front/blog/_blog-card.html.twig" %}
  73.                         </div>
  74.                     {% endfor %}
  75.                 </div>
  76.                 <div class="text-center">
  77.                     <a href="{{ path('latest_news') }}" class="btn main-btn">{{ 'blog.more_latest' | trans }}</a>
  78.                 </div>
  79.             </div>
  80.         {% endif %}
  82.     </section>
  84.     {% include "front/blog/_blog-cta.html.twig" %}
  86. {% endblock %}