-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (111 loc) · 5.83 KB
/
index.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="nl" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://finestbit.com/portfolio" />
<title>Gijs Peerlings - Portfolio I-Talent</title>
<meta name="description" content="Portfolio voor I-Talent" />
<noscript>
<link rel="stylesheet" type="text/css" href="styles/style.css" /> </noscript>
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'> </head>
<body>
<main>
<nav>
<ul>
<li><a class="active" href="/" title="homepage or index">Home</a></li>
<li><a href="mediaserver.html" title="Mediaserver">Mediaserver</a></li>
<li><a href="buddy.html" title="studdy buddy">Study Buddy</a></li>
<li><a href="hacking.html" title="seminarie hacking">Seminarie hacking</a></li>
<li><a href="dublin.html" title="Studiereis Dublin">Dublin</a></li>
<li><a href="eindreflectie.html" title="Eindreflectie">Eindreflectie</a></li>
</ul>
</nav>
<header class="indexheader">
<div class="titlediv">
<h1>Welkom op mijn portfolio!</h1>
<p>Hieronder zijn vier I-Talent activiteiten die ik heb ingebracht en op de bijhorende pagina's ook zal beschrijven.</p>
</div><img src="images/gijs.jpg" alt="An image of me, serves as a header for the homepage." class="programmer"> </header>
<section>
<h2>GEAUTOMATISEERDE MEDIASERVER</h2>
<p>Al twee jaar heb ik een eigen Plex-server. Dit is een soort van zelfgehoste Netflix of Hulu. Hier probeer ik constant nieuwe dingen op uit.</p>
<form action="mediaserver.html">
<button class="btn" type="submit"><i class="fas fa-caret-square-right"></i> NAAR ARTIKEL</button>
</form>
</section>
<section>
<h2>STUDY BUDDY</h2>
<p>Tijdens de zomervakantie heb ik twee andere studenten geholpen met het vak Web Essentials.</p>
<form action="buddy.html">
<button class="btn" type="submit"><i class="fas fa-caret-square-right"></i> NAAR ARTIKEL</button>
</form>
</section>
<section>
<h2>SEMINARIE HACKING</h2>
<p>Een tijd terug heb ik van Gert van Waeyenberg een seminarie gekregen over wifi-hacking.</p>
<form action="hacking.html">
<button class="btn" type="submit"><i class="fas fa-caret-square-right"></i> NAAR ARTIKEL</button>
</form>
</section>
<section>
<h2>STUDIEREIS DUBLIN</h2>
<p>Vorig jaar heb ik een studiereis gedaan naar Dublin. In deze stad zijn o.a. Google, Facebook en LinkedIn te vinden.</p>
<form action="dublin.html">
<button class="btn" type="submit"><i class="fas fa-caret-square-right"></i> NAAR ARTIKEL</button>
</form>
</section>
<section>
<h2>EINDREFLECTIE</h2>
<p>In de eindreflectie worden alle delen samengebracht en wordt er gereflecteerd op mijn volledige studie en voortgang.</p>
<form action="eindreflectie.html">
<button class="btn" type="submit"><i class="fas fa-caret-square-right"></i> NAAR ARTIKEL</button>
</form>
</section>
</main>
<aside id="footersection">
<article class="footerarticle">
<h3>CONTACTINFORMATIE</h3>
<p><a href="mailto:[email protected]" title="the contact e-mail address">[email protected]</a></p>
<div>
<figure>
<a href="https://www.facebook.com/gijs.peerlings" title="Facebook"><img src="images/fb_logo.png" alt="Facebook"></a>
<figcaption>Voeg me toe
<br>op Facebook!</figcaption>
</figure>
<figure>
<a href="https://twitter.com/gijs159" title="Twitter"><img src="images/twitter_logo.png" alt="twitter"></a>
<figcaption>Volg me
<br>op Twitter!</figcaption>
</figure>
<figure>
<a href="https://www.linkedin.com/in/gijs-peerlings-027843138/" title="LinkedIn"><img src="images/LinkedIn_logo.png" alt="LinkedIn"></a>
<figcaption>Voeg me toe
<br>op LinkedIn!</figcaption>
</figure>
</div>
<p>Om me te contacteren kun je bovenstaande informatie gebruiken.</p>
</article>
<article class="footerarticle">
<h3>OVER MIJ</h3>
<p>In dit deel stel ik mezelf even voor. Ik ben Gijs en op dit moment student bij PXL. </p> <br>
<p>Ik studeer Toegepast Informatica: Systemen en netwerken. Dit is dan ook gelijk een grote hobby. Een andere hobby die ik heb is zwemmen. Als laatste vind ik een film of serie kijken ook altijd wel leuk.</p>
</article>
<article class="footerarticle">
<h3>WAT IS DIT?</h3>
<p>Dit portfolio maakt deel uit van het vak I-Talent dat ik op de Hogeschool PXL krijg.</p>
<br>
<p>Tijdens het vak I-Talent moeten er extracurriculaire activiteiten worden uitgevoerd. Daarna moet er een verslag worden gemaakt. Deze verslagen zijn samengebracht op deze website. </p>
</article>
<script type="text/javascript">
var giftofspeed = document.createElement('link');
giftofspeed.rel = 'stylesheet';
giftofspeed.href = 'styles/style.css';
giftofspeed.type = 'text/css';
var godefer = document.getElementsByTagName('link')[0];
godefer.parentNode.insertBefore(giftofspeed, godefer);
</script>
</aside>
<footer>
<h5>Copyright © 2019 Gijs Peerlings All rights reserved.</h5> <a href="sitemap.html" title="user friendly sitemap">sitemap</a> </footer>
</body>
</html>