76 lines
2.3 KiB
HTML
76 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./Styles/registrieren/registrieren.css">
|
|
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="./Styles/header_footer/header.css">
|
|
<link rel="stylesheet" href="./Styles/header_footer/footer.css">
|
|
<title>Registrieren</title>
|
|
</head>
|
|
<body>
|
|
<!-- Header -->
|
|
<div id="header-placeholder"></div>
|
|
<script>
|
|
fetch(href="/header")
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
document.getElementById('header-placeholder').innerHTML = data;
|
|
})
|
|
.catch(error => console.error('Fehler beim Laden des Headers:', error));
|
|
</script>
|
|
|
|
<!-- Regestrierungsformular -->
|
|
<div class="wrapper">
|
|
<form action="register.php" method="POST">
|
|
<h1>Registrieren</h1>
|
|
|
|
<div class="input-box">
|
|
<input type="text" name="vorname" placeholder="Vorname" required>
|
|
<i class='bx bxs-user'></i>
|
|
</div>
|
|
<div class="input-box">
|
|
<input type="text" name="nachname" placeholder="Nachname" required>
|
|
<i class='bx bxs-user'></i>
|
|
</div>
|
|
<div class="input-box">
|
|
<input type="email" name="email" placeholder="E-Mail" required>
|
|
<i class='bx bxs-envelope'></i>
|
|
</div>
|
|
<div class="input-box">
|
|
<input type="password" id="regPassword" name="password" placeholder="Passwort" required>
|
|
<i class='bx bxs-lock-alt'></i>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<input type="password" id="confirmPassword" name="confirmPassword" placeholder="Passwort bestätigen" required>
|
|
<i class='bx bxs-lock-alt'></i>
|
|
</div>
|
|
|
|
<!-- Sicherheitsbalken -->
|
|
<div id="passwordStrengthBar" class="password-strength-bar"></div>
|
|
|
|
<button type="submit" class="btn">Registrieren</button>
|
|
|
|
<div class="register-link">
|
|
<br>
|
|
<p>Bereits ein Konto? <a href="/login">Login</a></p>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Fußzeiele -->
|
|
<div id="footer"></div>
|
|
|
|
<script>
|
|
fetch('/footer')
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
document.getElementById('footer').innerHTML = data;
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|