templates/app/activites/joints.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% import 'app/_inc/macros.html.twig' as m %}
  3. {% block css %}
  4.     {{ encore_entry_link_tags('app-pages-css') }}
  5.     {{ encore_entry_link_tags('app-gallery-css') }}
  6. {% endblock %}
  7. {% block js %}
  8.     {{ encore_entry_script_tags('app-gallery-js') }}
  9.     {% include('app/_inc/_beforeafter.html.twig') %}
  10. {% endblock %}
  11. {% block content %}
  12.     {{ m.titleCoord('Joints de pierre', 'nav.joints', asset('img/title-joint-de-pierre.jpg')) }}
  14.     <main class="main-default">
  16.         <section class="activites-block">
  17.             <div class="container">
  18.                 <div class="activites-img">
  19.                     {{ m.beforeAfter(asset('img/rea-avant.jpg'), asset('img/rea1.jpg')) }}
  20.                 </div>
  21.                 <div class="activites-content">
  22.                     <h2 class="h2">Afin de vous offrir une prestation complète, nous réalisons également le
  23.                         rejointoiement de vos pierres apparentes sur LYON et ses alentours</h2>
  24.                 </div>
  25.             </div>
  26.         </section>
  28.         <!-- --------- Avantages joints de pierre ------- -->
  30.         <section>
  31.             <div class="container">
  32.                 <ul class="joints-list">
  33.                     <li>
  34.                         <div class="joints-item" data-link>
  35.                             <div class="joints-item-content">
  36.                                 <p class="h3">Application ou reprise de joints à la chaux sur les pierres
  37.                                     apparentes.<br> Traitement en profondeur ou en surface.</p>
  38.                             </div>
  39.                             {{ m.img(asset('img/joint-a-la-chaux.jpg')) }}
  40.                         </div>
  41.                     </li>
  42.                     <li>
  43.                         <div class="joints-item" data-link>
  44.                             <div class="joints-item-content">
  45.                                 <p class="h3">Nuancier mis à votre disposition afin que vous puissiez choisir la teinte
  46.                                     de vos joints.</p>
  47.                             </div>
  48.                             {{ m.img(asset('img/nuancier-joints-de-pierre.jpg')) }}
  49.                         </div>
  50.                     </li>
  51.                     <li>
  52.                         <div class="joints-item" data-link>
  53.                             <div class="joints-item-content">
  54.                                 <p class="h3">Une prestation qui donnera immédiatement une toute autre allure à vos
  55.                                     pierres..</p>
  56.                             </div>
  57.                             {{ m.img(asset('img/donner-de-lallure-a-vos-pierres.jpg')) }}
  58.                         </div>
  59.                     </li>
  61.                 </ul>
  62.             </div>
  63.         </section>
  66.     </main>
  70. {% endblock %}