-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (36 loc) · 1.91 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
<!DOCTYPE html>
<html>
<head>
<title>Hi!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<div id="title">
<a href="index.html" id="name">Floris<br>Heinen</a>
</div>
<ul id="tabs">
<li>
<a class="tab-link" href="#">About me</a>
</li>
<li>
<a class="tab-link" href="#">Other stuff</a>
</li>
<li>
<a class="tab-link" href="#">Lorem ipsum</a>
</li>
</ul>
<div id="media-buttons">
<a href="https://github.com/Florisheinen1" class="media-button">
<img class="media-button-image" id="media-button-github" src="resources/github-mark.svg"/>
</a>
<a href="https://www.linkedin.com/in/florisheinen1/" class="media-button">
<img class="media-button-image" id="media-button-linkedin" src="resources/linkedin_logo.png"/>
</a>
</div>
</nav>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo tincidunt tellus at venenatis. Etiam elementum sem vestibulum magna feugiat, pellentesque porttitor tortor posuere. Vivamus ac dui nec nulla rhoncus egestas. Etiam eu velit in felis ultrices tempus. Sed vel nunc ipsum. Maecenas orci lorem, euismod eget nibh vel, tempus aliquet erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam porttitor tempus mauris vitae porta. Phasellus quis vehicula tortor, nec maximus enim. Proin vestibulum in ligula ut tempus. Proin commodo sem eros, a commodo nulla elementum ac. Nunc faucibus vulputate nunc, et imperdiet elit feugiat ac. Morbi eu arcu aliquam, pharetra purus eu, iaculis est.
</div>
</body>
</html>