-
Notifications
You must be signed in to change notification settings - Fork 1
/
hobbies.html
270 lines (264 loc) · 11.8 KB
/
hobbies.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Discover Dawid Olko, an adept Frontend Developer with a passion for creating engaging websites. Dive into his portfolio to see his work on Curiosities Magazine, WidgetMart, and FitnessGym projects. Reach out to Dawid for freelance opportunities." />
<meta
name="keywords"
content="Frontend Developer, portfolio, projects, freelance, studies, blog, Dawid Olko" />
<meta name="author" content="Dawid Olko" />
<meta name="copyright" content="Dawid Olko" />
<link
rel="shortcut icon"
href="src/assets/img/favicon.ico"
type="image/x-icon" />
<link
href="https://fonts.googleapis.com/css2?family=Arizonia&display=swap"
rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="src/css/hobbies.css" />
<script
src="https://kit.fontawesome.com/fdc09ecfc9.js"
crossorigin="anonymous"></script>
<title>HOBBIES - Dawid Olko</title>
</head>
<body>
<nav class="nav">
<div class="nav__body container">
<a href="#" class="nav__logo"
><img
class="nav__img"
src="src/assets/img/Home/Logotype.webp"
alt="Logotype Website" />
dawidolko.pl</a
>
<div class="nav__button">
<img src="src/assets/img/icon_hamburger.png" alt="hamburger" />
</div>
<ul class="nav__links">
<li><a class="nav__link" href="index.html">home</a></li>
<li><a class="nav__link" href="hobbies.html">hobbies</a></li>
<li><a class="nav__link" href="studies.html">studies</a></li>
<li><a class="nav__link" href="projects.html">projects</a></li>
<li><a class="nav__link" href="contact.html">contact</a></li>
<li><a class="nav__link" href="gallery.html">gallery</a></li>
<li><a class="nav__link" href="faq.html">faq</a></li>
<li>
<a class="nav__link nav__link-blog" href="blog.html">blog</a>
</li>
</ul>
</div>
</nav>
<header class="header">
<div class="header__body container">
<p class="header__text">Welcome!</p>
<h1 class="header__heading">HOBBIES</h1>
<div>
<p class="header__content">
See my <span class="header__write"></span>
</p>
</div>
</div>
</header>
<main class="container">
<h2 class="hobbies__heading moves">Hobbies</h2>
<div class="line moves">
<div class="line__green"><span class="line__black"></span></div>
</div>
<!-- Corrected YouTube Video -->
<div class="video-container move">
<div class="content">
<iframe
src="https://www.youtube.com/embed/LQl7f9M2Y-w"
frameborder="0"
allowfullscreen></iframe>
<div class="text-content">
<h2>My gaming computer setup for PLN 6,000</h2>
<p class="description">
Dive with me into the details of my new computer set, which I put
together for PLN 6,000. In this video I'll show you how I selected
components that offer optimal performance and quality for gaming
and creative work. Let's take a closer look at what makes this
piece of equipment not only powerful, but also aesthetically
perfect. Follow me through the process of building, testing and
evaluating how it performs in the latest gaming titles and
everyday tasks. Find out if investing in high-quality components
actually improves the user experience and if it's a set you would
want to have yourself.
</p>
</div>
</div>
</div>
<!-- Placeholder Instagram Photo -->
<div class="photo-container move">
<div class="content">
<div class="text-content">
<h2>My personal command center</h2>
<p class="description">
This is where I spend most of my time creating, playing and
exploring digital worlds. This photo captured my station, the
heart of my daily creativity and productivity. There is harmony on
the desk between aesthetics and functionality - each element has
its place and purpose. The dual-monitor setup allows for seamless
transitions between work and play, and specially selected
equipment ensures comfort and efficiency regardless of the task.
This is where I code, edit, stream and follow the latest trends in
technology.
</p>
</div>
<blockquote
class="instagram-media"
data-instgrm-permalink="https://www.instagram.com/p/ClJ8hR6N1Sy/?img_index=1"
data-instgrm-version="12"></blockquote>
</div>
</div>
<!-- Corrected YouTube Video -->
<div class="video-container move">
<div class="content">
<iframe
src="https://www.youtube.com/embed/EZagYbsGJeU"
frameborder="0"
allowfullscreen></iframe>
<div class="text-content">
<h2>
TOP 5 GAMING HEADPHONES UP TO PLN 150/200/300 | The best
headphones [2021]
</h2>
<p class="description">
Searching for the perfect gaming headphones can be a challenge,
especially when you stick to a specific budget. In this guide, we
present carefully selected TOP 5 gaming headphones that will
provide you with excellent sound quality and wearing comfort, all
in three price categories: up to PLN 150, PLN 200 and PLN 300. We
analyzed the market, testing a variety of models to find those
that stand out in both audio quality and durability. Whether you
are looking for headphones with a microphone with crystal-clear
sound, or your priority is comfort during gaming marathons - we
have proposals that will meet your expectations. Let's go through
the list of the best gaming headphones for every gamer that won't
break the bank in 2021.
</p>
</div>
</div>
</div>
<!-- Placeholder Instagram Photo -->
<div class="photo-container move">
<div class="content">
<div class="text-content">
<h2>Me and my room</h2>
<p class="description">
A reflection of everyday passion: this photo, captured in a
mirror, sheds new light on the space where passion meets everyday
life. My position, visible in the background, is not only a place
of work or entertainment, but also a personal command center,
where every detail has its importance. From the carefully selected
equipment to the placement of each element, this stage reflects
attention to every aspect of use - all to create a space that
inspires new ideas, develops skills and provides relaxation after
a day full of challenges. This is where strategies become reality
and virtual worlds come to life.
</p>
</div>
<blockquote
class="instagram-media"
data-instgrm-permalink="https://www.instagram.com/p/CfhQPJwjIoe/?img_index=1"
data-instgrm-version="12"></blockquote>
</div>
</div>
<!-- Corrected YouTube Video -->
<div class="video-container move">
<div class="content">
<iframe
src="https://www.youtube.com/embed/uuKotb4_GxI"
frameborder="0"
allowfullscreen></iframe>
<div class="text-content">
<h2>
TOP 5 GAMING KEYBOARDS UP TO PLN 200 | Best Keyboards [2021]
</h2>
<p class="description">
The keyboard is the basis of every player's arsenal, and its
choice can significantly affect the comfort and effectiveness of
the game. In this article, we will focus on the TOP 5 gaming
keyboards that combine high functionality and style, all while
maintaining a budget of up to PLN 200. In 2021, the market is full
of keyboards designed specifically for gamers, offering not only
RGB LED and programmable keys, but also reliability and durability
for years. From mechanical to membrane, from minimalist to
feature-packed, we've analyzed the wide range of options available
to bring you a guide to the best keyboards that will let you
dominate your gaming without spending a fortune. Discover with us
keyboards that provide the best value for money on the market.
</p>
</div>
</div>
</div>
<!-- Placeholder Instagram Photo -->
<div class="photo-container move">
<div class="content">
<div class="text-content">
<h2>My computer and its building</h2>
<p class="description">
Under my care: In this photo I proudly hold my computer - not just
a machine, but a tool and partner in my daily electronic odyssey.
Inside its casing lies the power that fuels games, projects, and
endless hours of learning and discovery. Each component was
selected with precision, creating a set that is a reflection of my
ambitions and passions. This command center is as personal as it
is powerful, a space where digital dreams become reality.
</p>
</div>
<blockquote
class="instagram-media"
data-instgrm-permalink="https://www.instagram.com/p/CJZT_ApDKCC/"
data-instgrm-version="12"></blockquote>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__content container">
<p class="footer__text">
Copyright © <span class="footer__date"></span> dawidolko.pl | All
Rights Reserved
</p>
<div class="footer__icons">
<a href="https://www.instagram.com/dawid_olko/" target="_blank"
><i class="footer__icon fa-brands fa-instagram"></i
></a>
<a href="https://github.com/dawidolko" target="_blank"
><i class="footer__icon fa-brands fa-github"></i
></a>
<a href="https://www.facebook.com/olkodawid/" target="_blank"
><i class="footer__icon fa-brands fa-square-facebook"></i
></a>
<a href="https://www.linkedin.com/in/dawidolko/" target="_blank"
><i class="footer__icon fa-brands fa-linkedin"></i
></a>
<a href="https://www.youtube.com/@dawid_olko" target="_blank"
><i class="footer__icon fa-brands fa-youtube"></i
></a>
<a href="https://www.tiktok.com/@dawid_olko" target="_blank"
><i class="footer__icon fa-brands fa-tiktok"></i
></a>
</div>
</div>
</footer>
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
<script src="src/js/contentHobbies.js"></script>
<script src="src/js/index.js"></script>
<script async src="https://www.instagram.com/embed.js"></script>
<script>
// Load Instagram embed script after the page loads
window.onload = function () {
instgrm.Embeds.process();
};
</script>
</body>
</html>