2023-05-26 16:39:10 +02:00
<!DOCTYPE html>
< html >
< head >
< meta lang = "de" / >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "device=device-width, initial-scaling=1" / >
< link rel = "Stylesheet" type = "text/css" href = "style.css" / >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
< title > Candle Bibliothek | Registrierung< / title >
< link rel = "icon" href = "pictures/candle.png" >
2023-06-12 10:30:40 +02:00
< script src = "notwendiges_laden.js" defer > < / script >
2023-05-26 16:39:10 +02:00
< / head >
< body >
2023-06-12 10:30:40 +02:00
< header id = "header" > < / header >
2023-05-26 16:39:10 +02:00
< div class = "hauptcontainer" >
<!-- Bei action wird später eine php - Datei eingefügt,
welche sich um die Verarbeitung der Daten kümmert.-->
< form id = "registrierungForm" action = "" >
< div class = "container" >
< span id = "registrierungTitel" > Registrierung < / span >
< br >
< p id = "datenSchutzHinweisRegistrierung" > Über diese Webseite werden personenbezogene Daten erhoben und genutzt. Für Details, beziehen Sie sich bite auf die Seite Datenschutz.< / p >
< h4 id = "registrierungAngabenZurRegistrierung" > Angaben zur Registrierung< hr id = "registrierungHr" > < / h4 >
< br >
< div id = "registrierungInputDiv" >
< div class = "field" >
< label for = "vorName" > < b > Vorname< / b > < / label >
< br >
< input type = "text" name = "vorName" id = "vorName" class = "registrierenNormalesTextfeld" > < br >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "nachName" > < b > Nachname< / b > < / label >
< br >
< input type = "text" name = "nachName" id = "nachName" class = "registrierenNormalesTextfeld" > < br >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "strasse" > < b > Straße und Hausnummer< / b > < / label >
< br >
< input type = "text" name = "strasse" id = "strasse" >
< input type = "text" name = "hausnummer" id = "hausNummer" > < br >
< p class = "errorMessage" > < / p >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "postleitzahl" > < b > Postleitzahl und Ort< / b > < / label >
< br >
< input type = "text" name = "postleitzahl" id = "postleitzahl" >
< input type = "text" name = "ort" id = "ort" > < br >
< p class = "errorMessage" > < / p >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "email" > < b > E-Mail-Adresse< / b > < / label >
< br >
< input type = "email" name = "email" id = "email" class = "registrierenNormalesTextfeld" > < br >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "emailRep" > < b > E-Mail-Adresse bestätigen< / b > < / label >
< br >
< input type = "email" name = "emailRep" id = "emailRep" class = "registrierenNormalesTextfeld" > < br >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "passwort" > < b > Passwort< / b > < / label >
< br >
< input type = "password" name = "passwort" id = "passwort" class = "registrierenNormalesTextfeld" > < br >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "passwortRep" > < b > Passwort bestätigen< / b > < / label >
< br >
< input type = "password" name = "passwortRep" id = "passwortRep" class = "registrierenNormalesTextfeld" > < br >
< p class = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< input type = "button" value = "Registrieren" id = "registrierenKnopf" class = "registrierenKnopf" >
< / div >
< br > < br >
< details >
< summary > Sie habe bereits ein Konto?< / summary >
< p id = "registrierenAusklappe" > < a href = "anmelden_warenkorb.html" > Jetzt anmelden< / a > < / p >
< / details >
< / div >
< / div >
< / form >
< / div >
<!-- Link JS file -->
< script src = "burgerIcon.js" > < / script >
<!-- If it was small and got big, it calls the function only one time and doesn't do it all the time -->
< script >
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 & & widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800 ) widthissue = true;
})
< / script >
< nav id = "activeid" class = "active" >
< div class = "navLinks" >
< input class = "nav-toggleclass" id = "nav-toggle" type = "checkbox" onclick = "openNav()" ; >
< label for = "nav-toggle" class = "icon-burger" >
< div class = "line" > < / div >
< div class = "line" > < / div >
< div class = "line" > < / div >
< / label >
< / div >
< / nav >
2023-06-12 10:30:40 +02:00
< footer id = "footer" class = "fuss" > < / footer >
2023-05-26 16:39:10 +02:00
< script src = "registrierung_verhalten.js" > < / script >
< / body >
< / html >
