-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (82 loc) · 3.75 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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Vincent</title>
<link rel="icon" href="img/icon.png">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<header>
<nav class="navbar">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li class="lastItem">
<div class="dropdown">
<i class="fas fa-archive fa-1x"></i> <i class="fas fa-angle-down fa-1x"></i>
<div class="dropdown-content">
<a href="index.html">
<i class="fas fa-home fa-2x"></i> HOME
</a>
<a href="">
<i class="fas fa-user-circle fa-2x"></i> PORTFOLIO
</a>
<a href="https://bit.ly/2qyJuuA" target="_blank">
<i class="fab fa-github fa-2x"></i> GITHUB
</a>
<a href="https://www.linkedin.com/in/vincent-goedhart/" target="_blank">
<i class="fab fa-linkedin fa-2x"></i> LINKEDIN
</a>
</div>
</div>
</li>
</ul>
</nav>
</header>
<div class="nav_background"></div>
<aside>
<div class="sidePanel">
<a href="index.html">
<i class="fas fa-home fa-3x"></i>
</a>
<a href="">
<i class="fas fa-user-circle fa-3x"></i>
</a>
<a href="https://bit.ly/2qyJuuA" target="_blank">
<i class="fab fa-github fa-3x"></i>
</a>
<a href="https://www.linkedin.com/in/vincent-goedhart/" target="_blank">
<i class="fab fa-linkedin fa-3x"></i>
</a>
</div>
</aside>
<div class="header">
<div class="headerText">
<h1>Vincent Goedhart</h1>
<p>Applicatie Ontwikkelaar</p>
</div>
</div>
<section>
<div class="sectionIndex_text">
<h1>Welkom op mijn website</h1>
<p>Mijn naam is <span class="highlight">Vincent Goedhart</span> en ik ben geboren op 13 Maart. Deze website is gecreëerd met <span class="highlight"><span class="tooltipBox">HyperText Markup Language (HTML) is een opmaaktaal waarmee je websites kunt maken.</span>HTML</span> en <span class="highlight"><span class="tooltipBox">Cascading Style Sheets (CSS) zorgt voor de style van de website. Bijvoorbeeld dat de tekstgrootte of waar de tekst staat.</span>CSS</span>. Ik zit op het <span class="highlight">'ROC Da Vinci College'</span> waar ik de opleiding <span class="highlight">Applicatie Ontwikkelaar</span> volg. Momenteel is het een leuke opleiding en geniet ik ervan. Dat komt meerderdeels doordat ik het met mijn vrienden mag doen. Ik zou later echt iets willen doen met codes en daarom heb ik voor de opleiding gekozen.</p>
<p>Op mijn website kan je bekijken wat ik heb gedaan en wie ik ben. Aan het linkerkant van uw scherm bevat zich een <span class="highlight">sidebar</span>. Dit is alleen voor de <span class="highlight">Tablet</span> / <span class="highlight">Ipad</span> en <span class="highlight">PC</span> gebruikers. Op de telefoon is de sidebar niet zichtbaar. Met deze sidebar kunt u naar mijn <span class="highlight">projecten</span>, <span class="highlight">LinkedIn</span> en <span class="highlight">portfolio</span> navigeren. Deze sidebar is volledig gecreëerd in HTML en CSS</p>
<p>Bedankt voor het kijken naar mijn website!</p>
</div>
<div class="sectionIndex_image">
<img src="img/portfolio.png" alt="Portfolio">
</div>
</section>
<footer>
<p>© Vincent Goedhart, 2019</p>
</footer>
</body>
</html>