-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (229 loc) · 7.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="res/profileImg.png" />
<link rel="stylesheet" href="index.css" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
/>
<title>Portfolio - Markus Peltsarszky</title>
</head>
<body>
<header>
<div>
<div id="logo_header">
<p>Portfolio</p>
</div>
<div id="tabs_header">
<!--NavBar-->
<nav class="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#spacing1">About</a></li>
<li><a href="#spacing2">Experience</a></li>
<li><a href="#spacing3">Projects</a></li>
<li><a href="#spacing4">Testimonials</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main id="main">
<section id="top">
<div class="grid-container">
<div class="grid-item row1">
<div class="welcome-content">
<h3>Greetings, I am</h3>
<h1>Markus</h1>
<p>
I look forward to supporting you with my many years of
experience and fulfilling your wishes!
</p>
<a href="#spacing3" class="btn">Recent Projects</a>
</div>
</div>
<div class="grid-item row2">
<img src="res/profileImg.png" alt="#" />
</div>
</div>
</section>
<hr class="spacing" id="spacing1" />
<section id="about">
<div class="grid-container">
<div class="grid-item row1">
<img src="res/profileImg.png" alt="#" />
</div>
<div class="grid-item row2">
<div>
<h3>About me</h3>
<h4>Hi, I am Markus Peltsarszky</h4>
<p>
Since the age of 10, I've been deeply immersed in the world of programming, and now, at the age of <span>age</span>, I apply the experience I've gained to various projects. My expertise lies in web development, where I proficiently use HTML, CSS, and JavaScript to create dynamic and visually appealing websites. I extend my programming skills to Java for app development and actively contribute to the coding community by developing plugins for Minecraft servers. In addition, I hold a role as a programmer at CJT-Robotics. Here, I focus on developing applications for mobile robotics, specifically in the field of Rescue Robotics. My commitment to coding extends beyond personal projects, demonstrating a pragmatic approach to problem-solving and technical innovation.
</div>
</div>
</div>
</section>
<hr class="spacing" id="spacing2" />
<section id="experience">
<div class="content">
<h3>My Experience</h3>
<div class="grid-container">
<div class="wrapper item-1">
<img src="res/webDevelopment_Img_Background.png" alt="" />
<div>
<h5>WebDevelopment</h5>
<p>
I create modern and exclusive looking websites with HTML5,
CSS3 and JavaScript.<br />Let me inspire you.
</p>
<a
href="https://github.com/search?q=owner%3Amarpelt+language%3AHTML+language%3ACSS+&type=repositories" target="_blank"
class="btn"
>GitHub ⦁ marpelt</a
>
</div>
</div>
<div class="wrapper item-2">
<img src="res/java_Img_Background.png" alt="" />
<div>
<h5>Java</h5>
<p>
I create different Java applications for different needs (Java 1.8 - Java 17). Just watch my latest Java Project on GitHub.
</p>
<a href="https://github.com/search?q=owner%3Amarpelt+language%3AJava+&type=repositories" class="btn">GitHub ⦁ marpelt</a>
</div>
</div>
<div class="wrapper item-3">
<img src="res/cjt-robotics_Img_Background.png" alt="" />
<div>
<h5>C++</h5>
<p>
As a software developer for the CJT-Robotics team, I write
various applications in C++ for use with ROS.
</p>
<a href="https://github.com/CJT-Robotics" target="_blank" class="btn"
>GitHub ⦁ CJT-Robotics</a
>
</div>
</div>
<div class="wrapper item-4">
<img src="res/minecraft_Img_Background.png" alt="" />
<div>
<h5>Minecraft Plugins</h5>
<p>
I program plug-ins for Minecraft servers and mods for Minecraft clients. I attach great importance to the adaptability of the plugins
</p>
<a href="https://github.com/search?q=owner%3Amarpelt+topic%3Aminecraft&type=repositories" class="btn">GitHub ⦁ marpelt</a>
</div>
</div>
</div>
</div>
</section>
<hr class="spacing" id="spacing3" />
<section id="projects">
<div class="content">
<div class="container">
<h3>Current Projects</h3>
<div class="grid-container">
<div class="wrapper item-1">
<img src="res/cjt-robotics-GUI_Img_Background.png" alt="" />
<div>
<h5>GUI ⦁ CJT-Robotics</h5>
<p>
This gui is used to view and interactively use all important data and information about the robot and the control unit.
</p>
<a
href="https://github.com/CJT-Robotics/gui"
class="btn"
>GitHub ⦁ Source Folder</a
>
</div>
</div>
<div class="wrapper item-2">
<img src="res/portfolio_Img_Background.png" alt="" />
<div>
<h5>Portfolio Website</h5>
<p>
A portfolio website that shows the skills and projects.
</p>
<a
href="https://github.com/marpelt/marpelt.github.io"
class="btn"
>GitHub ⦁ Source Folder</a
>
</div>
</div>
</div>
</div>
<div class="container" id="secondContainer">
<h3>Latest Projects</h3>
<div class="grid-container">
<div class="wrapper item-1">
<img src="res/converter_Img_Background.png" alt="" />
<div>
<h5>Number Converter</h5>
<p>
This is just a little application to convert numbers from one format to another one. (Binary, Decima, Hexadecimal and ASCII supported)
</p>
<a
href="https://github.com/marpelt/NumberConverter"
class="btn"
>GitHub ⦁ Source Folder</a
>
</div>
</div>
<div class="wrapper item-2">
<img src="res/cjt-robotics-website_Img_Background.png" alt="" />
<div>
<h5>CJT-Robotics Website</h5>
<p>
The official website of the CJT-Robotics Team.
</p>
<a
href="https://github.com/CJT-Robotics/CJT-Robotics.github.io"
class="btn"
>GitHub ⦁ Source Folder</a
>
</div>
</div>
</div>
</div>
</section>
<hr class="spacing" id="spacing4" />
<section id="testimonials">
<div class="content">
<div class="container">
<h3>Testimonials</h3>
<div class="wrapper">
<div class="testimonial-container" id="testimonial-container">
<div class="testimonial-wrapper">
<div class="testimonial-box mySwiper">
<div class="testimonial-content swiper-wrapper">
<div class="testimonial-slide swiper-slide">
<img src="res/profileImg.png" />
<h4>Markus Peltsarszky</h4>
<p>There are no Testimonials</p>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>© Copyright ⦁ Markus Peltsarszky ⦁ 2023</p>
</footer>
</body>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="index.js"></script>
</html>