signup.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. {% set title = "Criar Conta" %}
  2. {% extends 'layout.html' %}
  3. {% block body %}
  4. <div class="login-container container">
  5. <div class="panel">
  6. <div class="panel-body">
  7. {% if messages.error %}
  8. <div role="alert" class="alert alert-danger">
  9. {% for error in messages.error %}
  10. <div>{{ error.msg }}</div>
  11. {% endfor %}
  12. </div>
  13. {% endif %}
  14. <form method="POST">
  15. <legend>Criar uma conta</legend>
  16. <div class="form-group">
  17. <label for="name">Nome</label>
  18. <input type="text" name="name" id="name" placeholder="Nome" class="form-control" autofocus>
  19. </div>
  20. <div class="form-group">
  21. <label for="email">E-mail</label>
  22. <input type="email" name="email" id="email" placeholder="E-mail" class="form-control">
  23. </div>
  24. <div class="form-group">
  25. <label for="username">Username</label>
  26. <input type="username" name="username" id="username" placeholder="Username" class="form-control">
  27. </div>
  28. <div class="form-group">
  29. <label for="password">Senha</label>
  30. <input type="password" name="password" id="password" placeholder="Senha" class="form-control">
  31. </div>
  32. <div class="form-group">
  33. <!--<small class="text-muted">Criando uma conta, você concorda com os <a href="/">Termos de Uso</a>.</small>-->
  34. </div>
  35. <button type="submit" class="btn btn-success">Criar uma conta</button><hr>
  36. </form>
  37. <div class="text-center">
  38. <div class="text-center">
  39. <a href="/auth/facebook"><button type="submit" class="btn btn-fb">Criar conta com o Facebook</button></a>
  40. <a href="/auth/twitter"><button type="submit" class="btn btn-tw">Criar conta com o Twitter</button></a>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <p class="text-center">
  46. Já possui uma conta? <br><br>
  47. <a href="/login"><button type="submit" class="btn btn-danger">Entre agora</button></a>
  48. </p>
  49. </div>
  50. {% endblock %}