-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (98 loc) · 5.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, user-scalable=no">
<title>William Söder</title>
<link href="https://fonts.googleapis.com/css2?family=Bungee&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
<script src="mainMobile.js"></script>
</head>
<body>
<p class="test" id="test-0">William</p>
<p class="test hidden" id="test-1">William</p>
<p class="test hidden" id="test-2">William</p>
<p class="test hidden" id="test-3">William</p>
<p class="test hidden" id="test-4">William</p>
<p class="test hidden" id="test-5">William</p>
<p class="test hidden" id="test-6">William</p>
<p class="test hidden" id="test-7">William</p>
<p class="test hidden" id="test-8">William</p>
<p class="test hidden" id="test-9">William</p>
<p class="test hidden" id="test-10">William</p>
<p class="test hidden" id="test-11">William</p>
<p class="test hidden" id="test-12">William</p>
<p class="test hidden" id="test-13">William</p>
<p class="test hidden" id="test-14">William</p>
<p class="test hidden" id="test-15">William</p>
<p class="test hidden" id="test-16">William</p>
<p class="test hidden" id="test-17">William</p>
<p class="test hidden" id="test-18">William</p>
<p class="test hidden" id="test-19">William</p>
<p class="test hidden" id="test-20">William</p>
<p class="test2" id="test2-0">Söder</p>
<p class="test2 hidden" id="test2-1">Söder</p>
<p class="test2 hidden" id="test2-2">Söder</p>
<p class="test2 hidden" id="test2-3">Söder</p>
<p class="test2 hidden" id="test2-4">Söder</p>
<p class="test2 hidden" id="test2-5">Söder</p>
<p class="test2 hidden" id="test2-6">Söder</p>
<p class="test2 hidden" id="test2-7">Söder</p>
<p class="test2 hidden" id="test2-8">Söder</p>
<p class="test2 hidden" id="test2-9">Söder</p>
<p class="test2 hidden" id="test2-10">Söder</p>
<p class="test2 hidden" id="test2-11">Söder</p>
<p class="test2 hidden" id="test2-12">Söder</p>
<p class="test2 hidden" id="test2-13">Söder</p>
<p class="test2 hidden" id="test2-14">Söder</p>
<p class="test2 hidden" id="test2-15">Söder</p>
<p class="test2 hidden" id="test2-16">Söder</p>
<p class="test2 hidden" id="test2-17">Söder</p>
<p class="test2 hidden" id="test2-18">Söder</p>
<p class="test2 hidden" id="test2-19">Söder</p>
<p class="test2 hidden" id="test2-20">Söder</p>
<div id="vl"></div>
<img id="profile-picture" src="profile-picture.png" />
<p id="description">Programmer, web developer,<br id="description-br"/> software enthusiast.</p>
<img id="start-arrow" src="start-arrow.png" />
<div id="section-2">
<img id="sign" src="sign.png" />
<img id="sign-glow" src="sign-glow.png" />
<img id="gradient" src="gradient.png" />
<div id="hello-divider"></div>
<p id="info"><span id="hello"></span><br/><br/></p>
<p id="info-text">I am a programmer from Sweden with a passion for building quality software.<br/><br/>I am currently studying Computer Engineering at <a id="ju" href="https://ju.se/en" target="_blank">Jönköping University</a>. I am still learning, but with knowledge from my education and with my passion for software, I have acquired experience in a range of different fields and technologies.<br/><br/>I would consider myself best at web- and game development, but I am always open to learning new things.</p>
</div>
<div id="section-3">
<p id="technologies">-- Technologies I Know --</p>
<img id="html-grey" src="html-grey.png" />
<img id="css-grey" src="css-grey.png" />
<img id="javascript-grey" src="javascript-grey.png" />
<img id="jquery-grey" src="jquery-grey.png" />
<img id="node-grey" src="node-grey.png" />
<a href="https://expressjs.com" target="_blank"><img id="express" src="express.png" /></a>
<img id="csharp-grey" src="csharp-grey.png" />
<a href="https://unity.com" target="_blank"><img id="unity" src="unity.png" /></a>
<img id="android-grey" src="android-grey.png" />
<img id="kotlin-grey" src="kotlin-grey.png" />
<img id="firebase-grey" src="firebase-grey.png" />
<img id="docker-grey" src="docker-grey.png" />
<img id="mysql-grey" src="mysql-grey.png" />
<a href="https://en.wikipedia.org/wiki/HTML" target="_blank"><img id="html" src="html.png" /></a>
<a href="https://en.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank"><img id="css" src="css.png" /></a>
<a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank"><img id="javascript" src="javascript.png" /></a>
<a href="https://jquery.com" target="_blank"><img id="jquery" src="jquery.png" /></a>
<a href="https://nodejs.org/en" target="_blank"><img id="node" src="node.png" /></a>
<a href="https://en.wikipedia.org/wiki/C_Sharp_(programming_language)" target="_blank"><img id="csharp" src="csharp.png" /></a>
<a href="https://android.com" target="_blank"><img id="android" src="android.png" /></a>
<a href="https://kotlinlang.org" target="_blank"><img id="kotlin" src="kotlin.png" /></a>
<a href="https://firebase.google.com" target="_blank"><img id="firebase" src="firebase.png" /></a>
<a href="https://docker.com" target="_blank"><img id="docker" src="docker.png" /></a>
<a href="https://mysql.com" target="_blank"><img id="mysql" src="mysql.png" /></a>
</div>
</body>
</html>