templates/security/login.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3. <head>
  5.     <!-- owl.carousel css -->
  6.     <link rel="stylesheet" href="/libs/owl.carousel/assets/owl.carousel.min.css">
  8.     <link rel="stylesheet" href="/libs/owl.carousel/assets/owl.theme.default.min.css">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.     <meta content="Magento Connector" name="description" />
  11.     <meta content="KodKodKod" name="author" />
  12.     <!-- App favicon -->
  13.     <link rel="shortcut icon" href="https://kodkodkod.studio/build/images/favicon-32x32.2f971a2b.png">
  15.     <!-- Bootstrap Css -->
  16.     <link href="/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
  17.     <!-- Icons Css -->
  18.     <link href="/css/icons.min.css" rel="stylesheet" type="text/css" />
  19.     <!-- App Css-->
  20.     <link href="/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />
  22. </head>
  24. <body class="auth-body-bg">
  26. <div>
  27.     <div class="container-fluid p-0">
  28.         <div class="row g-0">
  30.             <div class="col-xl-9">
  31.                 <div class="auth-full-bg pt-lg-5 p-4">
  32.                     <div class="w-100">
  33.                         <div class="bg-overlay"></div>
  34.                         <div class="d-flex h-100 flex-column">
  36.                             <div class="p-4 mt-auto">
  37.                                 <div class="row justify-content-center">
  38.                                     <div class="col-lg-7">
  39.                                         <div class="text-center">
  41.                                             <h4 class="mb-3"><i class="bx bxs-quote-alt-left text-primary h1 align-middle me-3"></i><span class="text-primary">200</span>+ {{'login.baseline'|trans }}</h4>
  43.                                             <div dir="ltr">
  44.                                                 <div class="owl-carousel owl-theme auth-review-carousel" id="auth-review-carousel">
  45.                                                     <div class="item">
  46.                                                         <div class="py-3">
  47.                                                             <p class="font-size-16 mb-4">"Our values: simplicity, high standards, benevolence, trust, fairness, humility.
  49.                                                                 "</p>
  51.                                                             <div>
  52.                                                                 <h4 class="font-size-16 text-primary">Maxime</h4>
  53.                                                                 <p class="font-size-14 mb-0">- CEO</p>
  54.                                                             </div>
  55.                                                         </div>
  57.                                                     </div>
  59. {#                                                    <div class="item">#}
  60. {#                                                        <div class="py-3">#}
  61. {#                                                            <p class="font-size-16 mb-4">" If Every Vendor on Envato are as supportive as Themesbrand, Development with be a nice experience. You guys are Wonderful. Keep us the good work. "</p>#}
  63. {#                                                            <div>#}
  64. {#                                                                <h4 class="font-size-16 text-primary">nezerious</h4>#}
  65. {#                                                                <p class="font-size-14 mb-0">- Skote User</p>#}
  66. {#                                                            </div>#}
  67. {#                                                        </div>#}
  69. {#                                                    </div>#}
  70.                                                 </div>
  71.                                             </div>
  72.                                         </div>
  73.                                     </div>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.             <!-- end col -->
  82.             <div class="col-xl-3">
  83.                 <div class="auth-full-page-content p-md-5 p-4">
  84.                     <div class="w-100">
  86.                         <div class="d-flex flex-column h-100">
  87.                             <div class="mb-4 mb-md-5">
  88.                                 <a href="{{ path('app_login') }}" class="d-block auth-logo">
  89.                                     <img src="https://kodkodkod.studio/build/images/logo.2af10597.png" alt="" height="100" class="auth-logo-dark">
  90.                                 </a>
  91.                             </div>
  92.                             <div class="my-auto">
  94.                                 <div>
  95.                                     <h5 class="text-primary">Vous revoilà !</h5>
  96.                                     <p class="text-muted">Connectez-vous pour accèder au backoffice</p>
  97.                                     {% if error %}
  98.                                         <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  99.                                     {% endif %}
  100.                                 </div>
  102.                                 <div class="mt-4">
  103.                                     <form action="{{ path('app_login') }}" method="post">
  105.                                         <div class="mb-3">
  106.                                             <label for="username" class="form-label">Email</label>
  107.                                             <input type="text" name="_username" class="form-control" id="username" placeholder="Entrer votre email" value="{{ last_username }}">
  108.                                         </div>
  110.                                         <div class="mb-3">
  111.                                             <div class="float-end">
  112.                                                 <a href="auth-recoverpw-2" class="text-muted">Oubli de mot de passe?</a>
  113.                                             </div>
  114.                                             <label class="form-label">Password</label>
  115.                                             <div class="input-group auth-pass-inputgroup">
  116.                                                 <input  name="_password" type="password" class="form-control" placeholder="Enter password" aria-label="Password" aria-describedby="password-addon">
  117.                                                 <button class="btn btn-light " type="button" id="password-addon"><i class="mdi mdi-eye-outline"></i></button>
  118.                                             </div>
  119.                                         </div>
  121.                                         <div class="form-check">
  122.                                             <input class="form-check-input" type="checkbox" id="remember-check">
  123.                                             <label class="form-check-label" for="remember-check">
  124.                                                 Se souvenir de moi
  125.                                             </label>
  126.                                         </div>
  127.                                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  128.                                         <div class="mt-3 d-grid">
  129.                                             <button class="btn btn-primary waves-effect waves-light" type="submit">Connexion</button>
  130.                                         </div>
  133. {#                                        <div class="mt-4 text-center">#}
  134. {#                                            <h5 class="font-size-14 mb-3">Sign in with</h5>#}
  136. {#                                            <ul class="list-inline">#}
  137. {#                                                <li class="list-inline-item">#}
  138. {#                                                    <a href="javascript::void()" class="social-list-item bg-primary text-white border-primary">#}
  139. {#                                                        <i class="mdi mdi-facebook"></i>#}
  140. {#                                                    </a>#}
  141. {#                                                </li>#}
  142. {#                                                <li class="list-inline-item">#}
  143. {#                                                    <a href="javascript::void()" class="social-list-item bg-info text-white border-info">#}
  144. {#                                                        <i class="mdi mdi-twitter"></i>#}
  145. {#                                                    </a>#}
  146. {#                                                </li>#}
  147. {#                                                <li class="list-inline-item">#}
  148. {#                                                    <a href="javascript::void()" class="social-list-item bg-danger text-white border-danger">#}
  149. {#                                                        <i class="mdi mdi-google"></i>#}
  150. {#                                                    </a>#}
  151. {#                                                </li>#}
  152. {#                                            </ul>#}
  153. {#                                        </div>#}
  155.                                     </form>
  156. {#                                    <div class="mt-5 text-center">#}
  157. {#                                        <p>Don't have an account ? <a href="auth-register-2" class="fw-medium text-primary"> Signup now </a> </p>#}
  158. {#                                    </div>#}
  159.                                 </div>
  160.                             </div>
  162.                             <div class="mt-4 mt-md-5 text-center">
  163.                                 <p class="mb-0">© <script>document.write(new Date().getFullYear())</script>. Fait avec <i class="mdi mdi-heart text-danger"></i> par KodKodKod Studio</p>
  164.                             </div>
  165.                         </div>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.             <!-- end col -->
  172.         </div>
  173.         <!-- end row -->
  174.     </div>
  175.     <!-- end container-fluid -->
  176. </div>
  178. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
  179.         integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
  180.         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  182. <script src="/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  183. <script src="/libs/metismenu/metisMenu.min.js"></script>
  184. <script src="/libs/simplebar/simplebar.min.js"></script>
  185. <script src="/libs/node-waves/waves.min.js"></script>
  187. <!-- owl.carousel js -->
  188. <script src="/libs/owl.carousel/owl.carousel.min.js"></script>
  190. <!-- auth-2-carousel init -->
  191. <script src="/js/pages/auth-2-carousel.init.js"></script>
  193. <!-- App js -->
  194. <script src="/js/app.js"></script>
  196. </body>
  197. </html>