-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (91 loc) · 5.57 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
<!DOCTYPE html>
<html>
<!--https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab-->
<head>
<link rel="stylesheet" href="src/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" type="image/png" href="src/images/favicon-32x32.png" sizes="32x32" />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">
<title> Axel Thor Aspelund</title>
<meta charset="UTF-8"/>
</head>
<body style="margin: 0;">
<section class="hero">
<nav>
<img class ="logo" src="src/images/cat.png">
<ul>
<li> <a class="white" href ="#about-me"> About me</a></li>
<li><a class="white" href ="#projects"> Projects </a></li>
<li><a class="white" href="#contact"> Contact </a> </li>
</ul>
</nav>
<div class="hero-area">
<div class="hero-text">
<h1>Axel Thor </h1>
<p>Engineering student</p>
<div class ="button"> <a class ="white" href="#about-me">
About me
</a> </div>
<div class ="button"> <a class ="white" href="#projects">
Projects
</a> </div>
</div>
<div><a href ="https://github.com/AxelThorAsp/AxelThorAsp.github.io" class ="social">
<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="100" height="100" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
</a>
</div>
</div>
</section>
<section class="sub-section" id="about-me">
<div class="information">
<h2>About this site</h2>
<p>Hello and welcome to my website. Here I will document some of my projects from university.</p>
<h2>About me</h2>
<p>
My name is Axel Thor Aspelund and I am currently studying computer science at The University of Iceland. I'm due to
graduate in June 2023. I graduated summer of 2022 with a bachelor's degree in mechanical engineering.
</p>
<br>
<p>I love programming and solving problems.</p>
<h2>Short CV</h2>
<p class="text">I'm currently working at Landsbankinn as a software engineer along side my studies</p>
<p class="text">Summer of 2021 alongside my University studies I worked for the National University Hospital of Iceland, on a project where I analyzed and quantified the amount of pharmaceutical waste produced as a result of mistreatment, neglect, or expiry. Me and my colleague came up with creative and rigorous frameworks to solve the problem, making use of our programming skills to automate the job for further analysis in the future. This was a sensitive project that we handled well, resulting in substantial structural improvements for the hospital. At the same time, I learned a great deal about working professionally with an established institution and its employees.</p>
<p class="text"> <b>Technical skills include;</b> Python, Java, R, MATLAB, C++, SQL, ANSYS, INVENTOR, LaTeX, HTML.</p>
<p class="text"> <b> Language skills;</b> Icelandic, English and Spanish.</p>
<p class="text"><b>Other skills;</b> Forklift certified.</p>
</div>
<div class="headshot-container">
<img class ="headshot" src="src/me.jpeg" alt="Me">
</div>
</section>
<section class="sub-section-alternative" id="projects">
<h1 >Projects</h1>
<p>Click on title to view</p>
<div class="list-containter">
<ul class="mylist">
<li>
<a class ="project-title" href="projectfour.html"><u>Making a self-watering flower pot with automated light controls</u></a>
</li>
<br>
<li>
<a class = "project-title" href="soup.html"><u>A soup-serving robot</u></a>
</li>
</ul>
</div>
<h1>Tutorials</h1>
<div class="list-containter">
<ul class="mylist">
<li>
<a class="project-title" href="projectone.html"><u>How to host a website on GitHub pages.</u></a>
</li>
</ul>
</div>
</section >
<footer id="contact">
<h2>Contact me</h2>
<p>[email protected]</p>
</footer>
<script src="src/app.js"></script>
</body>
</html>