templates/app/activites/sablage.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('Sablage', 'nav.sablage', 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.                         <h2 class="h2"> Le sablage consiste à envoyer un abrasif à forte pression afin de retrouver un
  24.                             aspect naturel de
  25.                             la surface.</h2>
  26.                         <div class="paragraphe">
  27.                             <p> Par cette technique nous éliminons toute couche superficielle telle que la peinture,
  28.                                 l'oxydation, laitance du béton....</p>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.         </section>
  35.         <!-- --------- Sablage bois ------- -->
  37.         <section class="activites-block block-even">
  38.             <div class="container">
  39.                 {{ m.img(asset('img/sablage-bois-apres1.jpeg')) }}
  40.                 <div class="activites-content">
  41.                     <h2 class="h2">Sablage bois</h2>
  42.                     <div class="paragraphe">
  43.                         <p>Le sablage bois permet de retrouver la couleur d'origine sans aucune autre impureté.
  44.                         </p>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </section>
  50.         <!-- --------- Sablage béton ------- -->
  52.         <section class="activites-block">
  53.             <div class="container">
  54.                 <div class="activites-content">
  55.                     <h2 class="h2">Sablage béton</h2>
  56.                     <div class="paragraphe">
  57.                         <p>Le sablage béton élimine la laitance et fais ressortir le grain.
  58.                         </p>
  59.                     </div>
  60.                 </div>
  61.                 {{ m.img(asset('img/sablage-beton-apres.jpeg')) }}
  62.             </div>
  63.         </section>
  65.         <!-- --------- Sablage métal ------- -->
  67.         <section class="activites-block block-even">
  68.             <div class="container">
  69.                 {{ m.img(asset('img/sablage-metal-apres-1.jpeg')) }}
  70.                 <div class="activites-content">
  71.                     <h2 class="h2">Sablage métal</h2>
  72.                     <div class="paragraphe">
  73.                         <p>Le sablage métal élimine les peintures et l'oxydation.</p>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </section>
  79.         <!-- --------- Sablage pierre ------- -->
  81.         <section class="activites-block">
  82.             <div class="container">
  83.                 <div class="activites-content">
  84.                     <h2 class="h2">Sablage pierre</h2>
  85.                     <div class="paragraphe">
  86.                         <p>Le sablage métal élimine les peintures et l'oxydation.</p>
  87.                     </div>
  88.                     {{ m.bn('Contactez-nous', path('contact')) }}
  89.                 </div>
  90.                 {{ m.img(asset('img/rea-2.jpeg')) }}
  91.             </div>
  92.         </section>
  94.         <!-- --------- Scratch card ------- -->
  96.         <section>
  97.             <div class="container">
  98.                 <div class="rea-wrapper">
  99.                     <h2 class="h2">Nos réalisations</h2>
  100.                     <div class="rea-list">
  101.                         <div class="rea-item">
  102.                             <div class="rea-content">
  103.                                 <strong class="mention">13/01/2016</strong>
  104.                                 <h3 class="rea-title">SABLAGE BOIS LYON - PLAFOND À LA FRANÇAISE
  105.                                 </h3>
  106.                             </div>
  107.                             <div class="rea-image image-avant">
  108.                                 <canvas class="before canvas-before"
  109.                                         data-src="{{ asset('img/sablage-bois-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  110.                             </div>
  111.                             <div class="rea-image image-apres">
  112.                                 {{ m.img(asset('img/sablage-bois-apres1.jpeg')|imagine_filter("rea_scratch")) }}
  113.                             </div>
  114.                         </div>
  115.                         <div class="rea-item">
  116.                             <div class="rea-content">
  117.                                 <strong class="mention">08/01/2016</strong>
  118.                                 <h3 class="rea-title">SABLAGE BÉTON LYON - SOUS BASSEMENT BÉTON
  119.                                 </h3>
  120.                             </div>
  121.                             <div class="rea-image image-avant">
  122.                                 <canvas class="before canvas-before"
  123.                                         data-src="{{ asset('img/sablage-beton-avant.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  124.                             </div>
  125.                             <div class="rea-image image-apres">
  126.                                 {{ m.img(asset('img/sablage-beton-apres.jpeg')|imagine_filter("rea_scratch")) }}
  127.                             </div>
  128.                         </div>
  130.                         <div class="rea-item">
  131.                             <div class="rea-content">
  132.                                 <strong class="mention">29/12/2015</strong>
  133.                                 <h3 class="rea-title">SABLAGE MÉTAL LYON - VÉHICULE DE REMORQUAGE
  134.                                 </h3>
  135.                             </div>
  136.                             <div class="rea-image image-avant">
  137.                                 <canvas class="before canvas-before"
  138.                                         data-src="{{ asset('img/sablage-metal-avant-1.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  139.                             </div>
  140.                             <div class="rea-image image-apres">
  141.                                 {{ m.img(asset('img/sablage-metal-apres-2.jpeg')|imagine_filter("rea_scratch")) }}
  142.                             </div>
  143.                         </div>
  144.                         <div class="rea-item">
  145.                             <div class="rea-content">
  146.                                 <strong class="mention">06/01/2016</strong>
  147.                                 <h3 class="rea-title">SABLAGE MÉTAL LYON - GARDE CORPS MÉTALLIQUE
  148.                                 </h3>
  149.                             </div>
  150.                             <div class="rea-image image-avant">
  151.                                 <canvas class="before canvas-before"
  152.                                         data-src="{{ asset('img/sablage-metal-avant-2.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  153.                             </div>
  154.                             <div class="rea-image image-apres">
  155.                                 {{ m.img(asset('img/sablage-metal-apres-2.jpeg')|imagine_filter("rea_scratch")) }}
  156.                             </div>
  157.                         </div>
  159.                         <div class="rea-item">
  160.                             <div class="rea-content">
  161.                                 <strong class="mention">06/01/2016</strong>
  162.                                 <h3 class="rea-title">SABLAGE MÉTAL LYON - FAÇADE EN TOLE
  163.                                 </h3>
  164.                             </div>
  165.                             <div class="rea-image image-avant">
  166.                                 <canvas class="before canvas-before"
  167.                                         data-src="{{ asset('img/sablage-metal-avant-3.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  168.                             </div>
  169.                             <div class="rea-image image-apres">
  170.                                 {{ m.img(asset('img/sablage-metal-apres-3.jpeg')|imagine_filter("rea_scratch")) }}
  171.                             </div>
  172.                         </div>
  174.                         <div class="rea-item">
  175.                             <div class="rea-content">
  176.                                 <strong class="mention">31/08/2016</strong>
  177.                                 <h3 class="rea-title">SABLAGE POTEAU EN FONTE
  178.                                 </h3>
  179.                             </div>
  180.                             <div class="rea-image image-avant">
  181.                                 <canvas class="before canvas-before"
  182.                                         data-src="{{ asset('img/sablage-metal-avant-4.jpeg')|imagine_filter("rea_scratch") }}"></canvas>
  183.                             </div>
  184.                             <div class="rea-image image-apres">
  185.                                 {{ m.img(asset('img/sablage-metal-apres-4.jpeg')|imagine_filter("rea_scratch")) }}
  186.                             </div>
  187.                         </div>
  189.                         <div class="bonhomme-mention">
  190.                             <div class="bubble">Aidez-moi à décaper les photos en les grattant !</div>
  191.                             <img class="bonhomme" src="{{ asset('img/bonhomme-logo-planete-sablage.png') }}"
  192.                                  alt="Bonhomme sablant, logo de Planète Sablage">
  193.                         </div>
  194.                     </div>
  195.                     {{ m.bn('Voir toutes nos réalisations', path('realisations')) }}
  196.                 </div>
  197.             </div>
  198.         </section>
  200.     </main>
  202. {% endblock %}