38 lines
2.0 KiB
PHP
38 lines
2.0 KiB
PHP
<main class="auth-wrap">
|
|
<div class="container auth-grid">
|
|
<section class="card auth-card">
|
|
<div class="badge">Login</div>
|
|
<h1 class="mt-1" style="margin: 12px 0;">Willkommen zurück</h1>
|
|
<p class="muted">Melde dich an, um Events zu erstellen, teilzunehmen und dein Profil zu verwalten.</p>
|
|
<form class="stack gap-12" style="margin-top: 14px;">
|
|
<div class="stack gap-6">
|
|
<label class="label" for="loginEmail">E-Mail</label>
|
|
<input id="loginEmail" name="email" class="input" type="email" required placeholder="du@example.com">
|
|
</div>
|
|
<div class="stack gap-6">
|
|
<label class="label" for="loginPassword">Passwort</label>
|
|
<input id="loginPassword" name="password" class="input" type="password" required placeholder="********">
|
|
</div>
|
|
<div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 8px;">
|
|
<label style="display:flex; gap:8px; align-items:center; font-size:14px; color: var(--color-muted);">
|
|
<input type="checkbox" style="width:16px; height:16px;"> Angemeldet bleiben
|
|
</label>
|
|
<a class="text-muted" href="/reset">Passwort vergessen?</a>
|
|
</div>
|
|
<button class="btn block" type="submit">Anmelden</button>
|
|
</form>
|
|
<p class="muted small" style="margin-top: 12px;">Noch kein Konto? <a href="/register">Jetzt registrieren</a></p>
|
|
</section>
|
|
|
|
<aside class="auth-aside">
|
|
<img class="auth-logo" src="/assets/bilder/logo_male.png" alt="Papa-Kind-Treff Logo">
|
|
<h3>Neu hier?</h3>
|
|
<p class="auth-meta">Registriere dich kostenlos, lege dein Profil an und finde Treffen in deiner Nähe. Kinderinfos kannst du später hinzufügen.</p>
|
|
<div class="stack gap-12" style="margin-top: 12px;">
|
|
<a class="btn block" href="/register">Kostenlos registrieren</a>
|
|
<a class="btn ghost block" href="/">Zur Startseite</a>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</main>
|