-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofile.html
177 lines (169 loc) · 6.69 KB
/
profile.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<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="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/profilestyle.css">
<link rel="icon" type="image/x-icon" href="/resources/logo.png">
<title>My profile</title>
</head>
<body>
<header>
<nav>
<ul class="navigation">
<li>
<img src="/resources/logo.png" alt="Logo" class="logo">
</li>
<li>
<a href="index.html">Homepage</a>
</li>
<li>
<a href="profile.html" class="currentpage">Profile</a>
</li>
<li>
<a href="dashboard.html">Dashboard</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
</li>
</ul>
</nav>
<!--Dropdown for useful links-->
<div class="dropdown">
<a>Important information</a>
<div class="dropdown-content">
<a href="https://hz.nl/over-de-hz/regelingen-documenten-1/onderwijs-en-examenregelingen" target="_blank">Course
and Examination Regulations</a>
<a href="https://hz.nl/uploads/documents/1.4-Over-de-HZ/1.4.3.-Regelingen-en-documenten/OERS/2022-2023/IR-CER-HZ-B-HBO-ICT-full-time-2022-2023-DEF.pdf"
target="_blank">Implementation Regulations</a>
<a href="https://learn.hz.nl/my/" target="_blank">Learn enviroment</a>
<a href="https://teams.microsoft.com/_?culture=en-us&country=WW&lm=deeplink&lmsrc=homePageWeb&cmpid=WebSignIn#/school/teams-grid/General?ctx=teamsGrid"
target="_blank">Teams</a>
<a href="https://hz.osiris-student.nl/#/home" target="_blank">Study progress</a>
<a href="https://github.com/Simon-Manasse?tab=repositories" target="_blank">Github</a>
</div>
</div>
</header>
<main>
<article class="content">
<!-- Logo and Pagename -->
<section class="PageHeader">
<h1 class="PageName">Profile</h1>
</section>
<!-- Main content -->
<!--Profile-->
<div id="profile">
<img src="resources/profilepic.jpeg" alt="Profile Pic" id="ProfilePic">
<p>Name: Simon Manassé</p>
<p>Nationality: Hungarian</p>
<p>Age: 19 years</p>
<p>Languages spoken:</p>
<ul>
<li>Hungarian</li>
<li>English</li>
<li>Swedish</li>
</ul>
</div>
<!--Content-->
<div class="Prologue">
<h2>On this page I will tell you about myself.<br>Let's begin, shall we?</h2>
<p>My name is Simon Manassé and I was born in Hungary. Even though I came to study ICT there are a lot of things
I love to do in my daily life.</p>
</div>
<div>
<h2>Things I'll talk about:</h2>
<ul id="InterestsLinks">
<li><a href="#Dancing">Dancing</a></li>
<li><a href="#Piano">Piano</a></li>
<li><a href="#Psychology">Psychology</a></li>
<li><a href="#Philosophy">Philosophy</a></li>
<li><a href="#Characteristics">My characteristics</a></li>
</ul>
</div>
<div id="Dancing">
<img src="resources/folkDance.png" alt="Dancing" id="DancePic">
<h2>Dancing</h2>
<p>I started dancing when I was 12 years old because I wanted to bond with my culture. I had to stop it after 8
years because I came to The Netherlands to study. The dance was Hungarian National Folk Dancing, which
involves fast movement, and jumping. I hope someday I will be able to continue folk dancing in a group.</p>
</div>
<img src="resources/piano.png" alt="Piano" id="PianoPic">
<div id="Piano">
<h2>Piano</h2>
<p>Piano was a big part of my life since I have been doing it for 12 years. There are more years in my life in
which I played the piano, then in which I didn’t. Piano was a self-expression of some sort for me. It taught
me discipline because if I didn’t practice for a longer period, I couldn’t play to the same degree as before
</p>
</div>
<div id="Psychology">
<h2>Psychology</h2>
<img src="resources/psychology.png" alt="Psychology" id="PsychologyPic">
<p>Being able to read people always fascinated me. The first time I read a book about non-verbal expressions, I
was amazed by it. How can one tell someone’s feeling without talking to them. As the years passed, psychology
grew on me more and more. I started learning and researching it and then I found my main interests over the
time. They are body language (biased by the first experience) and trauma processing. This is one of my beloved
hobbies. </p>
</div>
<div id="Philosophy">
<h2>Philosophy</h2>
<p>I’ve always been an overthinker. I liked the process of thinking, then I stumbled upon philosophy. I started
catching on more and more ideologies (stoicism, hedonism, etc.), then I found my beloved Nietzsche, which
spiraled to finding Arthur Schopenhauer. These two are the base of my own ideology. I’m leaning towards
nihilism, but I don’t agree with everything the ideology says.</p>
</div>
<div>
<h2>Characteristics:</h2>
<p>Every person has their own good and bad characteristics. Now I will tell you 5 from both. I am:</p>
<table id="Characteristics">
<tr>
<th>Positive</th>
<th>Negative</th>
</tr>
<tr>
<td>
<ul>
<li>Very logical</li>
<li>Hard working</li>
<li>Caring</li>
<li>Determined</li>
<li>Good with people</li>
</ul>
</td>
<td>
<ul>
<li>Perfectionist</li>
<li>Cynical</li>
<li>Sarcastic</li>
<li>Critical</li>
<li>Get distracted easily</li>
</ul>
</td>
</tr>
</table>
</div>
</article>
</main>
<footer>
<h1>Contacts</h1>
<table>
<tr>
<th><img src="/resources/phoneico.png" alt="Phoneico" class="ContactIco">Phone number</th>
<th><img src="/resources/adressico.png" alt="Adressico" class="ContactIco">Address</th>
<th><img src="/resources/mailico.png" alt="Mailico" class="ContactIco">Email</th>
</tr>
<tr>
<td>+36 70 326 8502</td>
<td>4382 HK Vlissingen<br>
Joost de Moorstraat 21</td>
<td>[email protected]</td>
</tr>
</table>
</footer>
</body>
</html>