templates/isolations/borne-recharge.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  4.     <div id="box-search">
  5.         <div class="thumbnail">
  6.             <img src="{{ asset('assets/img/bannieres/banniere-services-borne.png') }}" alt="Responsive image" class="img-fluid">
  7.         </div>
  8.     </div>
  9.     <div class="container mt-5">
  10.         <div class="title">
  11.             Installer une borne de recharge électrique
  12.         </div>
  13.     </div>
  14.     <div class="container mt-5">
  15.         <div class="row">
  16.             <div class="col-xs-6 col-md-6 col-xl-6">
  17.                 <img src="{{ asset('assets/img/photo-borne-recharge.jpg') }}" alt="Responsive image" class="img-fluid mx-auto" width="75%">
  18.             </div>
  19.             <div class="col-xs-6 col-md-6 col-xl-6 my-auto mx-auto text-center">
  20.                 <p class="brown-title">A partir de 590€ TTC *</p>
  21.                 <p class="red-bold-text">Installation par nos techniciens</p>
  22.                 <p class="red-bold-text">Devis gratuit</p>
  23.             </div>
  24.         </div>
  25.     </div>
  26.     <div class="container mt-5">
  27.         <div class="title">
  28.             Une selection de borne au meilleur prix
  29.         </div>
  30.     </div>
  31.     <div class="container mt-5">
  32.         <div class="row">
  33.             <div class="col-xs-6 col-md-6 col-xl-6">
  34.                 <img alt='borne4' class='big-pic img-fluid' id='big-pic'
  35.                      src="{{ asset('assets/img/photo-borne-004.jpg') }}"><br>
  36.                 <div class="row">
  37.                     <div class="col-3" style="cursor: pointer">
  38.                         <img alt='borne1' class='small-pic img-fluid zoom' id='small-pic'
  39.                              src="{{ asset('assets/img/photo-borne-001.jpg') }}">
  40.                     </div>
  41.                     <div class="col-3" style="cursor: pointer">
  42.                         <img alt='borne2' class='small-pic img-fluid zoom' id='small-pic'
  43.                              src="{{ asset('assets/img/photo-borne-002.jpg') }}">
  44.                     </div>
  45.                     <div class="col-3" style="cursor: pointer">
  46.                         <img alt='borne3' class='small-pic img-fluid zoom' id='small-pic'
  47.                              src="{{ asset('assets/img/photo-borne-003.jpg') }}">
  48.                     </div>
  49.                     <div class="col-3" style="cursor: pointer">
  50.                         <img alt='borne4' class='small-pic img-fluid zoom' id='small-pic'
  51.                              src="{{ asset('assets/img/photo-borne-004.jpg') }}">
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.             <div class="col-xs-6 col-md-6 col-xl-6 my-auto mx-auto text-center">
  56.                 <p class="brown-title">HAGER WITTY</p>
  57.                 <p style="font-size: xx-large">Gestion dynamique de puissance<br>Charge rapide<br>Prise T2S compatible tous véhicules</p>
  58.                 <p style="font-size: x-large; color: red">Existe en monophasé 7kw et triphasé 22kw</p>
  59.                 <p class="red-title">TARIF POSE : A PARTIR DE 890€*</p>
  60.             </div>
  61.         </div>
  62.     </div>
  63.     <div class="container mt-5">
  64.         <div class="row">
  65.             <div class="col-xs-6 col-md-6 col-xl-6 my-auto mx-auto text-center">
  66.                 <p class="brown-title">WALLGREENBOX JUPITER</p>
  67.                 <p style="font-size: xx-large">Application Wifi inclus<br>Charge rapide<br>Prise T2S compatible tous véhicules</p>
  68.                 <p style="font-size: x-large; color: red">Existe en monophasé 7kw et triphasé 22kw</p>
  69.                 <p class="red-title">TARIF POSE : A PARTIR DE 590€*</p>
  70.             </div>
  71.             <div class="col-xs-6 col-md-6 col-xl-6">
  72.                 <img alt='borne5' class='big-pic2 img-fluid' id='big-pic2'
  73.                      src="{{ asset('assets/img/photo-borne-005.jpg') }}"><br>
  74.                 <div class="row">
  75.                     <div class="col-4" style="cursor: pointer">
  76.                         <img alt='borne5' class='small-pic img-fluid zoom' id='small-pic'
  77.                              src="{{ asset('assets/img/photo-borne-005.jpg') }}">
  78.                     </div>
  79.                     <div class="col-4" style="cursor: pointer">
  80.                         <img alt='borne6' class='small-pic img-fluid zoom' id='small-pic'
  81.                              src="{{ asset('assets/img/photo-borne-006.jpg') }}">
  82.                     </div>
  83.                     <div class="col-4" style="cursor: pointer">
  84.                         <img alt='borne7' class='small-pic img-fluid zoom' id='small-pic'
  85.                              src="{{ asset('assets/img/photo-borne-007.jpg') }}">
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.             <p style="font-size: x-large; color: red">* tarif TTC pose comprise crédit d’impôt de 500€ déduit</p>
  90.         </div>
  91.     </div>
  92.     <hr>
  93. {% endblock %}
  95. {% block footer %}
  96.     {{ parent() }}
  97.     <script src="{{ asset('assets/js/diagnostique.js') }}"></script>
  98.     <script src="{{ asset('assets/js/imagechanger.js') }}"></script>
  99. {% endblock %}