templates/security/forgot_password.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  3. {% block contentBody %}
  4.     {% set title = content.title|default %}
  6.     <!-- Main content -->
  7.     <div class="content container mt-5">
  8.         <div class="row justify-content-center d-flex">
  9.             <!-- Signup Section -->
  10.             <div class="col-md-7 d-flex align-items-stretch">
  11.                 <div class="form-container p-4 bg-white shadow-sm">
  12.                     <h2 class="header-text text-center">Mot de passe oublié</h2>
  13.                     <div id="id_notification"></div>
  14.                     {{ form_start(form) }}
  15.                     <div class="row">
  16.                         <div class="col-md-12">
  17.                             {{ form_widget(form.email) }}
  18.                         </div>
  19.                     </div>
  20.                     <div class="text-center no-padding-top">
  21.                         <button class="btn btn-kl-form-input btn-custom mt-4" type="submit">Envoyer</button>
  22.                     </div>
  23.                     {{ form_end(form) }}
  24.                 </div>
  25.             </div>
  26.         </div>
  28.     </div>
  29.     <style type="text/css">
  30.         .no-padding-top {
  31.             padding-top: 0 !important;
  32.             margin-top: 0 !important;
  33.         }
  34.         /* Background image styling */
  35.         body {
  36.             background-image: url('/assets/images/bg_contact.jpg');
  37.             background-repeat: no-repeat;
  38.             background-size: cover; /* Fait en sorte que l'image remplisse tout l'écran */
  39.             background-position: center; /* Centre l'image pour éviter les décalages */
  40.             background-attachment: fixed; /* Fixe l'image en place lors du défilement */
  41.         }
  42.         .big-wrapper {
  43.             background: linear-gradient(to bottom, rgba(255, 255, 255, 1.9), rgba(255, 255, 255, 0)); /* Dégradé du haut (opaque) vers le bas (transparent) */
  44.         }
  46.     </style>
  47. {% endblock %}