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.
59 lines
2.0 KiB
59 lines
2.0 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Client Portal - OutsideTheBox</title> |
|
<link rel="stylesheet" href="/static/css/style.css"> |
|
<link rel="stylesheet" href="/static/css/brand.css"><link rel="icon" type="image/png" href="/static/favicon.png"> |
|
</head> |
|
<body> |
|
{% include "includes/site_nav.html" %} |
|
|
|
<div class="portal-shell"> |
|
<div class="portal-card"> |
|
<h1 class="portal-page-title">OutsideTheBox Client Portal</h1> |
|
<p class="portal-sub">Secure access for invoices, balances, and account information.</p> |
|
|
|
{% if portal_message %} |
|
<div class="portal-msg">{{ portal_message }}</div> |
|
{% endif %} |
|
|
|
<form class="portal-form" method="post" action="/portal/login"> |
|
<div> |
|
<label for="email">Email Address</label> |
|
<input id="email" name="email" type="email" placeholder="client@example.com" value="{{ portal_email or '' }}" required> |
|
</div> |
|
|
|
<div> |
|
<label for="credential">Access Code or Password</label> |
|
<input id="credential" name="credential" type="password" placeholder="Enter your one-time access code or password" required> |
|
</div> |
|
|
|
<div class="portal-actions"> |
|
<button class="portal-btn primary" type="submit">Sign In</button> |
|
<a class="portal-btn" href="mailto:support@outsidethebox.top?subject=Customer%20Support">Customer Support</a> |
|
</div> |
|
</form> |
|
|
|
<p> |
|
Need an account? |
|
<a href="/portal/register">Create portal access</a> |
|
</p> |
|
|
|
|
|
<div style="margin-top:15px;"> |
|
<a href="/portal/forgot-password">Forgot your password?</a> |
|
</div> |
|
|
|
<p class="portal-note"> |
|
First-time users should sign in with the one-time access code provided by OutsideTheBox, then set a password. |
|
This access code is single-use and is cleared after password setup. Future logins use your email address and password. |
|
</p> |
|
</div> |
|
</div> |
|
|
|
|
|
{% include "includes/otb_footer.html" %} |
|
</body> |
|
</html>
|
|
|