diff options
| author | FivePixels <o5pxels@gmail.com> | 2022-03-21 18:49:06 -0500 |
|---|---|---|
| committer | FivePixels <o5pxels@gmail.com> | 2022-03-21 18:49:51 -0500 |
| commit | 996f907fdd00e41b6101ec3eb6bfb40d15d6b442 (patch) | |
| tree | 1ee15636b2b519a214678118357961441460e463 | |
| parent | 428ee3f0350d9149af4e9205001c7a836a5944a5 (diff) | |
| download | Strengthy-996f907fdd00e41b6101ec3eb6bfb40d15d6b442.tar.xz Strengthy-996f907fdd00e41b6101ec3eb6bfb40d15d6b442.zip | |
Add login/register HTML
| -rw-r--r-- | app/templates/user/login.html | 48 | ||||
| -rw-r--r-- | app/templates/user/register.html | 42 |
2 files changed, 86 insertions, 4 deletions
diff --git a/app/templates/user/login.html b/app/templates/user/login.html index 350449a..b0634bb 100644 --- a/app/templates/user/login.html +++ b/app/templates/user/login.html @@ -61,8 +61,52 @@ <!-- Actual content --> {% block content %}{% endblock %} - <p>This is the login page.</p> - + <div class="login"> + <div class="form"> + <section class="hero is-primary is-fullheight"> + <div class="hero-body"> + <div class="container"> + <div class="columns is-centered"> + <div class="column is-5-tablet is-4-desktop is-3-widescreen"> + <h1 class="title is-2">Log in</h1> + <form action="" class="box"> + <div class="field"> + <label for="" class="label">Email</label> + <div class="control has-icons-left"> + <input type="email" placeholder="e.g. bobsmith@gmail.com" class="input" required> + <span class="icon is-small is-left"> + <i class="fa fa-envelope"></i> + </span> + </div> + </div> + <div class="field"> + <label for="" class="label">Password</label> + <div class="control has-icons-left"> + <input type="password" placeholder="*******" class="input" required> + <span class="icon is-small is-left"> + <i class="fa fa-lock"></i> + </span> + </div> + </div> + <div class="field"> + <label for="" class="checkbox"> + <input type="checkbox"> + Remember me + </label> + </div> + <div class="field"> + <button class="button is-success"> + Log in + </button> + </div> + </form> + </div> + </div> + </div> + </div> + </section> + </div> + </div> <!-- TODO: footer --> </body> </html> diff --git a/app/templates/user/register.html b/app/templates/user/register.html index e63ed06..c682ef1 100644 --- a/app/templates/user/register.html +++ b/app/templates/user/register.html @@ -61,8 +61,46 @@ <!-- Actual content --> {% block content %}{% endblock %} - <p>This is the register page.</p> - + <div class="register"> + <div class="form"> + <section class="hero is-primary is-fullheight"> + <div class="hero-body"> + <div class="container"> + <div class="columns is-centered"> + <div class="column is-5-tablet is-4-desktop is-3-widescreen"> + <h1 class="title is-2">Sign up</h1> + <form action="" class="box"> + <div class="field"> + <label for="" class="label">Email</label> + <div class="control has-icons-left"> + <input type="email" placeholder="e.g. bobsmith@gmail.com" class="input" required> + <span class="icon is-small is-left"> + <i class="fa fa-envelope"></i> + </span> + </div> + </div> + <div class="field"> + <label for="" class="label">Password</label> + <div class="control has-icons-left"> + <input type="password" placeholder="*******" class="input" required> + <span class="icon is-small is-left"> + <i class="fa fa-lock"></i> + </span> + </div> + </div> + <div class="field"> + <button class="button is-success"> + Sign up + </button> + </div> + </form> + </div> + </div> + </div> + </div> + </section> + </div> + </div> <!-- TODO: footer --> </body> </html> |