-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (123 loc) · 6.86 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
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Szymon Newel</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="script.js" defer></script>
</head>
<body>
<div id="cookie-consent" class="cookie-consent">
Ta strona używa plików cookies. <button onclick="acceptCookies()" class="cookie-button">Akceptuję</button>
</div>
<div class="language-switcher">
<button id="theme-toggle" class="btn btn-light">Tryb ciemny/jasny</button>
<a href="#" data-lang="pl" class="btn btn-light">PL</a>
<a href="#" data-lang="en" class="btn btn-light">EN</a>
</div>
<div class="container">
<div class="profile-pic text-center">
<img src="Zdjecie_profilowe.jpeg" alt="Moje Zdjęcie" class="rounded-circle">
</div>
<div class="info text-center">
<h1 data-i18n="name">Szymon Newel</h1>
<p data-i18n="role">Ruby Developer | Ruby on Rails Fullstack</p>
</div>
<div class="buttons">
<nav>
<ul class="nav justify-content-center">
<li class="nav-item"><a href="#about" class="btn btn-light nav-link" data-i18n="about">O mnie</a></li>
<li class="nav-item"><a href="#education" class="btn btn-light nav-link" data-i18n="education">Edukacja</a></li>
<li class="nav-item"><a href="#languages" class="btn btn-light nav-link" data-i18n="languages">Języki</a></li>
<li class="nav-item"><a href="#experience" class="btn btn-light nav-link" data-i18n="experience">Doświadczenie</a></li>
<li class="nav-item"><a href="#cv" class="btn btn-light nav-link" data-i18n="cv">CV</a></li>
<li class="nav-item"><a href="#contact" class="btn btn-light nav-link" data-i18n="contact">Kontakt</a></li>
</ul>
</nav>
</div>
</div>
<div class="sections container">
<section id="about" class="light-section">
<div class="content">
<h2 data-i18n="aboutTitle">Cześć, mam na imie Szymon</h2>
<p data-i18n="aboutText">Jestem osobą odważną i nieobojętną na ryzyko, gdy chodzi o osiąganie swoich celów i marzeń. W pracy dążę do zdobywania doświadczenia oraz poznawania nowych, wartościowych ludzi, którzy mogą wprowadzić mnie na ścieżkę sukcesu zawodowego. Sumiennie pracuję nad własnym rozwojem, samodzielnie zgłębiam nowe języki programowania oraz technologie. Aktualnie pracuję jako Deweloper Ruby i koncentruję się na rozwijaniu umiejętności w tworzeniu stron internetowych przy użyciu frameworka Ruby on Rails. Moje podejście do nauki potwierdza uzyskanie stypendium rektora za osiągnięcia akademickie, które należą do jednych z najlepszych w moim roku studiów.</p>
</div>
</section>
<div class="heading"><h2 data-i18n="educationTitle">Edukacja</h2></div>
<section id="education" class="light-section">
<ul>
<li>
<h3 data-i18n="educationPeriod1">Okres: 10.2021 - teraz</h3>
<p data-i18n="educationMajor1">Kierunek: informatyka</p>
<p data-i18n="educationSchool1">Nazwa szkoły: Szkoła Główna Gospodarstwa Wiejskiego w Warszawie</p>
<p data-i18n="educationLevel1">Poziom: inżynier</p>
</li>
<li>
<h3 data-i18n="educationPeriod2">Okres: 09.2018 - 04.2021</h3>
<p data-i18n="educationSchool2">Nazwa szkoły: VI Liceum Ogólnokształcące im. Króla Zygmunta Augusta w Białymstoku</p>
<p data-i18n="educationLevel2">Poziom: średnie</p>
</li>
<li>
<h3 data-i18n="educationPeriod3">Okres: 09.2009 - 06.2018</h3>
<p data-i18n="educationSchool3">Nazwa szkoły: Zespół Szkół nr 2 im. Adama Mickiewicza w Białymstoku</p>
<p data-i18n="educationLevel3">Poziom: podstawowe</p>
</li>
</ul>
</section>
<div class="heading"><h2 data-i18n="languagesTitle">Języki</h2></div>
<section id="languages" class="light-section">
<ul>
<li><h3 data-i18n="language1">polski: ojczysty</h3></li>
<li><h3 data-i18n="language2">angielski: zaawansowany</h3></li>
<li><h3 data-i18n="language3">rosyjski: podstawowy</h3></li>
</ul>
</section>
<div class="heading"><h2 data-i18n="experienceTitle">Doświadczenie</h2></div>
<section id="experience" class="light-section">
<ul>
<li>
<h3 data-i18n="jobTitle1">Junior Ruby Developer</h3>
<p data-i18n="jobCompany1">2N IT</p>
<p data-i18n="jobPeriod1">06.2023 - teraz</p>
<p data-i18n="jobDescription1">Programowanie aplikacji webowych przy pomocy frameworka Ruby on Rails</p>
</li>
<li>
<h3 data-i18n="jobTitle2">Nauczyciel</h3>
<p data-i18n="jobCompany2">Giganci Programowania</p>
<p data-i18n="jobPeriod2">01.2023 - 06.2023</p>
<p data-i18n="jobDescription2">Korepetycje z programowania dla dzieci i młodzieży</p>
</li>
</ul>
</section>
<div class="heading"><h2 data-i18n="cvTitle">CV</h2></div>
<section id="cv" class="light-cv-section">
<h6 data-i18n="fileDownload">Plik do pobrania</h6>
<a href="Szymon_Newel_CV1.pdf" target="_blank" class="btn btn-light" data-i18n="cvDownload">Pobierz CV</a>
</section>
<div class="heading"><h2 data-i18n="contactTitle">Kontakt</h2></div>
<section id="contact" class="light-contact-section">
<ul class="horizontal-layout">
<li>
<h3 data-i18n="contactEmail">Email</h3>
<p>szymonnewel@gmail.com</p>
</li>
<li>
<h3 data-i18n="contactGithub">GitHub</h3>
<a href="https://github.com/Nevelito" target="_blank">Link do GitHub</a>
</li>
<li>
<h3 data-i18n="contactLinkedin">LinkedIn</h3>
<a href="https://www.linkedin.com/in/szymon-newel-0a055a258/?originalSubdomain=pl" target="_blank">Link do LinkedIn</a>
</li>
</ul>
</section>
</div>
<footer>
<div class="container">
<p>© 2024 Mój Profil. Wszelkie prawa zastrzeżone.</p>
</div>
</footer>
</body>
</html>