templates/security/login.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <!-- Tell the browser to be responsive to screen width -->
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="">
  10.     <meta name="author" content="">
  11.     <!-- Favicon icon -->
  12.     <link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.png">
  13.     <title>Grid - The Power To Change</title>
  15.     <!-- page css -->
  16.     <link href="{{ asset('css/pages/login-register-lock.css') }}" rel="stylesheet">
  17.     <!-- Custom CSS -->
  18.     <link href="{{ asset('css/style.min.css') }}" rel="stylesheet">
  21.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  22.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  23.     <!--[if lt IE 9]>
  24.     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  25.     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  26.     <![endif]-->
  27. </head>
  29. <body class="skin-default card-no-border">
  30. <!-- ============================================================== -->
  31. <!-- Preloader - style you can find in spinners.css -->
  32. <!-- ============================================================== -->
  33. <div class="preloader">
  34.     <div class="loader">
  35.         <div class="loader__figure"></div>
  36.         <p class="loader__label">Elite admin</p>
  37.     </div>
  38. </div>
  39. <!-- ============================================================== -->
  40. <!-- Main wrapper - style you can find in pages.scss -->
  41. <!-- ============================================================== -->
  42. <section id="wrapper">
  43.     <div class="login-register" style="background-image:url(../assets/images/background/login-register.jpg);">
  44.         <div class="login-box card">
  45.             <div class="card-body">
  46.                 <form method="post" class="form-horizontal form-material" id="loginform" action="{{ path('login') }}">
  47.                     <h3 class="text-center m-b-20">Sign In</h3>
  48.                     <div class="form-group ">
  49.                         <div class="col-xs-12">
  50.                             <input class="form-control"  name="_username"  type="text" required="" placeholder="Username"> </div>
  51.                     </div>
  52.                     <div class="form-group">
  53.                         <div class="col-xs-12">
  54.                             <input class="form-control" name="_password"  type="password" required="" placeholder="Password"> </div>
  55.                     </div>
  56.                     <div class="form-group row">
  57.                         <div class="col-md-12">
  58.                             <div class="d-flex no-block align-items-center">
  59.                                 <div class="custom-control custom-checkbox">
  60.                                 </div>
  61.                                 <div class="ml-auto">
  62.                                     <a style="color: #0b51c5" href="javascript:void(0)" id="to-recover" class="text-muted"><i class="fas fa-lock m-r-5"></i> Forgot pwd?</a>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                     </div>
  67.                     <div class="form-group text-center">
  68.                         <div class="col-xs-12 p-b-20">
  69.                             <button class="btn btn-block btn-lg btn-info btn-rounded" type="submit">Log In</button>
  70.                         </div>
  71.                     </div>
  72.                 </form>
  73.                 <form class="form-horizontal" id="recoverform"  method="post" action="{{ path('sendRestPassEmail') }}">
  74.                     <div class="form-group ">
  75.                         <div class="col-xs-12">
  76.                             <h3>Recover Password</h3>
  77.                             <p class="text-muted">Enter your Email and instructions will be sent to you! </p>
  78.                         </div>
  79.                     </div>
  80.                     <div class="form-group ">
  81.                         <div class="col-xs-12">
  82.                             <input name="email" class="form-control" type="text" required="" placeholder="Email"> </div>
  83.                     </div>
  84.                     <div class="form-group text-center m-t-20">
  85.                         <div class="col-xs-12">
  86.                             <button class="btn btn-primary btn-lg btn-block text-uppercase waves-effect waves-light" type="submit">Reset</button>
  87.                         </div>
  88.                     </div>
  89.                 </form>
  90.             </div>
  91.         </div>
  92.     </div>
  93. </section>
  95. <!-- ============================================================== -->
  96. <!-- End Wrapper -->
  97. <!-- ============================================================== -->
  98. <!-- ============================================================== -->
  99. <!-- All Jquery -->
  100. <!-- ============================================================== -->
  101. <script src="{{ asset('assets/node_modules/jquery/jquery-3.2.1.min.js') }}"></script>
  102. <!-- Bootstrap tether Core JavaScript -->
  103. <script src="{{ asset('assets/node_modules/popper/popper.min.js') }}"></script>
  104. <script src="{{ asset('assets/node_modules/bootstrap/dist/js/bootstrap.min.js') }}"></script>
  105. <!--Custom JavaScript -->
  106. <script type="text/javascript">
  107.     $(function() {
  108.         $(".preloader").fadeOut();
  109.     });
  110.     $(function() {
  111.         $('[data-toggle="tooltip"]').tooltip()
  112.     });
  113.     // ==============================================================
  114.     // Login and Recover Password
  115.     // ==============================================================
  116.     $('#to-recover').on("click", function() {
  117.         $("#loginform").slideUp();
  118.         $("#recoverform").fadeIn();
  119.     });
  120. </script>
  122. </body>
  124. </html>