-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (77 loc) · 4.48 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Portfolio of Mikael</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css" />
</head>
<body>
<div class="container">
<header class="header">
<h3 class="heading-3 header__title">SOFTWARE ENGINEER:</h3>
<h1 class="heading-1 header__name">MIKAEL <br> DIEP</h1>
</header>
<about class="about">
<h4 class="about__title">About me.</h4>
<p class="about__text">
Hello, I'm currently studying software programming in Sweden, Jönköping.
Currently I'm in the second year at LBS however I live in Värnamo which is around 1 and a half hour away from the school.
My two biggest interests at the moment are programming and playing games with friends.
On my spare time I enjoy to spend time with my friends, be that in the form of going to a restaurant or hanging out and watching movies.
</p>
</about>
<img-transition class="img-transition"></img-transition>
<qualities class="qualities">
<div class="quality">
<img src="./img/icons/reliable.svg" class="quality__img" alt="reliable">
<h2 class="heading-2 title-1">Reliable</h2>
<p class="quality__text" >Getting projects done in time is my top priority and is something I expect from me and my co-workers.</p>
</div>
<div class="quality">
<img src="./img/icons/knowledgable.svg" class="quality__img" alt="knowledgable">
<h2 class="heading-2 title-2">Knowledgable</h2>
<p class="quality__text" >Having studied programming since early teen years and being an engineer graduate I'm confident in my provided abilites. </p>
</div>
<div class="quality">
<img src="./img/icons/teamplayer.svg" class="quality__img" alt="teamplayer">
<h2 class="heading-2 title-3">Teamplayer</h2>
<p class="quality__text">Working in projects was one of my strong points in school and it taught me to be both flexible with my team members and hold us firm to our goals.</p>
</div>
</qualities>
<experiences class="experiences">
<figure class="experiences__item--1 experiences__item">
<img src="./img/csharp.jpg" alt="csharp" class="experiences__img">
</figure>
<figure class="experiences__item--2 experiences__item">
<img src="./img/html5.jpg" alt="htmlcss" class="experiences__img">
</figure>
<figure class="experiences__item--3 experiences__item">
<img src="./img/js.jpg" alt="js" class="experiences__img">
</figure>
<figure class="experiences__item--4 experiences__item">
<img src="./img/css3.png" alt="css" class="experiences__img">
</figure>
<figure class="experiences__item--5 experiences__item">
<img src="./img/nodejs.png" alt="nodejs" class="experiences__img">
</figure>
<figure class="experiences__item--6 experiences__item">
<a href="./web-experience.html">
<img src="./img/react.png" alt="reactjs" class="experiences__img">
</a>
</figure>
<figure class="experiences__item--7 experiences__item">
<img src="./img/mongodb.jpg" alt="mongodb" class="experiences__img">
</figure>
</experiences>
<footer class="contact">
<h3 class="header-3 contact__title">Interested? Find me at </h3>
<h1 class="header-1 contact__email">email : mikael.diep@gmail.com</h1>
<h1 class="header-1 contact__github">github : github.com/sifudiep</h1>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="./js/index.js"></script>
</body>
</html>