You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
4.9 KiB
122 lines
4.9 KiB
{% include("_head.html") %}
|
|
|
|
<body class="app app-signup p-0">
|
|
<div class="row g-0 app-auth-wrapper">
|
|
<div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
|
|
<div class="d-flex flex-column align-content-end">
|
|
<div class="app-auth-body mx-auto">
|
|
{% include("_branding.html") %}
|
|
<h2 class="auth-heading text-center mb-4">Sign up to Portal</h2>
|
|
|
|
<div class="auth-form-container text-start mx-auto">
|
|
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div class="app-card alert alert-dismissible shadow-sm mb-4 border-left-decoration">
|
|
{{ messages[0] }}. Go to <a href="{{ url_for('auth.login') }}">login page</a>.
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<form class="auth-form auth-signup-form" method="POST" action="{{ url_for('auth.signup') }}" enctype="multipart/form-data">
|
|
<div class="username mb-3">
|
|
<label class="sr-only" for="signup-name">Your Name</label>
|
|
<input id="signup-name"
|
|
name="username"
|
|
type="text"
|
|
class="form-control signup-name"
|
|
placeholder="Nombre de usuario"
|
|
required="required">
|
|
</div>
|
|
|
|
<div class="email mb-3">
|
|
<label class="sr-only" for="email">Your Email</label>
|
|
<input id="signup-email"
|
|
name="email"
|
|
type="email"
|
|
class="form-control signup-email"
|
|
placeholder="Email"
|
|
required="required">
|
|
</div>
|
|
|
|
<div class="password mb-3">
|
|
<label class="sr-only" for="password">Password</label>
|
|
<input id="signup-password"
|
|
name="password"
|
|
type="password"
|
|
class="form-control signup-password"
|
|
placeholder="Create a password"
|
|
required="required">
|
|
</div>
|
|
|
|
<div class="password mb-3">
|
|
<label class="sr-only" for="confirm_password">Confirm password</label>
|
|
<input id="confirm_password"
|
|
name="confirm_password"
|
|
type="password"
|
|
class="form-control signup-password"
|
|
placeholder="Confirm password"
|
|
required="required">
|
|
</div>
|
|
|
|
<div class="text mb-3">
|
|
<label for="fotoperfil">Foto de perfil:</label>
|
|
<input id="fotoperfil"
|
|
name="fotoperfil"
|
|
type="file"
|
|
class="form-control"
|
|
required="required">
|
|
</div>
|
|
|
|
<!--
|
|
<div class="extra mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="" id="RememberPassword">
|
|
<label class="form-check-label" for="RememberPassword">
|
|
I agree to Portal's <a href="#" class="app-link">Terms of Service</a> and <a href="#" class="app-link">Privacy Policy</a>.
|
|
</label>
|
|
</div>
|
|
</div>//extra-->
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Sign Up</button>
|
|
</div>
|
|
</form><!--//auth-form-->
|
|
|
|
<div class="auth-option text-center pt-5">Already have an account? <a class="text-link" href="{{ url_for('auth.login') }}" >Log in</a></div>
|
|
</div><!--//auth-form-container-->
|
|
|
|
|
|
|
|
</div><!--//auth-body-->
|
|
|
|
<footer class="app-auth-footer">
|
|
<div class="container text-center py-3">
|
|
<!--/* This template is free as long as you keep the footer attribution link. If you'd like to use the template without the attribution link, you can buy the commercial license via our website: themes.3rdwavemedia.com Thank you for your support. :) */-->
|
|
<small class="copyright">Designed with <span class="sr-only">love</span><i class="fas fa-heart" style="color: #fb866a;"></i> by <a class="app-link" href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
|
|
|
|
</div>
|
|
</footer><!--//app-auth-footer-->
|
|
</div><!--//flex-column-->
|
|
</div><!--//auth-main-col-->
|
|
<div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col">
|
|
<div class="auth-background-holder">
|
|
</div>
|
|
<div class="auth-background-mask"></div>
|
|
<div class="auth-background-overlay p-3 p-lg-5">
|
|
<div class="d-flex flex-column align-content-end h-100">
|
|
<div class="h-100"></div>
|
|
<div class="overlay-content p-3 p-lg-4 rounded">
|
|
<h5 class="mb-3 overlay-title">Explore Portal Admin Template</h5>
|
|
<div>Portal is a free Bootstrap 5 admin dashboard template. You can download and view the template license <a href="https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-developers/">here</a>.</div>
|
|
</div>
|
|
</div>
|
|
</div><!--//auth-background-overlay-->
|
|
</div><!--//auth-background-col-->
|
|
|
|
</div><!--//row-->
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|