forked from hotemetoot/uikit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
kapitaal-1.html
69 lines (59 loc) · 3.09 KB
/
kapitaal-1.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
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.22/css/uikit.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css">
<link href="css/uikit-custom.css" rel="stylesheet">
</head>
<body>
<!-- top navigation bar -->
<nav class="uk-navbar-container" uk-navbar>
<div class="uk-navbar-center">
<ul class="uk-navbar-nav">
<li class="uk-active">
<a href="index.html">Studieruimte</a>
</li>
</ul>
</div>
</nav>
<!--small container -->
<div class="uk-section uk-section-muted" uk-height-viewport="expand: true">
<div class="uk-container uk-container-small">
<div class="uk-card uk-card-default">
<div class="uk-card-header">
<h3 class="uk-card-title uk-margin-remove-bottom">Kapitaalsom</h3>
<p>Stap 1: verzamel de belangrijke informatie</p>
</div>
<div class="uk-card-body">
<p>Een kapitaal is <span class="toggle-mark">SRD 12.000,-</span> groot en staat uit tegen <span class="toggle-mark"><span id="frac"></span> %</span> rente per jaar.</p>
<p>Na hoeveel maanden brengt het kapitaal <span class="toggle-mark">SRD 360,-</span> aan rente op?</p>
<ol class="uk-list">
<li>A: 8 maanden</li>
<li>B: 6 maanden</li>
<li>C: 9 maanden</li>
<li>D: 18 maanden</li>
</ol>
<p>Voordat we beginnen met rekenen verzamelen we eerst de meest <button class="uk-button uk-button-default uk-button-small" uk-toggle="target: .toggle-mark; cls: uk-label">belangrijke informatie.</button></p>
</div>
<div class="uk-card-footer uk-flex uk-flex-between">
<a href="index.html" class="uk-button uk-button-text">Vorige</a>
<a href="kapitaal-2.html" class="uk-button uk-button-text">Volgende</a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.22/js/uikit.min.js" integrity="sha256-ZfxNpEyIHFt0qMdwt/+cIhDnyZCykGkVd1uNz6TU/jY="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.22/js/uikit-icons.min.js" integrity="sha256-BtKiVFqAoEVJYnSoG1tt98EQ11R3QjUCB9AtrW+66wo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js"></script>
<script>
katex.render("4\\frac{1}{2}", frac);
</script>
</body>
</html>