anmelden angefangen
parent
e1e7bcd83e
commit
e82a20ad64
|
|
@ -26,44 +26,49 @@
|
|||
<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/shoppingcart.png" alt="Bild von einem Wagen"
|
||||
<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="homepage">
|
||||
<div class="anmeldung">
|
||||
<div class="anmeldung-text">
|
||||
<h1 class="anmeldung-überschrift" >Anmelden</h1>
|
||||
<p id="obererText">Über die Webseite werden personenbezogene Daten erhoben und genutzt.
|
||||
Für Details, beziehen Sie sich bitte auf die Seite <span>Datenschutz</span></p>
|
||||
</div>
|
||||
|
||||
<h1 id="BuchHeader">
|
||||
Anmelden
|
||||
</h1>
|
||||
<p class="p2" id="obererText">Über die Websieite werden personenbenzogene Daten erhoben und genutzt. Für Details, beizhene Sie sich bitte auf die Seite Datenschutz</p>
|
||||
</div>
|
||||
|
||||
<div id="anmeldeInput">
|
||||
<p >Angaben zur Anmeldung</p>
|
||||
<hr style="background-color:#A78766; height: 2px; width: 200px; border: none; position: relative;
|
||||
<div class="anmeldeInput">
|
||||
<h2 class="anmeldung-überschrift">Angaben zur Anmeldung</h2>
|
||||
<hr style="background-color:#A78766; height: 2px; width: 200px; border: none; position: relative;
|
||||
top:3px">
|
||||
|
||||
<div id="AnmeldeInput">
|
||||
|
||||
<p>Karten-ID</p>
|
||||
<input type="text" >
|
||||
</br>
|
||||
</br>
|
||||
<p>Passwort</p>
|
||||
<input type="password" >
|
||||
<a href="" id="anmeldebutton">Anmelden</a>
|
||||
<div>
|
||||
<form class="anmeldung-überschrift" action="anmeldung.php">
|
||||
Karten-ID</br>
|
||||
<input type="text" name="karten-id"></br>
|
||||
Passwort</br>
|
||||
<input type="password" name="password"></br>
|
||||
<input id="anmeldebutton" type="submit" name="submit" value="Anmelden">
|
||||
</form>
|
||||
</div>
|
||||
<div class="anmeldung-ausklappen">
|
||||
<details>
|
||||
<summary>Passwort vergessen / Passwort ändern</summary>
|
||||
<p>Sollten sie Ihr Passwort vergessen haben oder wollen Sie es ändern,
|
||||
kommen Sie bitte mit ihrem Bibliotheksausweis zu uns in die Bibliothek</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>Sie haben noch kein Konto?</summary>
|
||||
<p><a href="registrierung.html">Jetzt registrieren</a></p>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="collapsible">Open Collapsible</button>
|
||||
<div class="content">
|
||||
<p>Lorem ipsum...</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--Link JS file-->
|
||||
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
|
||||
<script>
|
||||
|
|
|
|||
246
probestyle.css
246
probestyle.css
|
|
@ -143,7 +143,6 @@ body{
|
|||
|
||||
}
|
||||
#BuchHeader{
|
||||
|
||||
position: fixed;
|
||||
top: 220px;
|
||||
left: 30px;
|
||||
|
|
@ -918,28 +917,31 @@ font-size: 30px;
|
|||
left: 150px;
|
||||
width: 700px;
|
||||
}
|
||||
/*------ ANMELDEN BEGINS-----*/
|
||||
#obererText{
|
||||
position: fixed;
|
||||
top: 270px;
|
||||
left: 50px;
|
||||
}
|
||||
#anmeldeInput{
|
||||
position: fixed;
|
||||
top: 330px;
|
||||
left: 50px;
|
||||
}
|
||||
#AnmeldeInput{
|
||||
position: relative;
|
||||
top: 3px;
|
||||
|
||||
/*------ ANMELDEN BEGINS-----*/
|
||||
.anmeldung{
|
||||
position: fixed;
|
||||
top: 230px;
|
||||
left: 50px;
|
||||
}
|
||||
.anmeldung-überschrift{
|
||||
font-weight: normal;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.anmeldeInput h2, .anmeldeInput form {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#obererText{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#anmeldebutton{
|
||||
|
||||
position: relative;
|
||||
top: 50px;
|
||||
right:180px;
|
||||
width: 120px;
|
||||
height: 55px;
|
||||
height: 35px;
|
||||
background-color:#664220 ;
|
||||
color:rgb(255, 255, 255);
|
||||
padding-right:15px;
|
||||
|
|
@ -949,9 +951,115 @@ font-size: 30px;
|
|||
text-align: center;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
}
|
||||
/*----- ANMELDEN ENDS-------*/
|
||||
|
||||
/* Regestrierung */
|
||||
|
||||
#regestrierungTitel{
|
||||
position: absolute;
|
||||
font-size: 25px;
|
||||
color: #000;
|
||||
left: 15px;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
#datenSchutzHinweisRegestrierung{
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
left: 25px;
|
||||
top:40px;
|
||||
}
|
||||
|
||||
#regestrierungAngabenZurRegestrierung{
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
left: 25px;
|
||||
top:55px;
|
||||
}
|
||||
|
||||
#regestrierungInputSpan{
|
||||
position: relative;
|
||||
left: 25px;
|
||||
top:55px;
|
||||
}
|
||||
|
||||
#regestrierungHr{
|
||||
position: relative;
|
||||
width: 275px;
|
||||
color: #664220;
|
||||
}
|
||||
|
||||
#vorName{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#nachName{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#strasse{
|
||||
width: 212px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#hausNummer{
|
||||
width: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#postleitzahl{
|
||||
width: 85px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#ort{
|
||||
width: 177px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#email{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#emailRep{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#passwort{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#passwortRep{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.registrierenKnopf{
|
||||
position: relative;
|
||||
width: 120px;
|
||||
height: 35px;
|
||||
background-color:#664220 ;
|
||||
color:rgb(255, 255, 255);
|
||||
padding-right:15px;
|
||||
padding-left: 15px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*Largest Devices*/
|
||||
|
|
@ -1365,108 +1473,6 @@ text-align: center;
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Regestrierung */
|
||||
|
||||
#regestrierungTitel{
|
||||
position: absolute;
|
||||
font-size: 25px;
|
||||
color: #000;
|
||||
left: 15px;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
#datenSchutzHinweisRegestrierung{
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
left: 25px;
|
||||
top:40px;
|
||||
}
|
||||
|
||||
#regestrierungAngabenZurRegestrierung{
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
left: 25px;
|
||||
top:55px;
|
||||
}
|
||||
|
||||
#regestrierungInputSpan{
|
||||
position: relative;
|
||||
left: 25px;
|
||||
top:55px;
|
||||
}
|
||||
|
||||
#regestrierungHr{
|
||||
position: relative;
|
||||
width: 275px;
|
||||
color: #664220;
|
||||
}
|
||||
|
||||
#vorName{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#nachName{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#strasse{
|
||||
width: 212px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#hausNummer{
|
||||
width: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#postleitzahl{
|
||||
width: 85px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#ort{
|
||||
width: 177px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#email{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#emailRep{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#passwort{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#passwortRep{
|
||||
width: 275px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.registrierenKnopf{
|
||||
position: relative;
|
||||
width: 120px;
|
||||
height: 35px;
|
||||
background-color:#664220 ;
|
||||
color:rgb(255, 255, 255);
|
||||
padding-right:15px;
|
||||
padding-left: 15px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue