Lars algemeen #53

Merged
11291680 merged 1 commits from lars-algemeen into master 2017-01-16 14:43:34 +01:00
3 changed files with 129 additions and 93 deletions

View File

@@ -1,6 +1,17 @@
.settings input,
.settings textarea {
.settings .item-box {
display: inline-flex;
}
.settings-password {
margin-right: 15px;
}
.settings li {
margin: 5px;
}
.settings textarea {
resize: none;
}
@@ -14,15 +25,10 @@
.settings input[type="password"],
.settings input[type="text"],
.settings input[type="date"],
.settings input[type="email"],
.settings textarea {
.settings input[type="email"] {
width: 200px;
}
.settings textarea {
width: 400px;
}
.settings label[for="bio"] {
vertical-align: middle;
width: calc(100% - 350px);
}

View File

@@ -1,3 +1,3 @@
<footer>
<p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span></p>
<p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span> </p>
</footer>

View File

@@ -1,95 +1,125 @@
<div class="content">
<div class="settings">
<form class="settings-profile platform">
<h5>Profiel Instllingen</h5>
<label for="first-name">Voornaam</label>
<input type="text"
name="first-name"
id="first-name"
placeholder="Voornaam"
title="Voornaam"
><br />
<label for="last-name">Achternaam</label>
<input type="text"
name="last-name"
id="last-name"
placeholder="Lastname"
><br />
<label for="place">Woonplaats</label>
<input type="text"
name="place"
id="place"
placeholder="Woonplaats"
><br />
<label for="bday">Geboortedatum</label>
<input type="date"
name="bday"
id="bday"
placeholder="01/01/1900"
><br />
<label for="location">Locatie</label>
<input type="text"
name="location"
id="location"
placeholder="Locatie"
><br />
<label for="bio">Bio</label>
<textarea name="bio"
rows="5"
title="bio"
id="bio"
></textarea>
<br />
<label></label>
<input type="submit"
value="Opslaan"
>
<h5>Profiel Instellingen</h5>
<ul>
<li>
<label for="first-name">Voornaam</label>
<input type="text"
name="first-name"
id="first-name"
placeholder="Voornaam"
title="Voornaam"
>
</li>
<li>
<label for="last-name">Achternaam</label>
<input type="text"
name="last-name"
id="last-name"
placeholder="Achternaam"
>
</li>
<li>
<label for="place">Woonplaats</label>
<input type="text"
name="place"
id="place"
placeholder="Woonplaats"
>
</li>
<li>
<label for="bday">Geboortedatum</label>
<input type="date"
name="bday"
id="bday"
placeholder="01/01/1900"
>
</li>
<li>
<label for="location">Locatie</label>
<input type="text"
name="location"
id="location"
placeholder="Locatie"
>
</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 class="settings-password platform" method="post">
<form class="settings-password platform item-box" method="post">
<h5>Verander Wachtwoord</h5>
<br />
<label>Oud Wachtwoord</label>
<input type="password"
name="password-old"
placeholder="Oud wachtwoord"
><br />
<label>Nieuw wachtword</label>
<input type="password"
name="password-new"
placeholder="Nieuw wachtwoord"
><br />
<label>Bevestig wachtwoord</label>
<input type="password"
name="password-confirm"
placeholder="Bevestig wachtwoord"
><br />
<label></label>
<input type="submit"
value="Verander wachtwoord"
>
<ul>
<li>
<label>Oud wachtwoord</label>
<input type="password"
name="password-old"
placeholder="Oud wachtwoord"
>
</li>
<li>
<label>Nieuw wachtwoord</label>
<input type="password"
name="password-new"
placeholder="Nieuw wachtwoord"
>
</li>
<li>
<label>Bevestig wachtwoord</label>
<input type="password"
name="password-confirm"
placeholder="Bevestig wachtwoord"
>
</li>
<li>
<label></label>
<input type="submit"
value="Verander wachtwoord"
>
</li>
</ul>
</form>
<form class="settings-email platform" method="post">
<form class="settings-email platform item-box" method="post">
<h5>Verander Email</h5>
<br />
<label for="email">Nieuw Email</label>
<input type="email"
name="email"
id="email"
placeholder="Nieuw Email"
><br />
<label for="email-confirm">Bevestig Email</label>
<input type="email"
name="email-confirm"
id="email-confirm"
placeholder="Bevestig Email"
><br />
<label></label>
<input type="submit"
value="Verander Email"
>
<ul>
<li>
<label for="email">Nieuw Email</label>
<input type="email"
name="email"
id="email"
placeholder="Nieuw Email"
>
</li>
<li>
<label for="email-confirm">Bevestig Email</label>
<input type="email"
name="email-confirm"
id="email-confirm"
placeholder="Bevestig Email"
>
</li>
<li>
<label></label>
<input type="submit"
value="Verander Email"
>
</li>
</ul>
</form>
</div>
</div>