templates/main/page-detailing.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block title %}
  5.     Detailing - Traitement céramique - Rénovation - {{ parent() }}  {# prepend #}
  6. {% endblock %}
  9. {% block body %}
  11. <div class="page">
  13.     {# screen > entete page - img small #}
  14.     <div class="entete-page entete-bg" style="background-image: url({{ asset('build/images/fond-cover-design-vide.png') }});">
  15.         <div class="relative text-center mt-50" style="z-index: 10;">
  16.             <h1 class="typo-white typo-250">
  17.                 <span class="">Detailing/ Traitement céramique</span>
  18.                 <br><span class="typo-principale-light-italic typo-70">certifié Gyeon</span>
  19.             </h1>
  20.         </div>
  21.         <div class="overlay fond-cover-animate-neon"></div>
  22.     </div>
  24.     {# tabs #}
  25.     <div class="container pa-20 pb-20">
  27.         <div class="tab-container tab-header relative">
  28.             <div class="tabs text-center">
  29.                 <a class="tab active">Detailing</a>
  30.                 <a class="tab">Stage 1</a>
  31.                 <a class="tab">Stage 2</a>
  32.                 <a class="tab">Stage 3</a>
  33.             </div>
  34.             <div class="tab-panes pt-50">
  35.                 <div class="tab-pane active">
  36.                     {# Présentation #}
  37.                     {% include 'main/content/detailing-presentation.html.twig' %}
  38.                 </div>
  39.                 <div class="tab-pane">
  40.                     {# Stage 1 #}
  41.                     {% include 'main/content/detailing-stage-1.html.twig' %}
  42.                 </div>
  43.                 <div class="tab-pane" >
  44.                     {# Stage 2 #}
  45.                     {% include 'main/content/detailing-stage-2.html.twig' %}
  46.                 </div>
  47.                 <div class="tab-pane" >
  48.                     {# Stage 3 #}
  49.                     {% include 'main/content/detailing-stage-3.html.twig' %}
  50.                 </div>
  51.             </div>
  52.         </div>
  54.     </div>
  56.     <div class="full-container">
  57.         <img src="{{ asset('build/images/visuel-mustang-ceramique.jpg') }}" alt="Mustang - Detailing Traitement Céramique">
  58.     </div>
  60.     <div class="full-container">
  61.         <div class="container pa-20 pb-20">
  63.             <h2>Notre objectif, être attentif à vos désirs afin de sublimer votre véhicule.</h2>
  65.             <div class="mt-30 grid-2-small-1 has-gutter-xl typo-principale">
  66.                 <div class="mb-20">
  67.                     <p>
  68.                         Nous vous accueillerons avec plaisir dans nos locaux pour réaliser un devis gratuit et personnalisé car chaque véhicule
  69.                         nécessite une attention particulière.
  70.                         <br>Que ce soit du simple nettoyage extérieur, intérieur, à la rénovation complète
  71.                         de votre véhicule, Cover Design met à votre service toutes ses compétences, ses techniques et surtout sa passion.
  72.                     </p>
  73.                     <p>
  74.                         <span class="bold">Une fois votre auto rénovée, nous protégerons contre les agressions quotidiennes</span> comme le ternissement prématuré
  75.                         de votre peinture causé par les UV, les projections de goudrons, les fientes d’oiseaux qui attaquent les vernis...
  76.                         Les cires haute qualité à base de carnauba forment une pellicule protectrice contre les agressions.
  77.                     </p>
  78.                 </div>
  79.                 <div class="mb-20">
  80.                     <span class="bold typo-110">
  81.                         Nous utilisons uniquement les meilleurs produits du marché :
  82.                         les produits Gyeon, afin d’apporter les meilleurs soins à votre bien.
  83.                     </span>
  84.                     <img src="{{ asset('build/images/partenaires/logo-gyeon.png') }}" alt="Gyeon">
  85.                 </div>
  86.             </div>
  88.             <h2>Cover Design vous propose 3 formules de prestations pour les traitements céramique en Stage 1, 2 et 3.</h2>
  90.         </div>
  91.     </div>
  93.     {# Galerie photos #}
  94.     {% include 'main/content/galerie-photos.html.twig' %}
  96. </div>
  98. {% endblock %}
  101.  {% block javascripts %}
  103.      {{ parent() }}
  105.      <script type="text/javascript" defer>
  106.          $(document).ready(function() {
  107.              // make it tabbable!
  108.              var container=document.querySelector('.tab-container');
  109.              tabs(container);
  110.          });
  111.      </script>
  113.  {% endblock %}