templates/auth-two-step-verification.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3.     <head>
  5.         {{ include('partials/title-meta.html.twig', {title: 'Two Step Verification'}) }}
  7.         {{ include('partials/head-css.html.twig') }}
  9.     </head>
  11.     {{ include('partials/body.html.twig') }}
  12.         <div class="auth-page">
  13.             <div class="container-fluid p-0">
  14.                 <div class="row g-0">
  15.                     <div class="col-xxl-3 col-lg-4 col-md-5">
  16.                         <div class="auth-full-page-content d-flex p-sm-5 p-4">
  17.                             <div class="w-100">
  18.                                 <div class="d-flex flex-column h-100">
  19.                                     <div class="mb-4 mb-md-5 text-center">
  20.                                         <a href="{{ path('home') }}" class="d-block auth-logo">
  21.                                             <img src="/images/logo-sm.svg" alt="" height="28"> <span class="logo-txt">Minia</span>
  22.                                         </a>
  23.                                     </div>
  24.                                     <div class="auth-content my-auto">
  25.                                         <div class="text-center">
  27.                                             <div class="avatar-lg mx-auto">
  28.                                                 <div class="avatar-title rounded-circle bg-light">
  29.                                                     <i class="bx bxs-envelope h2 mb-0 text-primary"></i>
  30.                                                 </div>
  31.                                             </div>
  32.                                             <div class="p-2 mt-4">
  33.                     
  34.                                                 <h4>Verify your email</h4>
  35.                                                 <p class="mb-5">Please enter the 4 digit code sent to <span class="fw-bold">example@abc.com</span></p>
  36.                     
  37.                                                 <form>
  38.                                                     <div class="row">
  39.                                                         <div class="col-3">
  40.                                                             <div class="mb-3">
  41.                                                                 <label for="digit1-input" class="visually-hidden">Dight 1</label>
  42.                                                                 <input type="text"
  43.                                                                     class="form-control form-control-lg text-center two-step"
  44.                                                                     maxLength="1"
  45.                                                                     data-value="1"
  46.                                                                     id="digit1-input">
  47.                                                             </div>
  48.                                                         </div>
  49.         
  50.                                                         <div class="col-3">
  51.                                                             <div class="mb-3">
  52.                                                                 <label for="digit2-input" class="visually-hidden">Dight 2</label>
  53.                                                                 <input type="text"
  54.                                                                     class="form-control form-control-lg text-center two-step"
  55.                                                                     maxLength="1"
  56.                                                                     data-value="2"
  57.                                                                     id="digit2-input">
  58.                                                             </div>
  59.                                                         </div>
  60.         
  61.                                                         <div class="col-3">
  62.                                                             <div class="mb-3">
  63.                                                                 <label for="digit3-input" class="visually-hidden">Dight 3</label>
  64.                                                                 <input type="text"
  65.                                                                     class="form-control form-control-lg text-center two-step"
  66.                                                                     maxLength="1"
  67.                                                                     data-value="3"
  68.                                                                     id="digit3-input">
  69.                                                             </div>
  70.                                                         </div>
  71.         
  72.                                                         <div class="col-3">
  73.                                                             <div class="mb-3">
  74.                                                                 <label for="digit4-input" class="visually-hidden">Dight 4</label>
  75.                                                                 <input type="text"
  76.                                                                     class="form-control form-control-lg text-center two-step"
  77.                                                                     maxLength="1"
  78.                                                                     data-value="4"
  79.                                                                     id="digit4-input">
  80.                                                             </div>
  81.                                                         </div>
  82.                                                     </div>
  83.                                                 </form>
  85.                                                 <div class="mt-4">
  86.                                                     <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">Confirm</button>
  87.                                                 </div>
  88.                     
  89.                                                 
  90.                                             </div>
  91.                     
  92.                                         </div>
  94.                                         <div class="mt-5 text-center">
  95.                                             <p class="text-muted mb-0">Didn't receive an email ? <a href="#"
  96.                                                 class="text-primary fw-semibold"> Resend </a> </p>
  97.                                         </div>
  98.                                     </div>
  99.                                     <div class="mt-4 mt-md-5 text-center">
  100.                                         <p class="mb-0">© <script>document.write(new Date().getFullYear())</script> Minia   . Crafted with <i class="mdi mdi-heart text-danger"></i> by Themesbrand</p>
  101.                                     </div>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                         <!-- end auth full page content -->
  106.                     </div>
  107.                     <!-- end col -->
  108.                     <div class="col-xxl-9 col-lg-8 col-md-7">
  109.                         <div class="auth-bg pt-md-5 p-4 d-flex">
  110.                             <div class="bg-overlay bg-primary"></div>
  111.                             <ul class="bg-bubbles">
  112.                                 <li></li>
  113.                                 <li></li>
  114.                                 <li></li>
  115.                                 <li></li>
  116.                                 <li></li>
  117.                                 <li></li>
  118.                                 <li></li>
  119.                                 <li></li>
  120.                                 <li></li>
  121.                                 <li></li>
  122.                             </ul>
  123.                             <!-- end bubble effect -->
  124.                             <div class="row justify-content-center align-items-center">
  125.                                 <div class="col-xl-7">
  126.                                     <div class="p-0 p-sm-4 px-xl-0">
  127.                                         <div id="reviewcarouselIndicators" class="carousel slide" data-bs-ride="carousel">
  128.                                             <div class="carousel-indicators carousel-indicators-rounded justify-content-start ms-0 mb-0">
  129.                                                 <button type="button" data-bs-target="#reviewcarouselIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  130.                                                 <button type="button" data-bs-target="#reviewcarouselIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  131.                                                 <button type="button" data-bs-target="#reviewcarouselIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
  132.                                             </div>
  133.                                             <!-- end carouselIndicators -->
  134.                                             <div class="carousel-inner">
  135.                                                 <div class="carousel-item active">
  136.                                                     <div class="testi-contain text-white">
  137.                                                         <i class="bx bxs-quote-alt-left text-success display-6"></i>
  139.                                                         <h4 class="mt-4 fw-medium lh-base text-white">“I feel confident
  140.                                                             imposing change
  141.                                                             on myself. It's a lot more progressing fun than looking back.
  142.                                                             That's why
  143.                                                             I ultricies enim
  144.                                                             at malesuada nibh diam on tortor neaded to throw curve balls.”
  145.                                                         </h4>
  146.                                                         <div class="mt-4 pt-3 pb-5">
  147.                                                             <div class="d-flex align-items-start">
  148.                                                                 <div class="flex-shrink-0">
  149.                                                                     <img src="/images/users/avatar-1.jpg" class="avatar-md img-fluid rounded-circle" alt="...">
  150.                                                                 </div>
  151.                                                                 <div class="flex-grow-1 ms-3 mb-4">
  152.                                                                     <h5 class="font-size-18 text-white">Richard Drews
  153.                                                                     </h5>
  154.                                                                     <p class="mb-0 text-white-50">Web Designer</p>
  155.                                                                 </div>
  156.                                                             </div>
  157.                                                         </div>
  158.                                                     </div>
  159.                                                 </div>
  161.                                                 <div class="carousel-item">
  162.                                                     <div class="testi-contain text-white">
  163.                                                         <i class="bx bxs-quote-alt-left text-success display-6"></i>
  165.                                                         <h4 class="mt-4 fw-medium lh-base text-white">“Our task must be to
  166.                                                             free ourselves by widening our circle of compassion to embrace
  167.                                                             all living
  168.                                                             creatures and
  169.                                                             the whole of quis consectetur nunc sit amet semper justo. nature
  170.                                                             and its beauty.”</h4>
  171.                                                         <div class="mt-4 pt-3 pb-5">
  172.                                                             <div class="d-flex align-items-start">
  173.                                                                 <div class="flex-shrink-0">
  174.                                                                     <img src="/images/users/avatar-2.jpg" class="avatar-md img-fluid rounded-circle" alt="...">
  175.                                                                 </div>
  176.                                                                 <div class="flex-grow-1 ms-3 mb-4">
  177.                                                                     <h5 class="font-size-18 text-white">Rosanna French
  178.                                                                     </h5>
  179.                                                                     <p class="mb-0 text-white-50">Web Developer</p>
  180.                                                                 </div>
  181.                                                             </div>
  182.                                                         </div>
  183.                                                     </div>
  184.                                                 </div>
  186.                                                 <div class="carousel-item">
  187.                                                     <div class="testi-contain text-white">
  188.                                                         <i class="bx bxs-quote-alt-left text-success display-6"></i>
  190.                                                         <h4 class="mt-4 fw-medium lh-base text-white">“I've learned that
  191.                                                             people will forget what you said, people will forget what you
  192.                                                             did,
  193.                                                             but people will never forget
  194.                                                             how donec in efficitur lectus, nec lobortis metus you made them
  195.                                                             feel.”</h4>
  196.                                                         <div class="mt-4 pt-3 pb-5">
  197.                                                             <div class="d-flex align-items-start">
  198.                                                                 <img src="/images/users/avatar-3.jpg"
  199.                                                                     class="avatar-md img-fluid rounded-circle" alt="...">
  200.                                                                 <div class="flex-1 ms-3 mb-4">
  201.                                                                     <h5 class="font-size-18 text-white">Ilse R. Eaton</h5>
  202.                                                                     <p class="mb-0 text-white-50">Manager
  203.                                                                     </p>
  204.                                                                 </div>
  205.                                                             </div>
  206.                                                         </div>
  207.                                                     </div>
  208.                                                 </div>
  209.                                             </div>
  210.                                             <!-- end carousel-inner -->
  211.                                         </div>
  212.                                         <!-- end review carousel -->
  213.                                     </div>
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                     <!-- end col -->
  219.                 </div>
  220.                 <!-- end row -->
  221.             </div>
  222.             <!-- end container fluid -->
  223.         </div>
  226.         {{ include('partials/vendor-scripts.html.twig') }}
  228.         <!-- two-step-verification js -->
  229.         <script src="/js/pages/two-step-verification.init.js"></script>
  231.     </body>
  233. </html>