templates/front/page/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base-front.html.twig' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block inner_body %}
  6.     <section class="container-fluid">
  7.         <div class="row header">
  8.             <div class="overlay-black d-flex justify-content-center">
  9.                 <div class="col-12 col-md-12 col-lg-8 d-flex flex-column justify-content-center align-items-center col-header">
  10.                     <h1 class="text-white text-center mb-4 h1-header">Course d'obstacles autour du château</h1>
  11.                     <h3 class="text-white mb-5 ">Dimanche 1er octobre</h3>
  12.                     <p class="text-white mb-5 content-header " >Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  13.                     <a class="btn btn-primary text-uppercase mb-5 mb-md-3 mb-lg-4 mb-xl-5 btn-header " href="{{ path('event_show', {'slug' : last_event.slug}) }}"  role="button">découvrir</a>
  14.                     <div class="">
  15.                         <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
  16.                             <path d="M19.5 30.9715L20.3608 30.1107L34.9858 15.4857L35.8465 14.625L34.125 12.9035L33.2643 13.7642L19.5 27.5285L5.73579 13.7642L4.87505 12.9035L3.15356 14.625L4.01431 15.4857L18.6393 30.1107L19.5 30.9715Z" fill="#E9DDC8"/>
  17.                             <circle cx="20" cy="15" r="2" fill="#E9DDC8"/>
  18.                         </svg>
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.         </div>     
  23.     </section>
  25.     <section>
  26.         <div class="container mt-5">
  27.             <div class="row">
  28.                 <div class="col-12 col-lg-5 position-relative img-home-color">
  29.                     <img src="{{ asset('assets/images/arrivee.png') }}" style="width: 100%; height: 100%; object-fit: cover;" class="" alt="">
  30.                     <div class="position-absolute top-100 start-50 translate-middle">
  31.                         <img src="{{ asset('assets/images/logo-rond.png') }}" alt="">
  32.                     </div>                
  33.                 </div>                
  34.                 <div class="col-12 col-lg-7 mt-5 mt-lg-1 px-lg-5 py-1">
  35.                     <h2 class="py-3">
  36.                         <span class="underline">Titre de niveau H2 qui va ici</span> </h2>
  37.                     <p> Lorem ipsum dolor sit amet consectetur. Faucibus mauris a integer facilisis gravida. Sed tellus vulputate mi ultrices mauris hac. 
  38.                         Ac in morbi nisl scelerisque sollicitudin accumsan nibh. In morbi sociis viverra aliquam. Nisl dictum sed purus eget. Sed nisl donec vitae nulla hendrerit. </p>
  39.                     <p>Tortor bibendum interdum tempor feugiat adipiscing libero sit. At fringilla lectus facilisis tortor pretium interdum tellus amet.</p>
  40.                     <div class="d-flex justify-content-center">                    
  41.                         <a class="btn btn-primary text-uppercase mt-4" href=""  role="button">S'inscrire</a>     
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>        
  46.     </section>
  48.     <section>
  49.         <div class="container">
  50.             <div class="row d-flex justify-content-center pt-5">
  51.                 <h2 class="text-uppercase text-center mb-5">
  52.                     <span class="underline">Nous contacter</span> 
  53.                 </h2>
  54.                 <div class="col-lg-8 col-12 mb-3">
  55.                     {% for message in app.flashes %}
  56.                         <div class="alert alert-success  rounded-0 " role="alert">
  57.                             {{ message[0] }}
  58.                         </div>                
  59.                     {% endfor %}
  60.                 </div>
  61.             </div>
  62.             {{ form_start(form) }}
  63.             <div class="row d-flex justify-content-center">
  64.                 <div class="col-12 col-md-8 col-lg-4 mb-3">
  65.                     {{ form_widget(form.name) }}
  66.                 </div>
  67.                 <div class="col-12 col-md-4 col-lg-4 mb-3">
  68.                     {{ form_widget(form.telephone) }}
  69.                 </div>
  70.                 <div class="col-12 col-md-12 col-lg-8 mb-3">
  71.                     {{ form_widget(form.email) }}
  72.                 </div>
  73.                 <div class="col-12 col-md-12 col-lg-8 mb-3">
  74.                     {{ form_widget(form.message) }}
  75.                 </div>
  76.                 <div class="d-flex justify-content-center mt-1 mb-5">
  77.                     <button class="btn btn-primary text-uppercase mt-4 mb-4" href=""  role="button">Envoyer</button>     
  78.                 </div>
  79.             </div>
  80.             {{ form_end(form) }}
  81.         </div>        
  82.     </section>
  84. {% endblock %}