Files
hspguard/templates/pages/login.html

46 lines
1.3 KiB
HTML

{{ define "content" }}
<link rel="stylesheet" href="/static/css/login.css">
<div class="icon-wrapper">
<img src="/static/icon.png" alt="icon" class="icon">
</div>
<h1 class="modal-title">
Welcome to Home Guard
</h1>
<h3 class="modal-description">
Enter your credentials to access home services and tools.
</h3>
<form method="POST" action="/api/v1/login" class="form">
<div class="input-group">
<div class="input-icon">
@
</div>
<input class="input-field" type="email" name="email" placeholder="Email">
</div>
<div class="input-group">
<div class="input-icon">
<img src="/static/icons/padlock.png" alt="user">
</div>
<input class="input-field" type="password" name="password" placeholder="Password">
</div>
<div class="validation_box" id="validationBox">
<p class="validation_box__msg" id="validationMsg">
</p>
</div>
<div class="success_box" id="successBox">
<p class="success_box__msg" id="successMsg">
</p>
</div>
<button class="button primary login-btn" type="submit">
Login
</button>
<div class="login_link">
Don't have an account? <a href="/register">Register</a>
</div>
</form>
<script src="/static/js/login.js"></script>
{{ end }}