templates/security/login.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title>Login Form</title>
  8.     <!-- Google Fonts -->
  9.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  10.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900" rel="stylesheet">
  11.     <!-- Bootstrap CSS -->
  12.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  13.     
  14.     
  15.     <link rel="stylesheet" href="css/login/login.css">
  16.     <script src="css/login/verification.js"></script>
  17.   </head>
  18.   <body>
  20.     <main class="d-flex align-items-center min-vh-100 py-3 py-md-0">
  21.       <div class="container" style ="padding-top: 50px;padding-bottom:50px">
  22.         <div class="card login-card" >
  23.           <div class="row no-gutters">
  24.             
  25.             <div class="col-md-7">
  26.               <div class="card-body">
  27.                 <!--<div class="brand-wrapper">
  29.                 </div>-->
  30.                
  31.               
  32.                 <form  method="post">
  33.                    <h3>LOGIN TO HATLONE</h3>
  34.                     {% if error %}
  35.                     <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  36.                     {% endif %}
  37.                     {% if app.user %}
  38.                     <div class="mb-3" style="padding-top:100px;padding-bottom:100px">
  39.                         Vous êtes connecté(e) comme {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Me déconnecter</a>
  40.                     </div>
  41.                     {% else %}
  42.                   <div class="form-group required-input">
  43.                     <label for="email" class="sr-only">Email</label>
  44.                     <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" placeholder="Email adress" autocomplete="email" required autofocus>
  45.                     
  46.                   </div>
  47.                   <div class="form-group mb-4 required-input">
  48.                     <label for="Password" class="sr-only">Password</label>
  49.                     <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" autocomplete="current-password" required>
  50.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  51.                   <div class="policies-password">
  52.                       <div class="chech-wrap1 mr-3 text-left">
  53.                         <div id="check0">
  54.                               <span>&#x2022; 8 Character minimum</span>
  55.                           </div>
  57.                           <div id="check1">
  58.                             <span>&#x2022; 1 Uppercase character</span>
  59.                           </div>
  60.                       </div>
  61.                       
  62.                       <div class="chech-wrap1 text-left">
  63.                         <div id="check2">
  64.                              <span>&#x2022; 1 Number</span>
  65.                           </div>
  66.                         <div id="check3">
  67.                           <span>&#x2022; 1 Lowercase character</span>
  68.                         </div>
  69.                       </div>
  70.                     </div>
  71.                   </div>
  72.                 
  73.                 <div class="login-wrap">
  74.                     <button class="btn btn-lg btn-primary mt-3" type="submit">
  75.                         Me connecter
  76.                     </button>
  77.                 </div>
  78.                        <div class="signup-wrap">
  79.                     <p class="login-card-description text-center">I don't have an account<a href="{{ path('app_register') }}"> Sign Up </a>  </p>
  80.                      <p class="login-card-description text-center"><a href="{{ path('forgotten_password') }}">password forgotten </a>  </p>
  81.                     
  82.                 </div>
  83.                 
  84.                 {% endif %}
  85.                 
  86.                 
  87.                 </form>
  88.               </div>
  89.             </div>
  90.             <div class="col-md-5 image-wrap">
  91.                 <img src="images/login/image.JPG" class="login-card-img">
  92.               </div>
  93.           </div>
  94.         </div>
  95.       </div>
  96.     </main>
  98.     <!-- Option 1: Bootstrap Bundle with Popper -->
  99.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  100.     <script>
  101.        
  104.     </script>
  105.   </body>
  106. </html>