templates/admin/reset_password/request.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <title>EPS | Mot de passe oublié</title>
  8.   <!-- Google Font: Source Sans Pro -->
  9.   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  10.   <!-- Font Awesome -->
  11.   <link rel="stylesheet" href="{{asset('adminn/plugins/fontawesome-free/css/all.min.css')}}">
  12.   <!-- icheck bootstrap -->
  13.   {# <link rel="stylesheet" href="{{asset('adminn/plugins/icheck-bootstrap/icheck-bootstrap.min.css')}}">
  14.   <!-- Theme style -->
  15.   <link rel="stylesheet" href="{{asset('adminn/dist/css/adminlte.min.css')}}"> #}
  16. </head>
  17. <body>
  18. <style>
  20. * {
  21.   margin: 0;
  22.   padding: 0;
  23.   box-sizing: border-box;
  24.   font-family: "Open Sans", sans-serif;
  25. }
  26. body {
  27.   display: flex;
  28.   align-items: center;
  29.   justify-content: center;
  30.   min-height: 100vh;
  31.   width: 100%;
  32.   padding: 0 10px;
  33. }
  35. body::before {
  36.   content: "";
  37.   position: absolute;
  38.   width: 100%;
  39.   height: 100%; 
  40.  
  41.   background: url('/adminn/img/login.png'); 
  42.  /* background: url("https://www.codingnepalweb.com/demos/create-glassmorphism-login-form-html-css/hero-bg.jpg"), #000;
  43.  */
  44.   background-position: center;
  45.   background-size: cover;
  46. }
  47.    
  48. .wrapper {
  49.   width: 400px;
  50.   border-radius: 8px;
  51.   padding: 30px;
  52.   text-align: center;
  53.   border: 1px solid rgba(255, 255, 255, 0.5);
  54.   backdrop-filter: blur(9px);
  55.   -webkit-backdrop-filter: blur(9px);
  56. }
  58. form {
  59.   display: flex;
  60.   flex-direction: column;
  61. }
  63. h6 {
  64.   font-size: 1.5rem;
  65.   margin-bottom: 20px;
  66.   color: #fff;
  67. }
  69. .input-field {
  70.   position: relative;
  71.   border-bottom: 2px solid #ccc;
  72.   margin: 15px 0;
  73. }
  75. .input-field label {
  76.   position: absolute;
  77.   top: 50%;
  78.   left: 0;
  79.   transform: translateY(-50%);
  80.   color: #fff;
  81.   font-size: 16px;
  82.   pointer-events: none;
  83.   transition: 0.15s ease;
  84. }
  86. .input-field input {
  87.   width: 100%;
  88.   height: 40px;
  89.   background: transparent;
  90.   border: none;
  91.   outline: none;
  92.   font-size: 16px;
  93.   color: #fff;
  94. }
  96. .input-field input:focus~label,
  97. .input-field input:valid~label {
  98.   font-size: 0.8rem;
  99.   top: 10px;
  100.   transform: translateY(-120%);
  101. }
  102. .wrapper a {
  103.   color: #efefef;
  104.   text-decoration: none;
  105. }
  107. .wrapper a:hover {
  108.   text-decoration: underline;
  109. }
  111. button {
  112.   background: #fff;
  113.   color: #000;
  114.   font-weight: 600;
  115.   border: none;
  116.   padding: 12px 20px;
  117.   cursor: pointer;
  118.   border-radius: 3px;
  119.   font-size: 16px;
  120.   border: 2px solid transparent;
  121.   transition: 0.3s ease;
  122. }
  124. button:hover {
  125.   color: #fff;
  126.   border-color: #fff;
  127.   background: rgba(255, 255, 255, 0.15);
  128. }
  129. </style>
  130. <div class="wrapper"> 
  131.    <div class="login-logo">
  132.     <a href=""><img src="{{absolute_url(asset(pathToPublic ~ logo))}}" width="100px" height="100px" align="center" >
  133.     </a>   
  134.    </div>
  135.   <!-- /.login-logo -->
  137.       <h6>Réinitialisation du mot de passe.</h6>
  139.       {{ form_start(requestForm) }}
  140.         <div class="input-field">
  141.            {#<label class="form-label" for="email">Email <span class="red-star" style="font-size:10px;color:red;">★</span></label>#}
  142.             {{ form_widget (requestForm.email,{'attr':{'id':'email',}}) }}
  143.             <label>email</label>
  144.         </div>
  145.         <div class="row">
  146.           <div class="col-12">
  147.             <button type="submit" >Envoyer</button>
  148.           </div>
  149.           <!-- /.col -->
  150.         </div>
  151.       {{ form_end(requestForm) }}
  153.       <p style="margin-top:2em">
  154.         <a href="{{ path('app_login') }}">Se connecter</a>
  155.       </p>
  156.     
  157. </div>
  158. <!-- /.login-box -->
  160. <!-- jQuery -->
  161. <script src="{{asset('admin/plugins/jquery/jquery.min.js')}}"></script>
  162. <!-- Bootstrap 4 -->
  163. <script src="{{asset('admin/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
  164. <!-- AdminLTE App -->
  165. <script src="{{asset('admin/dist/js/adminlte.min.js')}}"></script>
  166. </body>
  167. </html>