Lars algemeen #53
@@ -1,6 +1,17 @@
|
|||||||
.settings input,
|
.settings .item-box {
|
||||||
.settings textarea {
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.settings-password {
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.settings li {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.settings textarea {
|
||||||
resize: none;
|
resize: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -14,15 +25,10 @@
|
|||||||
.settings input[type="password"],
|
.settings input[type="password"],
|
||||||
.settings input[type="text"],
|
.settings input[type="text"],
|
||||||
.settings input[type="date"],
|
.settings input[type="date"],
|
||||||
.settings input[type="email"],
|
.settings input[type="email"] {
|
||||||
.settings textarea {
|
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings textarea {
|
.settings textarea {
|
||||||
width: 400px;
|
width: calc(100% - 350px);
|
||||||
}
|
|
||||||
|
|
||||||
.settings label[for="bio"] {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
}
|
||||||
@@ -1,3 +1,3 @@
|
|||||||
<footer>
|
<footer>
|
||||||
<p>Copyright © 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span></p>
|
<p>Copyright © 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span> </p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -1,95 +1,125 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="settings">
|
<div class="settings">
|
||||||
<form class="settings-profile platform">
|
<form class="settings-profile platform">
|
||||||
<h5>Profiel Instllingen</h5>
|
<h5>Profiel Instellingen</h5>
|
||||||
<label for="first-name">Voornaam</label>
|
<ul>
|
||||||
<input type="text"
|
<li>
|
||||||
name="first-name"
|
<label for="first-name">Voornaam</label>
|
||||||
id="first-name"
|
<input type="text"
|
||||||
placeholder="Voornaam"
|
name="first-name"
|
||||||
title="Voornaam"
|
id="first-name"
|
||||||
><br />
|
placeholder="Voornaam"
|
||||||
<label for="last-name">Achternaam</label>
|
title="Voornaam"
|
||||||
<input type="text"
|
>
|
||||||
name="last-name"
|
</li>
|
||||||
id="last-name"
|
<li>
|
||||||
placeholder="Lastname"
|
<label for="last-name">Achternaam</label>
|
||||||
><br />
|
<input type="text"
|
||||||
<label for="place">Woonplaats</label>
|
name="last-name"
|
||||||
<input type="text"
|
id="last-name"
|
||||||
name="place"
|
placeholder="Achternaam"
|
||||||
id="place"
|
>
|
||||||
placeholder="Woonplaats"
|
</li>
|
||||||
><br />
|
<li>
|
||||||
<label for="bday">Geboortedatum</label>
|
<label for="place">Woonplaats</label>
|
||||||
<input type="date"
|
<input type="text"
|
||||||
name="bday"
|
name="place"
|
||||||
id="bday"
|
id="place"
|
||||||
placeholder="01/01/1900"
|
placeholder="Woonplaats"
|
||||||
><br />
|
>
|
||||||
<label for="location">Locatie</label>
|
</li>
|
||||||
<input type="text"
|
<li>
|
||||||
name="location"
|
<label for="bday">Geboortedatum</label>
|
||||||
id="location"
|
<input type="date"
|
||||||
placeholder="Locatie"
|
name="bday"
|
||||||
><br />
|
id="bday"
|
||||||
<label for="bio">Bio</label>
|
placeholder="01/01/1900"
|
||||||
<textarea name="bio"
|
>
|
||||||
rows="5"
|
</li>
|
||||||
title="bio"
|
<li>
|
||||||
id="bio"
|
<label for="location">Locatie</label>
|
||||||
></textarea>
|
<input type="text"
|
||||||
<br />
|
name="location"
|
||||||
|
id="location"
|
||||||
<label></label>
|
placeholder="Locatie"
|
||||||
<input type="submit"
|
>
|
||||||
value="Opslaan"
|
</li>
|
||||||
>
|
<li>
|
||||||
|
<label for="bio">Bio</label>
|
||||||
|
<textarea name="bio"
|
||||||
|
rows="5"
|
||||||
|
title="bio"
|
||||||
|
id="bio"
|
||||||
|
></textarea>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label></label>
|
||||||
|
<input type="submit"
|
||||||
|
value="Opslaan"
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<form class="settings-password platform" method="post">
|
<form class="settings-password platform item-box" method="post">
|
||||||
<h5>Verander Wachtwoord</h5>
|
<h5>Verander Wachtwoord</h5>
|
||||||
<br />
|
<ul>
|
||||||
<label>Oud Wachtwoord</label>
|
<li>
|
||||||
<input type="password"
|
<label>Oud wachtwoord</label>
|
||||||
name="password-old"
|
<input type="password"
|
||||||
placeholder="Oud wachtwoord"
|
name="password-old"
|
||||||
><br />
|
placeholder="Oud wachtwoord"
|
||||||
<label>Nieuw wachtword</label>
|
>
|
||||||
<input type="password"
|
</li>
|
||||||
name="password-new"
|
<li>
|
||||||
placeholder="Nieuw wachtwoord"
|
<label>Nieuw wachtwoord</label>
|
||||||
><br />
|
<input type="password"
|
||||||
<label>Bevestig wachtwoord</label>
|
name="password-new"
|
||||||
<input type="password"
|
placeholder="Nieuw wachtwoord"
|
||||||
name="password-confirm"
|
>
|
||||||
placeholder="Bevestig wachtwoord"
|
</li>
|
||||||
><br />
|
<li>
|
||||||
<label></label>
|
<label>Bevestig wachtwoord</label>
|
||||||
<input type="submit"
|
<input type="password"
|
||||||
value="Verander wachtwoord"
|
name="password-confirm"
|
||||||
>
|
placeholder="Bevestig wachtwoord"
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label></label>
|
||||||
|
<input type="submit"
|
||||||
|
value="Verander wachtwoord"
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<form class="settings-email platform" method="post">
|
<form class="settings-email platform item-box" method="post">
|
||||||
<h5>Verander Email</h5>
|
<h5>Verander Email</h5>
|
||||||
<br />
|
<ul>
|
||||||
<label for="email">Nieuw Email</label>
|
<li>
|
||||||
<input type="email"
|
<label for="email">Nieuw Email</label>
|
||||||
name="email"
|
<input type="email"
|
||||||
id="email"
|
name="email"
|
||||||
placeholder="Nieuw Email"
|
id="email"
|
||||||
><br />
|
placeholder="Nieuw Email"
|
||||||
<label for="email-confirm">Bevestig Email</label>
|
>
|
||||||
<input type="email"
|
</li>
|
||||||
name="email-confirm"
|
<li>
|
||||||
id="email-confirm"
|
<label for="email-confirm">Bevestig Email</label>
|
||||||
placeholder="Bevestig Email"
|
<input type="email"
|
||||||
><br />
|
name="email-confirm"
|
||||||
<label></label>
|
id="email-confirm"
|
||||||
<input type="submit"
|
placeholder="Bevestig Email"
|
||||||
value="Verander Email"
|
>
|
||||||
>
|
</li>
|
||||||
|
<li>
|
||||||
|
<label></label>
|
||||||
|
<input type="submit"
|
||||||
|
value="Verander Email"
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
Reference in New Issue
Block a user