templates/user/forgot.html.twig line 1

Open in your IDE?
  1. {% extends 'security/base_login.html.twig' %}
  3. {% block title %}Log in!
  4. {% endblock %}
  6. {% block stylesheets %}
  7.     <style>
  8.     /********** Template CSS **********/:root
  9.     {
  10.         --primary: #3f38f2;
  11.         --light: #fff;
  12.         --dark: #191C24;
  13.     }
  14.     ::placeholder {
  15.         color: #a3a3a3 !important;
  16.         font-style: italic;
  17.     }
  18.     .form-control {
  19.         font-size: 20px;
  20.         height: 70px !important;
  21.         border-radius: 0;
  22.         transition: 0.5s;
  23.         padding-left: 3% !important;
  24.         border: none !important;
  25.         border-left: 20px solid transparent !important;
  26.         outline: 1px solid #757575;
  27.     }
  28.     .form-control:focus {
  29.         outline: 1px solid #757575;
  30.         border-left: 20px solid var(--primary) !important;
  31.         box-shadow: none;
  32.     }
  33. </style>{% endblock %}{% block body %}
  34. <div class="row h-100">
  35.     <div class="bg-primary col-lg-6 col-12 pt-lg-5 pt-3">
  36.         <h1 class="d-none d-lg-block text-center mb-3 font-weight-normal text-white" style="font-size:60px">||
  37.             <br>
  38.             InteGraal</h1>
  39.         <h1 class="d-lg-none d-block text-center mb-3 font-weight-normal text-white" style="font-size:30px">||
  40.             <br>
  41.             InteGraal</h1>
  42.     </div>
  43.     <div class="col-lg-6 col-12 align-self-center p-5">
  44.         <p class="fs-5">
  45.             Pour réinitialiser votre mot de passe, saisissez l'adresse email que vous utilisez pour vous connecter à votre compte Integraal.
  46.         </p>
  47.         <form action="{{ path('user.forgotPassword')}}" method="POST">
  48.             <input type="hidden" name="_token" value="{{ csrf_token('reset-pwd') }}">
  49.             <input type="email" name="email" id="email-restaure-pwd" class="form-control" placeholder="Saisissez votre adresse email" autocomplete="off">
  50.             <div class="text-center">
  51.                 <button class="btn btn-lg btn-primary rounded-pill px-5 py-3 align-self-center mt-4">Continuer</button>
  52.             </div>
  53.         </form>
  54.     </div>
  55. </div>{% endblock %}