templates/pages/auth/sign-up.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block bodyClass %}Sign up{% endblock %}
  3. {% block title %}Sign up{% endblock %}
  4. {% block body %}
  5.     <section class="sign-in">
  6.         <div class="container">
  7.             <div class="row">
  8.                 <div class="col-12 heading">
  9.                     <h2>Sign up</h2>
  10.                 </div>
  11.             </div>
  12.             <div class="row">
  13.                 <div class="col-lg-12">
  15.                     <form id="sign-up" class="sign-in-form" method="post">
  17.                         <!-- Username input -->
  18.                         <div class="form-outline mb-4">
  19.                             <label class="form-label" for="username">Username</label>
  20.                             <input type="text" id="username" name="username" class="form-control" />
  21.                             <div id="usercheck_wrapper" class="validation-wrapper hide">
  22.                                 <p id="usercheck_message" class="validation-message text-danger text-center">No message</p>
  23.                             </div>
  24.                         </div>
  26.                         <!-- Email input -->
  27.                         <div class="form-outline mb-4">
  28.                             <label class="form-label" for="email">E-mail</label>
  29.                             <input type="email" id="email" name="email" class="form-control" />
  30.                             <div id="emailcheck_wrapper" class="validation-wrapper hide">
  31.                                 <p id="emailcheck_message" class="validation-message text-danger text-center">No message</p>
  32.                             </div>
  33.                         </div>
  35.                         <!-- Password input -->
  36.                         <div class="form-outline mb-4">
  37.                             <label class="form-label" for="password">Password</label>
  38.                             <input type="password" id="password" name="password" class="form-control" />
  39.                             <div id="passcheck_wrapper" class="validation-wrapper hide">
  40.                                 <p id="passcheck_message" class="validation-message text-danger text-center">No message</p>
  41.                             </div>
  42.                         </div>
  44.                         <!-- Password input -->
  45.                         <div class="form-outline mb-4">
  46.                             <label class="form-label" for="password_repeat">Repeat password</label>
  47.                             <input type="password" id="password_repeat" name="password_repeat" class="form-control" />
  48.                             <div id="passconcheck_wrapper" class="validation-wrapper hide">
  49.                                 <p id="passconcheck_message" class="validation-message text-danger text-center">No message</p>
  50.                             </div>
  51.                         </div>
  55.                         <!-- Submit button -->
  56.                         <button type="submit" class="js-sign-up btn btn-primary btn-block mb-4">Sign up</button>
  58.                         <!-- Register buttons -->
  59.                         <div class="text-center">
  60.                             <p>Already member? You can <a href="{{ path('login') }}">Sign in here</a></p>
  61. {#                            <p>or sign up with:</p>#}
  62. {#                            <button type="button" class="btn btn-link btn-floating mx-1">#}
  63. {#                                <i class="fab fa-facebook-f"></i>#}
  64. {#                            </button>#}
  66. {#                            <button type="button" class="btn btn-link btn-floating mx-1">#}
  67. {#                                <i class="fab fa-google"></i>#}
  68. {#                            </button>#}
  70. {#                            <button type="button" class="btn btn-link btn-floating mx-1">#}
  71. {#                                <i class="fab fa-twitter"></i>#}
  72. {#                            </button>#}
  74. {#                            <button type="button" class="btn btn-link btn-floating mx-1">#}
  75. {#                                <i class="fab fa-github"></i>#}
  76. {#                            </button>#}
  77.                         </div>
  78.                     </form>
  79.                 </div>
  80.             </div>
  81.         </div>
  83.     </section>
  85. {% endblock %}