96 lines
2.5 KiB
Plaintext
96 lines
2.5 KiB
Plaintext
<div class="row justify-content-center">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<div class="card card-md">
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="text-center mb-4">
|
|
|
|
<h2>🛒 PantryHub</h2>
|
|
|
|
<p class="text-secondary">Account aanmaken</p>
|
|
|
|
</div>
|
|
|
|
<form method="post">
|
|
|
|
<div class="mb-3">
|
|
|
|
<label class="form-label">Volledige naam</label>
|
|
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
name="name"
|
|
placeholder="Jouw naam"
|
|
required>
|
|
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
|
|
<label class="form-label">E-mailadres</label>
|
|
|
|
<input
|
|
type="email"
|
|
class="form-control"
|
|
name="email"
|
|
placeholder="jouw@email.com"
|
|
required>
|
|
|
|
</div>
|
|
|
|
<div class="mb-2">
|
|
|
|
<label class="form-label">Wachtwoord</label>
|
|
|
|
<input
|
|
type="password"
|
|
class="form-control"
|
|
name="password"
|
|
placeholder="Wachtwoord"
|
|
required>
|
|
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label" for="household-code">Huishoudcode (optioneel)</label>
|
|
<input id="household-code" type="text" class="form-control" name="household_code"
|
|
placeholder="bijv. HOUSEHOLD_1" autocomplete="off">
|
|
<div class="form-hint">Vul de code in als je bij een bestaand huishouden wilt aansluiten.</div>
|
|
</div>
|
|
|
|
<div class="form-footer">
|
|
|
|
<button class="btn btn-primary w-100">
|
|
|
|
Account aanmaken
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<div class="text-center">
|
|
|
|
<p class="text-secondary">
|
|
|
|
Al een account?
|
|
|
|
<a href="/login">Inloggen</a>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|