templates/front-office/explanation.html.twig line 1

Open in your IDE?
  1. {#
  2.     Controller : App\FrontOffice\ExplanationController
  3.     Route : "explanation"
  4.     URI : "/explications"
  6. #}
  8. {% extends "front-office/_base.html.twig" %}
  10. {% block content %}
  12. <section class="exp-bg-page">
  13.     
  14.     <div class="exp-content-top">
  15.         <h1>comment louer ?</h1>
  16.         <p>Studip P porpose plusieurs studios à la location pour les tournages, ou le staff de vos projets</p>
  17.         <p>Jetez un oeil à nos <span class="text-blue">studios</span> puis à nos <span class="text-blue">matériels</span> disponibles à la location également.</p>
  18.     </div>
  19.     
  20.     <div class="exp-content meli-section-90">
  21.         <div class="exp-content-line meli-around-center meli-section-90">
  22.             <div class="block-exp meli-width-20">
  23.                 <p>Besoin de louer <br>un studio ?<br>Du matériel professionnel ?</p>
  24.                 <div>
  25.                     <img src="{{ asset('assets/img/explanation/icon-materiels.png') }}" alt="icone-materiels">
  26.                 </div>
  27.             </div>
  28.             <div class="arrow-blue meli-width-10">
  29.                 <img src="{{ asset('assets/img/explanation/icon-arrow.png')}}" alt="flêche bleu">
  30.             </div>
  31.             <div class="block-exp meli-width-20">
  32.                 <p>Parcourez les pages<br>
  33.                 <span class="text-blue">STUDIO</span> et <span class="text-blue">MATERIELS</span><br>et découvrez ce que studio P <br>vous propose à la location</P>
  34.                 <div class="meli-section-80">
  35.                     <img src="{{ asset('assets/img/explanation/icon-eye.png')}}" alt="oeil">
  36.                 </div>
  37.             </div>
  38.             <div class="arrow-blue meli-width-10">
  39.                 <img src="{{ asset('assets/img/explanation/icon-arrow.png')}}" alt="flêche bleu">
  40.             </div>
  41.             <div class="block-exp meli-width-20">
  42.                 <p>Ajoutez à la réservation les produits <br>que vous souhaitez louer!</p>
  43.                 <div class="icon-panier">
  44.                     <img src="{{ asset('assets/img/explanation/icon-panier.png')}}" alt="panier">
  45.                 </div>
  46.             </div>
  47.         </div>
  48.         <div class="arrow-resp meli-width-10">
  49.             <img src="{{ asset('assets/img/explanation/icon-arrow.png')}}" alt="flêche bleu">
  50.         </div>
  51.         <div class="exp-content-line-last meli-between-center meli-section-70">
  52.             <div class="block-exp meli-width-35">
  53.                 <p>
  54.                     Finaliser votre demande:Renseignez vos coordonnées<br>via le bouton
  55.                 *demande de reservation*.<br>Envoyer votre demande de devis en quelques clics
  56.                 </p>
  57.                 <div class="icon-chrono meli-width-70">
  58.                     <img src="{{ asset('assets/img/explanation/icon-chrono.png')}}" alt="chrono">
  59.                 </div>
  60.             </div>
  61.             <div class="last-arrow-blue meli-width-10">
  62.                 <img src="{{ asset('assets/img/explanation/icon-arrow.png')}}" alt="flêche bleu">
  63.             </div>
  64.             <div class="block-exp meli-width-35">
  65.                     <p>reviendra vers vous par telephone<br>ou par mail pour la validation du devis!</p>
  66.                 <div class="icon-tel meli-width-70">
  67.                     <img src="{{ asset('assets/img/explanation/icon-tel.png')}}" alt="telephone">
  68.                 </div>
  69.             </div>
  70.         </div>
  72.     </div>
  73. </section>
  75. {% endblock %}