templates/sinistre/new.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}New Sinistre{% endblock %}
  7. {% block body %}
  9. <style>
  10. .page-header {
  11.   background-size: cover; /* Permet à l'image de couvrir toute la zone */
  12.   background-position: center center; /* Centrer l'image */
  13.   background-repeat: no-repeat; /* Empêche l'image de se répéter */
  14. }
  15. </style>
  17.  
  18. <!-- Page Header Start -->
  19. <div
  20.   class="container-fluid page-header py-5 mb-5 wow fadeIn"
  21.   data-wow-delay="0.1s"
  22.   style="background-image: url({{asset('assets/img/sinistre1.jpg')}})"
  23. >
  24.   <div class="container py-5">
  25.     <h1 class="display-4 animated slideInDown mb-4">Déclaration Sinistre</h1>
  26.     <nav aria-label="breadcrumb animated slideInDown">
  27.       <ol class="breadcrumb mb-0">
  28.         <li class="breadcrumb-item active"><a href="{{path('app_home')}}">Accueil</a></li>
  29.         <li class="breadcrumb-item active" aria-current="page">
  30.           Déclaration Sinistre
  31.         </li>
  32.       </ol>
  33.     </nav>
  34.   </div>
  35. </div>
  36. <!-- Page Header End -->
  39.     <!-- Contact Start -->
  40.     <div class="container-xxl py-6">
  41.       <div class="container">
  42.         <div class="row g-5">
  43.           <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
  44.             <h1 class="display-6 mb-4">
  45.               Formulaire
  46.             </h1>
  47.             <p class="mb-4">
  48.               Veuillez remplir et soumettre le formulaire de déclaration sinistre.
  49.             </p>
  50.             
  51.             {{ include('sinistre/_form.html.twig') }}
  52.              
  53.           </div>
  54.           <div
  55.             class="col-lg-6 wow fadeIn"
  56.             data-wow-delay="0.5s"
  57.             style="min-height: 450px"
  58.           >
  59.             <div class="position-relative rounded overflow-hidden h-100">
  60.               <iframe
  61.                 class="position-relative w-100 h-100"
  62.                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248279.84198952126!2d1.9542200893958146!3d13.512714995220577!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x11d0756cc0ddfc65%3A0x81ce4bafda77b74e!2sNiamey!5e0!3m2!1sfr!2sne!4v1701166527833!5m2!1sfr!2sne"
  63.                 frameborder="0"
  64.                 style="min-height: 450px; border: 0"
  65.                 allowfullscreen=""
  66.                 aria-hidden="false"
  67.                 tabindex="0"
  68.               ></iframe>
  69.             </div>
  70.           </div>
  71.         </div>
  72.       </div>
  73.     </div>
  74.     <!-- Contact End -->
  76. {% endblock %}