templates/front/parking/parking.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block body %}
  5.     <section class="bg-light-grey shop-single">
  6.         <div class="text-center col-md-12">
  7.             <h1 class="red">Parking</h1>
  8.         </div>
  9.         <div class="col-md-10 col-xl-8 m-auto d-flex justify-content-between info-contact pt-5">
  10.             <div class="col-md-12 col-lg-4">
  11.                 <div class="logo-shop">
  12.                     <img src="{{ asset('img/apcoa_parking.svg') }}" alt="logo APCOA Parking">
  13.                 </div>
  14.                 <ul>
  15.                     <li class="mt-5">
  16.                         Mail<br>
  17.                         <a href="mailto:service@apcoa.lu" class="red">service@apcoa.lu</a>
  18.                     </li>
  19.                     <li class="mt-5">
  20.                         <div id="map"></div>
  21.                     </li>
  22.                     <li class="mt-5">
  23.                         <a class="link-arrow black ml-5 position-relative" href="">
  24.                             <img src="{{ asset('img/icons/arrow-right-black.svg') }}" class="position-absolute">
  25.                             Apcoa.lu
  26.                         </a>
  27.                     </li>
  28.                 </ul>
  29.             </div>
  30.             <div class="col-md-12 col-lg-6" id="parkingInfo">
  31.                 <div class="description-shop">
  32.                     <p>Avec ses 628 places, le parking Apcoa Royal-Hamilius vous accueille sur 6 niveaux, au coeur de la ville de Luxembourg.</p>
  33.                 </div>
  35.                 <div class="horaires row mt-5">
  36.                     <div class="col-3 col-md-1 d-flex justify-content-center align-items-baseline">
  37.                         <img src="{{ asset('img/icons/parking.svg') }}" alt="places">
  38.                     </div>
  39.                     <div class="col-9 col-md-10 pl-5">
  40.                         <h5>Places</h5>
  41.                         <p class="orange">629</p>
  42.                     </div>
  43.                 </div>
  45.                 <div class="horaires row mt-5">
  46.                     <div class="col-3 col-md-1 d-flex justify-content-center align-items-baseline">
  47.                         <img src="{{ asset('img/icons/horaires.svg') }}" alt="Horaires">
  48.                     </div>
  49.                     <div class="col-9 col-md-10 pl-5">
  50.                         <h5>Ouverture</h5>
  51.                         <p class="green">24/7</p>
  52.                     </div>
  53.                 </div>
  55.                 <div class="horaires row mt-5">
  56.                     <div class="col-3 col-md-1 d-flex justify-content-center align-items-baseline">
  57.                         <img src="{{ asset('img/icons/hauteur.svg') }}" alt="Hauteur d'entrée">
  58.                     </div>
  59.                     <div class="col-9 col-md-10 pl-5">
  60.                         <h5>hauteur d’entrée</h5>
  61.                         <p class="blue">2,10 m</p>
  62.                     </div>
  63.                 </div>
  65.                 <div class="horaires row mt-5">
  66.                     <div class="col-3 col-md-1 d-flex justify-content-center align-items-baseline">
  67.                         <img src="{{ asset('img/icons/price.svg') }}" alt="Prix">
  68.                     </div>
  69.                     <div class="col-9 col-md-10 pl-5">
  70.                         <h5>Prix (De la 1ère à la 5ème heure)</h5>
  71.                         <p class="orange">1,20 € / 30min</p>
  72.                         <h5>5ème à la 10ème heure</h5>
  73.                         <p class="green">1,60 € / 30min</p>
  74.                         <h5>Jour max. (jusqu’à 17h)</h5>
  75.                         <p class="blue">28,80 €</p>
  76.                     </div>
  77.                 </div>
  79.             </div>
  80.         </div>
  81.     </section>
  83.     <section id="fresques" class="bg-light-grey">
  84.         <div class="text-center col-md-12">
  85.             <h2 class="red">Les fresques</h2>
  86.         </div>
  87.         <div class="col-md-12 mt-5 p-0">
  88.             <div class="img-list w-100 d-flex">
  89.                 <div class="p-0 img">
  90.                     <img src="{{ asset('img/fresque/1.jpg') }}">
  91.                 </div>
  92.                 <div class="p-0 img">
  93.                     <img src="{{ asset('img/fresque/2.jpg') }}">
  94.                 </div>
  95.                 <div class="p-0 text" style="min-height:100%">
  96.                     <div class="p-5 bg-red" style="min-height:100%">
  97.                         <p class="white">
  98.                             Six artistes contemporains ont magnifié les sous-sols de Royal-Hamilius en y apposant leur art.
  99.                         </p>
  100.                         <p class="white">
  101.                             Une douzaine de fresques monumentales sont à découvrir à chaque niveau du parking Apcoa Royal-Hamilius.
  102.                         </p>
  103.                     </div>
  104.                 </div>
  105.                 <div class="p-0 img">
  106.                     <img src="{{ asset('img/fresque/3.jpg') }}">
  107.                 </div>
  108.                 <div class="p-0 text">
  109.                     <div class="p-5 bg-green">
  110.                         <p class="white">
  111.                             Les thèmes abordés par ces œuvres sont universels : la nature, la rêverie, l'amour, la fuite du temps...
  112.                         </p>
  113.                     </div>
  114.                 </div>
  115.                 <div class="p-0 img">
  116.                     <img src="{{ asset('img/fresque/4.jpg') }}">
  117.                 </div>
  118.                 <div class="p-0 img">
  119.                     <img src="{{ asset('img/fresque/5.jpg') }}">
  120.                 </div>
  121.                 <div class="p-0 img">
  122.                     <img src="{{ asset('img/fresque/6.jpg') }}">
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </section>
  128. {% endblock %}