templates/app/activites/aerogommage.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('Aérogommage', 'nav.aerogomme', asset('img/title-sablage.jpg')) }}
  14.     <main class="main-default">
  16.         <section class="rea-show">
  17.             <div class="container">
  18.                 <div class="rea-show-top">
  20.                     {{ m.beforeAfter(asset('img/rea-avant.jpg'), asset('img/rea1.jpg')) }}
  22.                     <div class="rea-show-content">
  23.                         <div class="label">Aérogommage</div>
  24.                         <h2 class="h2">L'aérogommage est utilisé pour effectuer des travaux sur des surfaces plus
  25.                             délicates
  26.                             avec un
  27.                             abrasif beaucoup plus fin et une basse pression, c'est la technique idéale pour les
  28.                             charpentes en bois, plafonds à la française sans peinture ou vernis mais aussi pour les
  29.                             pierres tendres.</h2>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.         </section>
  36.         <!-- --------- Aérogommage bois ------- -->
  38.         <section class="activites-block block-even">
  39.             <div class="container">
  40.                 {{ m.img(asset('img/aerogommage-poutre-en-bois-apres.jpeg')) }}
  41.                 <div class="activites-content">
  42.                     <h2 class="h2">Aérogommage bois</h2>
  43.                     <div class="paragraphe">
  44.                         <p>L'aérogommage bois limite la rugosité de la surface.
  45.                         </p>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </section>
  51.         <!-- --------- Aérogommage pierre ------- -->
  53.         <section class="activites-block">
  54.             <div class="container">
  55.                 <div class="activites-content">
  56.                     <h2 class="h2">Aérogommage béton</h2>
  57.                     <div class="paragraphe">
  58.                         <p>L'aérogommage pierre vous permet de retrouver une surface lisse.
  59.                         </p>
  60.                     </div>
  61.                 </div>
  62.                 {{ m.img(asset('img/aerogommage-tomettes-apres.jpeg')) }}
  63.             </div>
  64.         </section>
  66.         <!-- --------- Scratch card ------- -->
  68.         <section>
  69.             <div class="container">
  70.                 <div class="rea-wrapper">
  71.                     <h2 class="h2">Nos réalisations</h2>
  72.                     <div class="rea-list">
  73.                         <div class="rea-item">
  74.                             <div class="rea-content">
  75.                                 <strong class="mention">29/12/2015</strong>
  76.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - POUTRES EN BOIS
  77.                                 </h3>
  78.                             </div>
  79.                             <div class="rea-image image-avant">
  80.                                 <canvas class="before canvas-before"
  81.                                         data-src="{{ asset('img/aerogommage-poutre-en-bois-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  82.                             </div>
  83.                             <div class="rea-image image-apres">
  84.                                 {{ m.img(asset('img/aerogommage-poutre-en-bois-apres.jpeg')|imagine_filter("rea_scratch")) }}
  85.                             </div>
  86.                         </div>
  87.                         <div class="rea-item">
  88.                             <div class="rea-content">
  89.                                 <strong class="mention">06/01/2016</strong>
  90.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - PLAFOND À LA FRANÇAISE
  91.                                 </h3>
  92.                             </div>
  93.                             <div class="rea-image image-avant">
  94.                                 <canvas class="before canvas-before"
  95.                                         data-src="{{ asset('img/aerogommage-plafond-francais-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  96.                             </div>
  97.                             <div class="rea-image image-apres">
  98.                                 {{ m.img(asset('img/aerogommage-plafond-francais-apres.jpeg')|imagine_filter("rea_scratch")) }}
  99.                             </div>
  100.                         </div>
  102.                         <div class="rea-item">
  103.                             <div class="rea-content">
  104.                                 <strong class="mention">08/01/2016</strong>
  105.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - PORTE D'ENTRÉE
  106.                                 </h3>
  107.                             </div>
  108.                             <div class="rea-image image-avant">
  109.                                 <canvas class="before canvas-before"
  110.                                         data-src="{{ asset('img/aerogommage-porte-entree-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  111.                             </div>
  112.                             <div class="rea-image image-apres">
  113.                                 {{ m.img(asset('img/aerogommage-porte-entree-apres.jpeg')|imagine_filter("rea_scratch")) }}
  114.                             </div>
  115.                         </div>
  116.                         <div class="rea-item">
  117.                             <div class="rea-content">
  118.                                 <strong class="mention">08/01/2016</strong>
  119.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - MEUBLE EN BOIS VERNIS
  120.                                 </h3>
  121.                             </div>
  122.                             <div class="rea-image image-avant">
  123.                                 <canvas class="before canvas-before"
  124.                                         data-src="{{ asset('img/aerogommage-meuble-en-bois-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  125.                             </div>
  126.                             <div class="rea-image image-apres">
  127.                                 {{ m.img(asset('img/aerogommage-meuble-en-bois-apres.jpeg')|imagine_filter("rea_scratch")) }}
  128.                             </div>
  129.                         </div>
  131.                         <div class="rea-item">
  132.                             <div class="rea-content">
  133.                                 <strong class="mention">06/01/2016</strong>
  134.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - TOMETTES
  135.                                 </h3>
  136.                             </div>
  137.                             <div class="rea-image image-avant">
  138.                                 <canvas class="before canvas-before"
  139.                                         data-src="{{ asset('img/aerogommage-tomettes-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  140.                             </div>
  141.                             <div class="rea-image image-apres">
  142.                                 {{ m.img(asset('img/aerogommage-tomettes-apres.jpeg')|imagine_filter("rea_scratch")) }}
  143.                             </div>
  144.                         </div>
  146.                         <div class="rea-item">
  147.                             <div class="rea-content">
  148.                                 <strong class="mention">08/01/2016</strong>
  149.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - CHEMINÉE PIERRES TENDRE
  150.                                 </h3>
  151.                             </div>
  152.                             <div class="rea-image image-avant">
  153.                                 <canvas class="before canvas-before"
  154.                                         data-src="{{ asset('img/aeerogommage-cheminee-pierres-tendres-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  155.                             </div>
  156.                             <div class="rea-image image-apres">
  157.                                 {{ m.img(asset('img/aeerogommage-cheminee-pierres-tendres-apres.jpeg')|imagine_filter("rea_scratch")) }}
  158.                             </div>
  159.                         </div>
  161.                         <div class="rea-item">
  162.                             <div class="rea-content">
  163.                                 <strong class="mention">27/01/2016</strong>
  164.                                 <h3 class="rea-title">AÉROGOMMAGE LYON - PILIERS EN BRIQUE</h3>
  165.                             </div>
  166.                             <div class="rea-image image-avant">
  167.                                 <canvas class="before canvas-before"
  168.                                         data-src="{{ asset('img/aerogommage-piliers-en-brique-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  169.                             </div>
  170.                             <div class="rea-image image-apres">
  171.                                 {{ m.img(asset('img/aerogommage-piliers-en-brique-apres.jpeg')|imagine_filter("rea_scratch")) }}
  172.                             </div>
  173.                         </div>
  175.                         <div class="bonhomme-mention">
  176.                             <div class="bubble">Aidez-moi à décaper les photos en les grattant !</div>
  177.                             <img class="bonhomme" src="{{ asset('img/bonhomme-logo-planete-sablage.png') }}"
  178.                                  alt="Bonhomme sablant, logo de Planète Sablage">
  179.                         </div>
  180.                     </div>
  181.                     {{ m.bn('Voir toutes nos réalisations', path('realisations')) }}
  182.                 </div>
  183.             </div>
  184.         </section>
  186.     </main>
  190. {% endblock %}