-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomepagina.html
48 lines (48 loc) · 2.29 KB
/
homepagina.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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,900" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<title>WebLeertaak</title>
</head>
<body>
<nav>
<div id="links">
<a href="homepagina.html" class="active">Home</a>
<a href="profielpagina.html">Profiel</a>
<a href="voortgangpagina.html">Voortgang</a>
</div>
<div class="profilePic">
<div>Jens</div>
<img src="img/blankProfilePic.png" width="50px" height="50px" alt="Profile pic">
</div>
</nav>
<div class="container1">
<h1>Voortgangsmonitor</h1>
<img id="imgHuLogo" src="img/hu-logo.jpg" alt="HU Logo" width="150px" height="150px">
<p>
Deze voortgangsmonitor dient je inzicht te geven in de studievoortgang. Op de <a href="profielpagina.html">Profiel</a> pagina kun je informatie omtrent
de persoon instellen.
<br> Op de <a href="voortgangpagina.html">voortgang</a> pagina kun je vervolgens de vakken invullen, het aantal ECTS ervan en de datum waarop het vak is behaald.<br>
Door op de knop te bereken studietempo te klikken zal vervolgens een diaglovenster verschijnen dat op basis van de ingevoerde informatie het
studietempo berekend.
</p>
<p>
Deze versie van de voortgangsmonitor is echter nog erg beperkt in zijn functionaliteit, omdat het niet zo zeer om de werking ervan gaat,
maar veel meer om goede omzetting van een wireframe naar een HTML, CSS en JS.
</p>
<img id="imgStudenten" src="img/studenten.jpg" alt="Studerende studenten">
</div>
<hr>
<footer>
Deze opdracht is gemaakt in het kader van het vak Analyse & User Interfaces
<p>
<span id="authorSpan">Auteur: Berry Hijwegen</span>
<span id="dateSpan">Datum: 13-2-2019</span>
</p>
</footer>
</body>
</html>