templates/auth/connexion.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, shrink-to-fit=no">
  6.     <meta name="description" content="Suha - Multipurpose Ecommerce Mobile HTML Template">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="theme-color" content="#ff3c00">
  9.     <meta name="apple-mobile-web-app-capable" content="yes">
  10.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11.     <!-- The above tags *must* come first in the head, any other head content must come *after* these tags -->
  12.     <!-- Title -->
  13.     <title>MR panini - fast-food Africain de panini</title>
  14.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  15.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  16.     <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
  17.     <!-- Favicon -->
  19.     {% block stylesheets %}
  20.             {{ encore_entry_link_tags('app') }}
  21.         
  23.     <link rel="icon" href="{{asset('img/icons/icon-72x72.png')}}">
  24.     <!-- Apple Touch Icon -->
  25.     <link rel="apple-touch-icon" href="{{asset('img/icons/icon-96x96.png')}}">
  26.     <link rel="apple-touch-icon" sizes="152x152" href="{{asset('img/icons/icon-152x152.png')}}">
  27.     <link rel="apple-touch-icon" sizes="167x167" href="{{asset('img/icons/icon-167x167.png')}}">
  28.     <link rel="apple-touch-icon" sizes="180x180" href="{{asset('img/icons/icon-180x180.png')}}">
  29.     <!-- CSS Libraries -->
  30.     <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
  31.     <link rel="stylesheet" href="{{asset('css/animate.css')}}">
  32.     <link rel="stylesheet" href="{{asset('css/all.min.css')}}">
  33.     <link rel="stylesheet" href="{{asset('css/brands.min.css')}}">
  34.     <link rel="stylesheet" href="{{asset('css/solid.min.css')}}">
  35.     <link rel="stylesheet" href="{{asset('css/owl.carousel.min.css')}}">
  36.     <link rel="stylesheet" href="{{asset('css/magnific-popup.css')}}">
  37.     <link rel="stylesheet" href="{{asset('css/nice-select.css')}}">
  38.     <!-- Stylesheet -->
  39.     <link rel="stylesheet" href="{{asset('css/style.css')}}">
  40.     <!-- Web App Manifest -->
  41.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  43.     {% endblock %}
  45.   </head>
  46.   <body>
  47.     
  48.     {% block body %}
  50.     <div class="login-wrapper d-flex align-items-center justify-content-center text-center">
  51.       <!-- Background Shape-->
  52.       <div class="background-shape"></div>
  53.       <div class="container">
  54.         <div class="row justify-content-center">
  55.           <div class="col-10 col-lg-8"><img class="big-logo" src="img/core-img/logo-white.png" width="80px" alt="">
  56.             <!-- Register Form-->
  57.             <div class="register-form mt-5">
  58.               <form  method="POST">
  60.                 {% if error %}
  61.                 <div class="alert alert-danger">
  62.                   {{ error.messageKey|trans(error.messageData, 'security') }}
  63.                 </div>
  64.                 {% endif %}
  66.                 <div class="form-group text-start mb-4"><span>Votre e-mail</span>
  67.                   <label for="username"><i class="fa-solid fa-user"></i></label>
  68.                   <input class="form-control" value="{{ last_username }}" name="email" id="username" type="email" placeholder="monmail@example.com">
  69.                 </div>
  70.                 <div class="form-group text-start mb-4"><span>Votre mot de passe</span>
  71.                   <label for="password"><i class="fa-solid fa-key"></i></label>
  72.                   <input class="form-control" name="password" id="password" type="password" placeholder="Password">
  73.                 </div>
  74.                 <div class="col-6 form-group align-center mt-4">
  76.                   <label for="_remember_me">
  77.                     
  78.                     <input class="form-check-input" id="_remember_me" type="radio" name="_remember_me">
  79.                     Garder ma session active
  80.                   </label>
  81.               
  82.                 </div> <br><br><br>
  85.                 <input type="hidden" name="_csrf_token"
  86.                  value="{{ csrf_token('authenticate') }}" >
  88.                 <button class="btn btn-warning btn-lg w-100" type="submit">Je me connecte à Aide Market</button>
  89.               </form>
  90.             </div>
  91.             <!-- Login Meta-->
  92.             <div class="login-meta-data"><a class="forgot-password d-block mt-3 mb-1" href="#">Vous avez oublié votre mot de passe ?</a>
  93.               <p class="mb-0">Vous n'avez pas de compte ?<a class="mx-1" href="{{path('app_auth')}}">Créer un compte</a></p>
  94.             </div>
  95.             <!-- View As Guest-->
  96.             <div class="login-meta-data">
  97.               <p class="mt-3 mb-0"><a class="mx-1" href="{{ path('app_main') }}">Retour en boutique</a></p>
  98.             </div>
  99.           </div>
  100.         </div>
  101.       </div>
  102.     </div>
  103.     <!-- All JavaScript Files-->
  104.   {% endblock %}
  107.         {% block javascripts %}
  108.             {{ encore_entry_script_tags('app') }}
  109.         
  110.     <!-- All JavaScript Files-->
  111.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  112.     <script src="{{asset('js/jquery.min.js')}}"></script>
  113.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  114.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  115.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  116.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  117.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  118.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  119.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  120.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  121.     <script src="{{asset('js/theme-switching.js')}}"></script>
  122.     <script src="{{asset('js/no-internet.js')}}"></script>
  123.     <script src="{{asset('js/active.js')}}"></script>
  124.     <script src="{{asset('js/pwa.js')}}"></script>
  126.     {% endblock %}
  128.   </body>
  129. </html>