templates/app/activites/demolition.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('Démolition intérieure', 'nav.joints', asset('img/title-demolition-interieure.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">Nous nous occupons de vos travaux de démolition intérieure telle que la dépose de
  23.                         cloisons non
  24.                         porteuses, faux plafonds, sol... ainsi que l'évacuation et le tri des déchets.</h2>
  25.                     <div class="paragraphe">
  26.                         <p>
  27.                             La réhabilitation de votre appartement passe par nous !</p>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </section>
  34.         <!-- --------- Scratch card ------- -->
  36.         <section>
  37.             <div class="container">
  38.                 <div class="rea-wrapper">
  39.                     <h2 class="h2">Nos réalisations</h2>
  40.                     <div class="rea-list">
  41.                         <div class="rea-item">
  42.                             <div class="rea-content">
  43.                                 <strong class="mention">29/12/2015</strong>
  44.                                 <h3 class="rea-title">MISE EN PLATEAU
  45.                                     APPARTEMENT LA CROIX ROUSSE</h3>
  46.                             </div>
  47.                             <div class="rea-image image-avant">
  48.                                 <canvas class="before canvas-before"
  49.                                         data-src="{{ asset('img/mise-en-plateau-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  50.                             </div>
  51.                             <div class="rea-image image-apres">
  52.                                 {{ m.img(asset('img/mise-en-plateau-apres.jpeg')|imagine_filter("rea_scratch")) }}
  53.                             </div>
  54.                         </div>
  55.                         <div class="rea-item">
  56.                             <div class="rea-content">
  57.                                 <strong class="mention">29/12/2015</strong>
  58.                                 <h3 class="rea-title">ÉVACUATION DES GRAVATS
  59.                                     NINKASI AMPERE</h3>
  60.                             </div>
  61.                             <div class="rea-image image-avant">
  62.                                 <canvas class="before canvas-before"
  63.                                         data-src="{{ asset('img/evacuation-gravat-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  64.                             </div>
  65.                             <div class="rea-image image-apres">
  66.                                 {{ m.img(asset('img/evacuation-gravat-apres.jpeg')|imagine_filter("rea_scratch")) }}
  67.                             </div>
  68.                         </div>
  70.                         <div class="rea-item">
  71.                             <div class="rea-content">
  72.                                 <strong class="mention">29/12/2015</strong>
  73.                                 <h3 class="rea-title">FAUX PLAFOND EN LATTIS
  74.                                 </h3>
  75.                             </div>
  76.                             <div class="rea-image image-avant">
  77.                                 <canvas class="before canvas-before"
  78.                                         data-src="{{ asset('img/faux-plafond-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  79.                             </div>
  80.                             <div class="rea-image image-apres">
  81.                                 {{ m.img(asset('img/faux-plafond-apres.jpeg')|imagine_filter("rea_scratch")) }}
  82.                             </div>
  83.                         </div>
  84.                         <div class="rea-item">
  85.                             <div class="rea-content">
  86.                                 <strong class="mention">29/12/2015</strong>
  87.                                 <h3 class="rea-title">PIQUAGE
  88.                                 </h3>
  89.                             </div>
  90.                             <div class="rea-image image-avant">
  91.                                 <canvas class="before canvas-before"
  92.                                         data-src="{{ asset('img/piquage-mur-en-pierres-avant.jpg')|imagine_filter("rea_scratch") }}"></canvas>
  93.                             </div>
  94.                             <div class="rea-image image-apres">
  95.                                 {{ m.img(asset('img/piquage-mur-en-pierres-apres.jpeg')|imagine_filter("rea_scratch")) }}
  96.                             </div>
  97.                         </div>
  99.                         <div class="bonhomme-mention">
  100.                             <div class="bubble">Aidez-moi à décaper les photos en les grattant !</div>
  101.                             <img class="bonhomme" src="{{ asset('img/bonhomme-logo-planete-sablage.png') }}"
  102.                                  alt="Bonhomme sablant, logo de Planète Sablage">
  103.                         </div>
  104.                     </div>
  105.                     {{ m.bn('Voir toutes nos réalisations', path('realisations')) }}
  106.                 </div>
  107.             </div>
  108.         </section>
  110.     </main>
  114. {% endblock %}