-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofielpagina.html
87 lines (78 loc) · 3.86 KB
/
profielpagina.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<title>Profiel</title>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!--Positions-->
<style>
.alignleft {float: left;}
.alignright {float: right;}
p {text-align: center;}
div.a {text-ident: 50px;}
</style>
<body>
<!--Name and avatar-->
<div class="a w3-container w3-yellow">
<h1 class="alignright" style="font-size:110%"><b>Kevin</b><img src="https://cdn4.iconfinder.com/data/icons/flat-pro-business-set-1/32/people-customer-unknown-512.png" style="width:50px;height:50px;"></h1>
</div>
<!--Buttons-->
<div class="w3-container w3-cell-middle w3-grey">
<button onclick="location.href='homepagina.html'" class="w3-btn w3-round-xlarge w3-hover-blue fill">Home</button>
<button class="w3-btn w3-blue w3-round-xlarge w3-hover-blue w3-background-grey fill">Profiel</button>
<button onclick="location.href='voortgangpagina.html'" class="w3-btn w3-round-xlarge w3-hover-blue fill">Voortgang</button>
</div>
<div style="height:10px" class="w3-container w3-blue"></div>
<!--Body text-->
<div class="w3-container">
<br><h style="font-size:200%"><b>Profiel</b><br></h>
<form id="profiel" action="homepagina.html">
<p class="alignleft">Voornaam:    <input type="text" name="voornaam"></p>
<p class="alignright">Studentnr:  <input type="number" name="studentnr"> </p>
<br><br><br>
<p class="alignleft">Achternaam: <input type="text" name="voornaam"></p>
<p class="alignright">Klas:  
<select>
<option value="V1A">V1A</option>
<option value="V1B">V1B</option>
<option value="V1C">V1C</option>
<option value="V1D">V1D</option>
<option value="V1E">V1E</option>
<option value="V1F">V1F</option>
<option value="V1G">V1G</option>
</select>
</p>
<br><br><br>
<p class="alignleft">Adres:      <input style="height: 100px;" type="text" name="adres"></p>
<p class="alignright">Gekozen Studierichting:   <br>
<input type="radio" name="studierichting" value="SNE"> SNE</input><br>
<input type="radio" name="studierichting" value="BIM"> BIM</input><br>
<input type="radio" name="studierichting" value="SIE" checked> SIE</input><br>
<input type="radio" name="studierichting" value="TI"> TI </input><br>
</p>
<br><br><br><br><br><br>
<p class="alignleft">E-mail:      <input type="email" name="e-mail"></p><br><br><br>
<p class="alignleft">Telefoonnummer: <input type="number" name="telefoonnummer"></p>
<p class="alignright">Foto:       <img src="https://cdn4.iconfinder.com/data/icons/flat-pro-business-set-1/32/people-customer-unknown-512.png" style="width:150px;height:150px;"></p>
<br><br><br><br>
<p class="alignleft">Geslacht:      <input type="radio" name="geslacht" value="man">Man   </input><input type="radio" name="geslacht" value="vrouw">Vrouw</input></P>
<br><br><br>
<p class="alignleft">Geboortedatum <input type="date" id="start" name="trip-start" value="2019-02-11" min="1950-01-01" max="2018-12-31"></p>
<p class="alignright"><button class="w3-btn w3-blue w3-round-xlarge w3-hover-blue w3-background-grey fill">Change</button></p>
<br><br>
</form>
</div>
<!--Black line-->
<div>
<hr style="height:3px;border:none;color:#333;background-color:#333;"/>
</div>
<!--Bottom-->
<footer>
<p><i>Deze opdracht is gemaakt in het kader van het vak Analyse & User Interface<br></i></p>
<p class="alignleft"><i> Auteur: Kevin Goes</i></p>
<p class="alignright"><i>Datum: Februari 2019 </i></p>
</footer>
</body>
</html>