templates/registration/register.html.twig line 1

Open in your IDE?
  1. {% extends 'basic.html.twig' %}
  3. {% block title %}Register{% endblock %}
  5. {% block body %}
  6.     <div class="authentication-bg min-vh-100">
  7.         <div class="bg-overlay bg-white"></div>
  8.         <div class="container">
  9.             <div class="d-flex flex-column min-vh-100 px-3 pt-4">
  10.                 <div class="row justify-content-center my-auto">
  11.                     <div class="col-md-8 col-lg-6 col-xl-4">
  12.                         <div class="text-center py-5">
  13.                             <div class="mb-4 mb-md-5">
  14.                                 <a href="index.html" class="d-block auth-logo">
  15.                                     <img src="{{ asset('/assets/images/logo.png') }}" alt="" height="40" class="auth-logo-dark">
  16.                                 </a>
  17.                             </div>
  18.                             <div class="mb-4">
  19.                                 <h5 class="">Register Account</h5>
  20.                                 <p>Get your free Dashonic account now.</p>
  21.                             </div>
  22.                             {{ form_start(registrationForm) }}
  23.                                 {% for flash_error in app.flashes('verify_email_error') %}
  24.                                     <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  25.                                 {% endfor %}
  27.                                 <div class="form-floating form-floating-custom mb-3">
  28.                                     {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control'}}) }}
  29.                                     <label for="input-email">Email</label>
  30.                                     <div class="form-floating-icon">
  31.                                         <i class="uil uil-envelope-alt"></i>
  32.                                     </div>
  33.                                 </div>
  34.                                 <div class="form-floating form-floating-custom mb-3">
  35.                                     {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'form-control'}}) }}
  36.                                     <label for="floatingPassword">Password</label>
  37.                                     <div class="form-floating-icon">
  38.                                         <i class="uil uil-padlock"></i>
  39.                                     </div>
  40.                                 </div>
  42.                                 <div class="text-start">
  43.                                     <p>{{ form_widget(registrationForm.agreeTerms, {'label': false}) }}
  44.                                     By registering you agree to the Dashonic <a href="#" class="text-decoration-underline">Terms of Use</a></p>
  45.                                 </div>
  47.                                 <div class="mt-3">
  48.                                     <button class="btn btn-info w-100" type="submit">Register</button>
  49.                                 </div>
  50.                             {{ form_end(registrationForm) }}
  52.                             <div class="mt-5 text-center">
  53.                                 <p>Already have an account ? <a href="{{ path('app_login') }}" class="fw-medium text-decoration-underline"> Signin </a></p>
  54.                             </div>
  55.                         </div>
  56.                     </div><!-- end col -->
  57.                 </div><!-- end row -->
  59.                 <div class="row">
  60.                     <div class="col-lg-12">
  61.                         <div class="text-center text-muted p-4">
  62.                             <p class="mb-0">&copy; <script>document.write(new Date().getFullYear())</script> Dashonic. Crafted with <i class="mdi mdi-heart text-danger"></i> by Pichforest</p>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  67.             </div>
  68.         </div><!-- end container -->
  69.     </div>
  70. {% endblock %}