-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
501 lines (408 loc) · 21.7 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
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
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta name="description" content="Wizytówka Sebastian Jajeśnica. Nowoczesne CV wraz z portfolio.">
<meta name="keywords" content="Sebastian, Jajeśnica, wizytówka, cv, IT, konstruktor ">
<meta name="author" content="Sebastian Jajeśnica">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="./assets/img/ico.svg">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<title>Sebastian Jajeśnica</title>
</head>
<body>
<header>
<div class="flex-main-container-header">
<a href="#me" >
<img class="header-logo" src="assets/img/logo.png" alt="logo" />
</a>
<nav class="flex-container-header">
<a href="#exp">Doświadczenie</a>
<a href="#skills">Umiejętności</a>
<a href="#hobby">Hobby</a>
<a href="#contact">Kontakt</a>
</nav>
</div>
</header>
<main>
<section class="hero"></section>
<section id="me" class="aboutme default-section">
<div class="aboutme-photo-container">
<img src="./assets/img/cvzdj.png" alt="Sebastian Jajeśnica. Zdjęcie do dokumentu." >
<h1 class="photo-name">sebastian jajeśnica</h1>
<h2 class="photo-title">magister inżynier<br>konstruktor</h2>
</div>
<div>
<p class="aboutme-text">
Jestem absolwentem Mechaniki i Budowy Maszyn. Podczas mojej pracy zawodowej pracowałem na stanowiskach, gdzie wymagane było modelowanie w 3D. Jest to dziedzina moich zainteresowań w której z każdym dniem pragnę się rozwijać i odkrywać nowe ciekawe funkcje.
<br><br>
Dzięki temu chcę być zdolny do projektowania najnowszych rozwiązań dla przemysłu. Lubię udoskonalać swoją pracę poprzez używanie makr w języku VBA, dzięki którym moja praca staje się szybsza oraz bardziej efektywna.
<br><br>
Z czasem okazało się, że programowanie to nie tylko pomoc w aktualnej pracy, ale również swego rodzaju hobby. Dzięki temu ile radości sprawiają mi widoczne efekty programowania stwierdziłem, że chcę się rozwijać w tej dziedzinie i dążyć do tego, aby hobby stało się również sposobem na życie.
<br><br>
</p>
<p class="smile">😀</p>
</div>
</section>
<section id="exp" class="exp default-section">
<h2 class="description-exp">doświadczenie zawodowe</h2>
<div class="exp-main-container">
<div class="exp-inside-container">
<p class="exp-time">10.2019 - obecnie „nVent”</p>
<p class="exp-title">Inżynier konstruktor</p>
<ul class="exp-text">
<li>Praca w dziale R&D</li>
<li>Wykonywanie modeli 3D w SolidWorks</li>
<li>Modyfikacja detali w modelach 3D</li>
<li>Wykonywanie dokumentacji technicznej</li>
<li>Zwiększenie samodzielności wykonywanych obowiązków</li>
<li>Sprawdzanie danych w systemie ERP – SAP</li>
<li>Rozwój nowych produktów – wdrażanie i testowanie nowych rozwiązań</li>
<li>Wprowadzanie w swoje projekty makr pisanych w języku VBA</li>
<li>Współpraca w międzynarodowym zespole (Francja, USA)</li>
</ul>
</div>
<div class="exp-inside-container">
<p class="exp-time">07.2018 - 10.2019 „nVent”</p>
<p class="exp-title">Młodszy inżynier konstruktor</p>
<ul>
<div class="exp-text">
<li>Praca w dziale R&D</li>
<li>Wykonywanie modeli 3D w SolidWorks</li>
<li>Modyfikacja detali w modelach 3D</li>
<li>Wykonywanie dokumentacji technicznej</li>
<li>Praca z systemem ERP - J.D. Edwards</li>
<li>Tworzenie instrukcji montażu do poszczególnych elementów</li>
<li>Tworzenie prototypów danych produktów</li>
<li>Przeprowadzanie testów prototypów</li>
<li>Współpraca w międzynarodowym zespole (Francja, USA)</li>
</div>
</ul>
</div>
<div class="exp-inside-container">
<p class="exp-time">07.2017 - 09.2017 „Moy Park” (Wielka Brytania)</p>
<p class="exp-title">Pracownik lini produkcyjnej</p>
<ul>
<div class="exp-text">
<li>Praca na wielu różnych stanowiskach pracy fizycznej</li>
<li>Doskonalenie języka angielskiego</li>
<li>Współpraca z międzynarodowym zespołem pracowniczym</li>
<li>Poznanie wielu rozwiązań konstrukcyjnych</li>
</div>
</ul>
</div>
<div class="exp-inside-container">
<p class="exp-time">07.2016 - 08.2016 „Broen”</p>
<p class="exp-title">Praktykant</p>
<ul>
<div class="exp-text">
<li>Wykonanie prostego projektu</li>
<li>Zmiany rysunków technicznych w programie SolidWorks</li>
<li>Wykonywanie rysunków technicznych drobnych elementów</li>
<li>Zapoznanie się z urządzeniami CNC</li>
<li>Wykonywanie dokumentacji różnych rozwiązań technologicznych w zaworach</li>
</div>
</ul>
</div>
</div>
</section>
<section id="skills" class="skills default-section">
<h2 class="description-skills">umiejętności</h2>
<div class="card red">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 95"></circle>
</svg>
<div class="card-number">
<h4>95<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>SOLIDWORKS</h3>
</div>
</div>
<div class="card green">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 80"></circle>
</svg>
<div class="card-number">
<h4>80<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>INVENTOR</h3>
</div>
</div>
<div class="card blue">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 75"></circle>
</svg>
<div class="card-number">
<h4>75<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>AUTO CAD</h3>
</div>
</div>
<div class="card black">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 75"></circle>
</svg>
<div class="card-number">
<h4>75<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>SIEMENS NX</h3>
</div>
</div>
<div class="card orange">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 70"></circle>
</svg>
<div class="card-number">
<h4>65<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>MSC ADAMS</h3>
</div>
</div>
<div class="card yellow">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 65"></circle>
</svg>
<div class="card-number">
<h4>65<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>J.D. EDWARDS</h3>
</div>
</div>
<div class="card red">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 60"></circle>
</svg>
<div class="card-number">
<h4>60<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>SOLID EDGE</h3>
</div>
</div>
<div class="card green">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 55"></circle>
</svg>
<div class="card-number">
<h4>55<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>HTML</h3>
</div>
</div>
<div class="card blue">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 55"></circle>
</svg>
<div class="card-number">
<h4>55<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>CSS</h3>
</div>
</div>
<div class="card black">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 45"></circle>
</svg>
<div class="card-number">
<h4>45<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>JAVASCRIPT</h3>
</div>
</div>
<div class="card orange">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 40"></circle>
</svg>
<div class="card-number">
<h4>45<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>VBA</h3>
</div>
</div>
<div class="card yellow">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 40"></circle>
</svg>
<div class="card-number">
<h4>40<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>C++</h3>
</div>
</div>
<div class="card red">
<div class="card-percent">
<svg>
<circle cx="105" cy="105" r="100"></circle>
<circle cx="105" cy="105" r="100" style="--percent: 35"></circle>
</svg>
<div class="card-number">
<h4>35<span>%</span></h4>
</div>
</div>
<div class="card-title">
<h3>MATLAB</h3>
</div>
</div>
</section>
<section id="hobby" class="hobby default-section">
<h2 class="description-hobby">hobby</h2>
<div class="hobby-container-main">
<div class="hobby-container">
<p class="container-description-hobby">NARCIARSTWO</p>
<div class="hobby-container-inside">
<img src="./assets/img/hobbySki1.jpg" alt="Stok narciarski z widokiem na góry. Widać również stację narciarską." >
<p>Jednym z mich hobby jest narciarstwo. Od najmłodszych lat rodzice nauczyli mnie jak się jeździ na nartach. Piękne widoki towarzyszące takiej aktywności oraz obcowanie z naturą sprawiają, że każdy wyjazd jest niezapomniany. Ogromną sympatią darzę stoki w północnych Włoszech jednakże polskie góry na zawsze pozostaną w mojej pamięci jako te na których zdobywałem pierwsze narciarskie szlify.</p>
</div>
</div>
<div class="hobby-container">
<p class="container-description-hobby">KOLARSTWO</p>
<div class="hobby-container-inside">
<img src="./assets/img/hobbyCycle1.jpg" alt="Dwaj kolarze poruszają się na rowerach. W oddali widać góry." >
<p>Kolejnym z moich zamiłowań jest kolarstwo. Mieszkam blisko gór, stąd mam łatwy dostęp do malowniczych tras, gdzie można odpocząć od zgiełku miasta oraz się zrelaksować. Uwielbiam jeździć na rowerze w góry, jednakże jak do tej pory robię to tylko po szosie, a nie w terenie. W przyszłości myślę, aby zacząć jeździć również po górach w terenie.</p>
</div>
</div>
<div class="hobby-container">
<p class="container-description-hobby">PROGRAMOWANIE</p>
<div class="hobby-container-inside">
<img src="./assets/img/hobbyProgramming1.jpg" alt="Monitor z kodem. Na pierwszym tle widać okulary, przez które dół obrzka jest widoczny w bardziej ostry sposób." >
<p>Tak jak wspomniałem w moim opisie, programowanie stało się moim hobby. Dzieje się tak dlatego, że w krótkim czasie mogę zobaczyć efekty swojej pracy i sprawia mi to niebywałą radość. Ponadto jeśli mogę zautomatyzować jakieś procesy, dzięki czemu mam więcej czasu na inne zadania lub odpoczynek to jest to coś wspaniałego, gdyż wyręcza mnie to z nudnych, żmudnych obowiązków.</p>
</div>
</div>
<div class="hobby-container">
<p class="container-description-hobby">KRYMINAŁY</p>
<div class="hobby-container-inside">
<img src="./assets/img/hobbyCrime1.jpg" alt="Otwarta książka." >
<p>Jedną z metod w jaki lubię się relaksować jest czytanie powieści kryminalnych. Uwielbiam w trakcie czytania próbować przewidzieć kto jest sprawcą jakiegoś przestępstwa, lub jaka zagadka kryje się za przedstawionymi wydarzeniami. Moim ulubionym autorem jest Harlan Coben. Przeczytałem już większość jego publikacji. Jednak jeszcze trochę zostało, więc jak znajdę chwile czasu to zabieram się za czytanie! </p>
</div>
</div>
</div>
</section>
<section id="contact" class="contact default-section">
<h2 class="description-contact">Skontaktuj się ze mną !</h2>
<form action="index.html" method="GET">
<div class="form-one-container">
<label>Podaj imię:<br><input type="text" name="Name" placeholder="Imię" required></label>
<label>Podaj nazwisko:<br><input type="text" name="Surname" placeholder="Nazwisko" required></label>
<fieldset class="sex">
<legend>Wybierz płeć:</legend>
<div class="sex-type">
<input type="radio" id="female" name="sex" value="female" required>
<label for="female">Kobieta</label>
</div>
<div class="sex-type">
<input type="radio" id="male" name="sex" value="male">
<label for="male">Mężczyzna</label>
</div>
</fieldset>
<label>Podaj numer telefonu:<br><input type="tel" name="Phone" placeholder="123-456-789" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required></label>
<label>Podaj adres email:<br><input type="email" name="Email" placeholder="example@email.com" required></label>
</div>
<div class="form-two-container">
<label>Treść:<br><textarea name="Text" placeholder="Wpisz treść wiadomości!" required></textarea></label>
<input type="submit" value="Wyślij">
</div>
</form>
<div class="space">
</div>
<div class="thanks">
<p class="letters">
<span>T</span>
<span>H</span>
<span>A</span>
<span>N</span>
<span>K  </span>
<span>Y</span>
<span>O</span>
<span>U</span>
</p>
</div>
</section>
</main>
<footer>
<div class="container-context-footer">
<div class="container-context-footer-items">
<a href="#me" class="footer-aboutme">O mnie</a>
<a href="#exp">Doświadczenie</a>
<a href="#skills">Umiejętności</a>
<a href="#hobby">Hobby</a>
<a href="#contact">Kontakt</a>
</div>
<div class="container-context-footer-items">
<h3>Konstruktor - programy:</h3>
<h4>Solidworks</h4>
<h4>SolidEdge</h4>
<h4>Inventor</h4>
<h4>Siemens NX</h4>
</div>
<div class="container-context-footer-items">
<h3>Developer - technologie:</h3>
<h4>HTML</h4>
<h4>CSS</h4>
<h4>VBA</h4>
<h4>C++</h4>
</div>
</div>
<div class="container-social-footer">
<a href="https://www.linkedin.com/in/sebastianjajesnica/" class="fa fa-linkedin" target="_blank" aria-label="linkedin"></a>
<a href="https://github.com/SebastianJajesnica" class="fa fa-github" target="_blank" aria-label="github"></a>
<a href="https://www.facebook.com/sebastian.jajesnica/" class="fa fa-facebook" target="_blank" aria-label="facebook"></a>
<a href="https://twitter.com/" class="fa fa-twitter" target="_blank" aria-label="twitter"></a>
</div>
<div class="copyright">Copyright © 2020 Sebastian Jajeśnica. All rights reserved. </div>
</footer>
</body>
</html>