-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
131 lines (121 loc) · 7.45 KB
/
about.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
<!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">
<meta name="description"
content="Hi, I'm Owen. Nice to meet you. I am a software enigneering student from the Netherlands.">
<title>Owen Selles - About me</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet" />
<link href="assets/css/styles.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light animate__animated animate__fadeInDown">
<div class="container-fluid">
<a class="navbar-brand mb-0 h1" href="/index.html">Owen Selles</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav ms-auto" id="navbar-items">
<a class="nav-link active" href="/about.html">About me</a>
<a class="nav-link" href="/blog.html">Blog</a>
<!-- Delete this page for professional use after assignment -->
<a class="nav-link" href="/faq.html">FAQ</a>
<!-- <a class="nav-link" href="/contact.html">Contact</a> -->
<!-- change to View work when dahsboard isnt needed anymore and use to showcase projects maybe just on downside of landing -->
<button class="btn btn-dark me-2" id="dashboard"
onclick="window.location.href='/dashboard.html';" type="button">Dashboard</button>
</div>
</div>
</div>
</nav>
<div class="socials">
<a href="https://www.linkedin.com/in/owenselles/" target="_blank" class="linkedin-link w-inline-block"><img
src="assets/images/logo-linkedin.webp" loading="lazy" width="24" alt="linkedin"
class="social-icon"></a>
<a href="https://github.com/owenselles" target="_blank" class="github-link w-inline-block"><img
src="assets/images/logo-github.webp" loading="lazy" width="24" alt="github" class="social-icon"></a>
</div>
<div class="container">
<div class="row gx-5 align-items-center" id="intro-row">
<div class="col col-md-auto">
<div class="text-center">
<img src="assets/images/me.webp" loading="lazy" alt="pic-of-me" width="400"
class="pic-rounded img-fluid">
</div>
</div>
<div class="col col-md-5">
<h1 class="heading-big">Hi there!</h1>
<p class="text-big">Fuelled by a passion for technology, I have a deep desire to excel and
continuously improve in my work. Learn more about my journey below.</p>
</div>
</div>
</div>
<div class="container">
<div class="row gx-5 align-items-center" id="text-one">
<div class="col col-lg-5">
<h1 class="heading-medium">About me</h1>
<p class="text-medium">I'm Owen, a 20-year-old student from the Netherlands. When I am not studying
I spend my time working as a team lead at the biggest dutch supermarket called Albert Heijn. I'm
passionate about building software that improves the lives of those around me. I have some
experience in software development, mobile app creation,
front-end/back-end web, graphic design, and cloud management.
</p>
</div>
<div class="col col-lg-5">
<button type="button" class="btn btn-outline-dark">Hard-working</button>
<button type="button" class="btn btn-outline-dark">Leader</button>
<button type="button" class="btn btn-outline-dark">Creative</button>
<button type="button" class="btn btn-outline-dark">Serious</button>
<button type="button" class="btn btn-outline-dark">Helpful</button>
<button type="button" class="btn btn-outline-dark">Curious</button>
<button type="button" class="btn btn-outline-dark">Responsible</button>
</div>
</div>
</div>
<div class="container">
<div class="row gx-5 align-items-center" id="text-one">
<div class="col col-lg-5">
<button type="button" class="btn btn-outline-dark">HTML</button>
<button type="button" class="btn btn-outline-dark">CSS</button>
<button type="button" class="btn btn-outline-dark">Java</button>
<button type="button" class="btn btn-outline-dark">Swift</button>
<button type="button" class="btn btn-outline-dark">SwiftUI</button>
<button type="button" class="btn btn-outline-dark">Kotlin</button>
<button type="button" class="btn btn-outline-dark">Flutter</button>
<button type="button" class="btn btn-outline-dark">Javascript</button>
<button type="button" class="btn btn-outline-dark">Vue</button>
<button type="button" class="btn btn-outline-dark">Scrum</button>
<button type="button" class="btn btn-outline-dark">Firebase</button>
<button type="button" class="btn btn-outline-dark">Google Cloud</button>
<button type="button" class="btn btn-outline-dark">AWS IOT</button>
<button type="button" class="btn btn-outline-dark">Arduino</button>
<button type="button" class="btn btn-outline-dark">MySQL</button>
<button type="button" class="btn btn-outline-dark">Bootstrap</button>
</div>
<div class="col col-lg-5">
<h1 class="heading-medium">My experience so far</h1>
<p class="text-medium">Graduated as an MBO-4 Software developer, studying for my HBO ICT
Bachelor's degree at HZ University of Applied Sciences. Worked for a year as an intern for
Q-Aviation
working on their cloud backend, dashboards, and APIs. Was involved in creating an indoor mapping
application for Scalda and many more projects.
</p>
</div>
</div>
</div>
<div class="container">
<footer class="my-4">
<p class="text-center text-muted" id="copyright">Copyright © 2021 Owen Selles. All rights reserved.</p>
</footer>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>