templates/service/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="service-main">
  10.     <section class="page-header service-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 service-content">
  19.         <div class="container">
  20.             <ul class="nav nav-tabs text-uppercase">
  21.             {% for category in categories %}
  22.                 <li class="{{loop.first ? 'active'}}">
  23.                     <a data-toggle="tab" href="#{{category.translate(locale).slug}}">
  24.                         {{category.translate(locale).title}}
  25.                     </a>
  26.                 </li>
  27.             {% endfor %}
  28.             </ul>
  29.             <br/>
  30.             <div class="tab-content">
  31.                 {% for category in categories %}
  32.                      <div id="{{category.translate(locale).slug}}" class="tab-pane fade in {{loop.first ? 'active'}}">
  33.                         <div class="service ">
  34.                             <div class="service-items">
  35.                                 {% for key, item in category.services %}
  36.                                     <a href="#modal-service" class="wrap-item" data-toggle="modal" data-target="#modal-service-{{item.id}}">
  37.                                         <div class="img">
  38.                                             <img data-src="images/service/{{item.image}}" class="lazy" alt="Image du service">
  39.                                         </div>
  40.                                         <div class="text">
  41.                                             <h2>{{item.translate(locale).title}}</h2>
  42.                                             <div class="desc">{{item.translate(locale).introduction|raw}}</div>
  43.                                         </div>
  44.                                     </a>
  45.                                     {% include "components/modals/modal_service.html.twig" %}
  46.                                 {% endfor %}
  47.                             </div>
  48.                         </div>
  49.                     </div>
  50.                 {% endfor %}
  51.             </div>
  52.         </div>
  53.     </section>
  54. </main>
  56. {% endblock %}