templates/hobby/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{page.translate(locale).title}}{% endblock %}
  4. {% block meta_desc %}{{page.translate(locale).introduction[:150]|striptags|raw }}...{% endblock %}
  6. {% block body %}
  7. {% include "components/areas/page/welcome.html.twig" %}
  9. <main class="hobby-main">
  10.     <section class="page-header hobby-header">
  11.         <div class="container">
  12.             <h2 class="page-header-title">{{page.translate(locale).title}}</h2>
  13.             <div class="outline"></div>
  14.             <div class="page-header-intro">{{page.translate(locale).introduction|raw}}</div>
  15.         </div>
  16.     </section>
  18.     <section class="page-content hobby-content">
  19.         <div class="container">
  20.             <div class="page-hobbies-ctn">
  21.                  {% for item in hobbies %}
  22.                         <div class="hobby-flex">
  23.                             <div class="hobby-text">
  24.                                 <h2 class="hobby-title area-title">
  25.                                     <a href="#" data-toggle="modal" data-target="#modal-hobby-{{item.id}}">{{item.translate(locale).title}}</a>
  26.                                 </h2>
  27.                                 <div class="line"></div>
  28.                                 <div class="hobby-p area-p">
  29.                                        {{item.translate(locale).introduction|raw}}
  30.                                 </div>
  31.                                 {# <a href="#" class="read-more">En savoir plus</a> #}
  32.                             </div>
  33.                             <div class="hobby-img">
  34.                                 <a href="#" data-toggle="modal" data-target="#modal-hobby-{{item.id}}">
  35.                                     <img data-src="images/hobby/{{item.coverImage}}" class="lazy" alt="{{item.translate(locale).title}}">
  36.                                 </a>
  37.                             </div>
  38.                         </div>
  39.                         {% include "components/modals/modal_hobby.html.twig" %}
  40.                 {% endfor %}
  41.             </div>
  42.         </div>
  43.     </section>
  44. </main>
  46. {% endblock %}