2023-05-07 14:35:49 +02:00
<!DOCTYPE html>
< html >
2023-05-09 11:25:04 +02:00
2023-05-07 14:35:49 +02:00
< head >
< meta lang = "de" / >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "device=device-width, initial-scaling=1" / >
2023-05-16 21:30:30 +02:00
< link rel = "Stylesheet" type = "text/css" href = "style.css" / >
2023-05-07 14:35:49 +02:00
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
2023-05-16 22:44:52 +02:00
< title > Candle Bibliothek | Registrierung< / title >
2023-05-07 14:35:49 +02:00
< / head >
2023-05-09 11:25:04 +02:00
2023-05-07 14:35:49 +02:00
< body >
2023-05-09 11:25:04 +02:00
2023-05-07 14:35:49 +02:00
< header >
2023-05-09 11:25:04 +02:00
< h1 class = "kopf" >
< br > < br >
2023-05-16 21:30:30 +02:00
Bibliothek < a href = "index.html" id = "bildID" > < img id = "CandleID" src = "pictures/candle.png" alt = "Bild von einer Kerze"
width="200" height="192"/> < / a >
2023-05-09 11:25:04 +02:00
< br > < br > Candle
< / h1 >
< div >
< a id = "uberuns" href = "uberUns.html" > Über Uns< / a >
< a id = "buecher" href = "buecher.html" > Bücher< / a >
2023-05-16 22:02:57 +02:00
< a id = "meinebuecher" href = "anmelden_meinebuecher.html" > Meine Bücher< / a >
2023-05-09 11:25:04 +02:00
< form action = "" >
< input class = "suchleiste" type = "search" placeholder = "Suche..." >
< button type = "submit" id = "buttonID" class = "searchButton" > < i class = "fa fa-search" > < / i > < / button >
< / form >
< a id = "erweitertesuche" href = "erweiterteSuche.html" > Erweiterte Suche< / a >
2023-05-16 22:02:57 +02:00
< a href = "anmelden_warenkorb.html" id = "warenKorbID" > < img id = "shoppingCard" src = "pictures/shopingcart.png" alt = "Bild von einem Wagen"
2023-05-09 11:25:04 +02:00
width="50" height="50"/> < / a >
< / div >
2023-05-07 14:35:49 +02:00
< / header >
< div class = "hauptcontainer" >
2023-05-09 18:05:15 +02:00
<!-- Bei action wird später eine php - Datei eingefügt,
welche sich um die Verarbeitung der Daten kümmert.-->
2023-05-09 11:25:04 +02:00
< form id = "registrierungForm" action = "" >
2023-05-07 14:35:49 +02:00
< div class = "container" >
2023-05-07 17:56:06 +02:00
< span id = "registrierungTitel" > Registrierung < / span >
2023-05-07 14:35:49 +02:00
< br >
2023-05-07 16:44:20 +02:00
< p id = "datenSchutzHinweisRegistrierung" > Über diese Webseite werden personenbezogene Daten erhoben und genutzt. Für Details, beziehen Sie sich bite auf die Seite Datenschutz.< / p >
2023-05-09 11:25:04 +02:00
< h4 id = "registrierungAngabenZurRegistrierung" > Angaben zur Registrierung< hr id = "registrierungHr" > < / h4 >
2023-05-07 17:56:06 +02:00
< br >
< div id = "registrierungInputDiv" >
2023-05-09 11:25:04 +02:00
< div class = "field" >
< label for = "vorName" > < b > Vorname< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "text" name = "vorName" id = "vorName" class = "registrierenNormalesTextfeld" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "nachName" > < b > Nachname< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "text" name = "nachName" id = "nachName" class = "registrierenNormalesTextfeld" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "strasse" > < b > Straße und Hausnummer< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "text" name = "strasse" id = "strasse" >
2023-05-09 11:25:04 +02:00
2023-05-09 18:05:15 +02:00
< input type = "text" name = "hausnummer" id = "hausNummer" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "postleitzahl" > < b > Postleitzahl und Ort< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "text" name = "postleitzahl" id = "postleitzahl" >
2023-05-09 11:25:04 +02:00
2023-05-09 18:05:15 +02:00
< input type = "text" name = "ort" id = "ort" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "email" > < b > E-Mail-Adresse< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "email" name = "email" id = "email" class = "registrierenNormalesTextfeld" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "emailRep" > < b > E-Mail-Adresse bestätigen< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "email" name = "emailRep" id = "emailRep" class = "registrierenNormalesTextfeld" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "passwort" > < b > Passwort< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "password" name = "passwort" id = "passwort" class = "registrierenNormalesTextfeld" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
< label for = "passwortRep" > < b > Passwort bestätigen< / b > < / label >
< br >
2023-05-09 18:05:15 +02:00
< input type = "password" name = "passwortRep" id = "passwortRep" class = "registrierenNormalesTextfeld" > < br >
2023-05-09 11:25:04 +02:00
< p id = "errorMessage" > < / p >
< br >
< / div >
< div class = "field" >
2023-05-09 18:05:15 +02:00
< input type = "button" value = "Registrieren" id = "registrierenKnopf" class = "registrierenKnopf" >
2023-05-09 11:25:04 +02:00
< / div >
2023-05-07 17:56:06 +02:00
< br > < br >
< details >
< summary > Sie habe bereits ein Konto?< / summary >
2023-05-16 22:02:57 +02:00
< p id = "registrierenAusklappe" > < a href = "anmelden_warenkorb.html" > Jetzt anmelden< / a > < / p >
2023-05-07 17:56:06 +02:00
< / details >
< / div >
2023-05-07 14:35:49 +02:00
< / 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 >
2023-05-16 22:14:21 +02:00
< 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" >
2023-05-07 14:35:49 +02:00
< div class = "line" > < / div >
< div class = "line" > < / div >
< div class = "line" > < / div >
< / label >
2023-05-07 16:44:20 +02:00
< / div >
< / nav >
2023-05-07 14:35:49 +02:00
< footer class = "fuss" >
< div >
< a id = "impressum" href = "impressum.html" > Impressum< / a >
< a id = "kontakt" href = "kontakt.html" > Kontakt< / a >
< a id = "datenschutz" href = "datenschutz.html" > Datenschutz< / a >
< / div >
< / footer >
2023-05-09 11:25:04 +02:00
< script src = "registrierungVerhalten.js" > < / script >
2023-05-07 14:35:49 +02:00
< / body >
< / html >
