2023-05-07 14:35:49 +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 = "probestyle.css" / >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
< title > Candle Bibliothek< / title >
< / head >
< body >
< header >
< h1 class = "kopf" >
< br > < br >
Bibliothek < a href = "index.html" id = "bildID" > < img id = "CandleID" src = "pictures/Candle.png" alt = "Bild von einer Kerze"
width="200" height="192"/> < / a >
< br > < br > Candle
< / h1 >
< div >
< a id = "uberuns" href = "uberUns.html" > Über Uns< / a >
< a id = "buecher" href = "buecher.html" > Bücher< / a >
< a id = "meinebuecher" href = "meinebuecher.html" > Meine Bücher< / a >
< 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 >
< a href = "warenkorb.html" id = "warenKorbID" > < img id = "shoppingCard" src = "pictures/shopingcart.png" alt = "Bild von einem Wagen"
width="50" height="50"/> < / a >
< / div >
< / header >
< div class = "hauptcontainer" >
< form action = "" >
< div class = "container" >
2023-05-07 16:44:20 +02:00
< span id = "registrierungTitel" > Regestrierung < / 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 >
< h4 id = "registrierungAngabenZurRegistrierung" > Angaben zur Regestrierung< hr id = "registrierungHr" > < / h4 >
2023-05-07 14:35:49 +02:00
< br >
2023-05-07 16:44:20 +02:00
< span id = "registrierungInputSpan" >
2023-05-07 14:35:49 +02:00
< label for = "vorName" > < b > Vorname< / b > < / label >
< br >
2023-05-07 16:44:20 +02:00
< input type = "text" name = "vorName" id = "vorName" class = "registrierenNormalesTextfeld" required >
2023-05-07 14:35:49 +02:00
< br >
< label for = "nachName" > < b > Nachname< / b > < / label >
< br >
2023-05-07 16:44:20 +02:00
< input type = "text" name = "nachName" id = "nachName" class = "registrierenNormalesTextfeld" required >
2023-05-07 14:35:49 +02:00
< br >
< label for = "strasse" > < b > Straße und Hausnummer< / b > < / label >
< br >
< input type = "text" name = "strasse" id = "strasse" required >
< input type = "number" name = "hausnummer" id = "hausNummer" required >
< br >
< label for = "postleitzahl" > < b > Postleitzahl und Ort< / b > < / label >
< br >
< input type = "number" name = "postleitzahl" id = "postleitzahl" required >
< input type = "text" name = "ort" id = "ort" required >
< br >
< label for = "email" > < b > E-Mail-Adresse< / b > < / label >
< br >
2023-05-07 16:44:20 +02:00
< input type = "email" name = "email" id = "email" class = "registrierenNormalesTextfeld" required >
2023-05-07 14:35:49 +02:00
< br >
< label for = "emailRep" > < b > E-Mail-Adresse bestätigen< / b > < / label >
< br >
2023-05-07 16:44:20 +02:00
< input type = "email" name = "emailRep" id = "emailRep" class = "registrierenNormalesTextfeld" required >
2023-05-07 14:35:49 +02:00
< br >
< label for = "passwort" > < b > Passwort< / b > < / label >
< br >
2023-05-07 16:44:20 +02:00
< input type = "password" name = "passwort" id = "passwort" class = "registrierenNormalesTextfeld" required >
2023-05-07 14:35:49 +02:00
< br >
< label for = "passwortRep" > < b > Passwort bestätigen< / b > < / label >
< br >
2023-05-07 16:44:20 +02:00
< input type = "password" name = "passwortRep" id = "passwortRep" class = "registrierenNormalesTextfeld" required >
2023-05-07 14:35:49 +02:00
< br >
< button type = "submit" class = "registrierenKnopf" > Registrieren< / button >
2023-05-07 16:44:20 +02:00
< br > < br >
2023-05-07 16:45:09 +02:00
2023-05-07 16:44:20 +02:00
< details >
< summary > Sie habe bereits ein Konto?< / summary >
< p id = "registrierenAusklappe" > < a href = "anmelden.html" > Jetzt anmelden< / a > < / p >
< / details >
< / span >
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 >
< 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 >
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 >
< / body >
< / html >