Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
117 lines (98 loc) · 3.76 KB
/
Copy pathindex.html
File metadata and controls
117 lines (98 loc) · 3.76 KB
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
116
117
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio</title>
<link rel="stylesheet" type="text/css" href="css/fontawesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div id="logo">
<a href="#">
<img src="image/logoo.png" alt="Logo">
</a>
</div>
<nav id="main-nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">Over mij</a></li>
<li><a href="#work">Studie</a></li>
<li><a href="#experience">Ervaring</a></li>
<li><a href="#diploma">Diploma</a></li>
<li><a href="#video">video</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="home">
<hr>
<h1>Portfolio</h1>
<h2>Glenn van der Wal</h2>
<a href="#about">
<img src="image/Glenn.png" alt="">
</a>
</section>
<section id="abouttt">
<h3>Over mij</h3>
<hr>
<img src="image/avatar.png" alt="Avatar">
<h4>Glenn / Portfolio</h4>
<p>De meeste mensen kennen mij als een enthousiast en gemotiveerd persoon. Iemand dat houdt van werken met een doel en zijn omgeving daarin mee wilt meenemen. Ik ben serieus als het gaat om mijn werk, omdat ik het goed wil doen en positief op terug wil kijken. Dat geeft me energie en veel motivatie.</p>
</section>
<section id="work">
<h3>Studie</h3>
<hr>
<div id="projects">
<ul>
<li><a href="#"><img src="image/ict1.png" alt="ICT_01"></a></li>
<li><a href="#"><img src="image/ict2.png" alt="ICT_02"></a></li>
<li><a href="#"><img src="image/ict3.png" alt="ICT_03"></a></li>
</ul>
</div>
</section>
<section id="experience">
<h3>Ervaring</h3>
<hr>
<img src="image/expie.png" alt="Avatar">
<p>Nov 2020 – Jan 2021</p>
<p>ICT • Wormerveer • Telecombinatie</p>
<p>• Building a website
• Customer services
• Build & Repair
</p>
</section>
<section id="diploma">
<h3>Diploma</h3>
<hr>
<img src="image/diploma.png" alt="Avatar">
</section>
<section id="video">
<h3>Video</h3>
<div class="video">
<h1 class="Videotext">Video</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</section>
<section id="contact">
<h3>contact</h3>
<hr>
<form>
<input class="input_text" type="email" tabindex="1" placeholder="E-mail"><br>
<input class="input_text" type="text" tabindex="2" placeholder="Onderwerp"><br>
<textarea class="input_text" tabindex="3" placeholder="Bericht"></textarea><br>
<input class="button" type="submit">
</form>
</section>
<footer>
<p>
© 2021-2022 Glenn
</p>
</footer>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="js/Java.js"></script>
</body>
<script src="Java.js"></script>
</html>