-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
374 lines (306 loc) · 14.1 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Przemysław Budzich Portfolio</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/animate.min.css" rel="stylesheet" type="text/css">
<link href="fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-----------------------------------------the homepage navigation-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#inverseNavbar1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
<a class="navbar-brand" href="#">
<!-- the site logo-->
<img src="images/logo.png" alt="site logo" />
<!-- site name ( keep span )-->
<span>Przemysław</span>Budzich
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="inverseNavbar1">
<!-- search form-->
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div>
</form>
<!-- end search form-->
<ul class="nav navbar-nav navbar-right text-uppercase">
<!-- if you want to customize the navigation menu use the list bellow-->
<li class="active"><a href="#heroarea">start</a></li>
<li><a href="#aboutme">o mnie</a></li>
<li><a href="#abilities">umiejętności</a></li>
<li><a href="#projects">projekty</a></li>
<li><a href="#contact">kontakt</a></li>
<!-- end menu list-->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-----------------------------------------end homepage navigation-->
<!-----------------------------------------the hero area or the big title area-->
<section class="container-fluid text-center section" id="heroarea">
<div class="heroarea-caption">
<h1 class="text-uppercase">
<!-- customize the big title-->
Moja strona domowa
<!-- end big title-->
</h1>
<p>
<!-- customize the hero area text-->
Serdecznie witam na mojej stronie domowej
<!-- end the hero area text-->
</p>
<!-- replace the # in href bellow with the link of the destination page-->
<a href="#aboutme" class="btn btn-primary">
<!-- the button text-->
czytaj więcej
<!-- end button text-->
</a> </div>
</section>
<!-----------------------------------------end hero area-->
<!-----------------------------------------features section-->
<section id="aboutme" class="container section text-center">
<div class="row">
<div class="col-aboutme">
<div class="service">
<!-- customize the icon go to fontawesome website to find the complete list of icons-->
<!-- end icon-->
<h3 class="underlined">
<!-- customize the column heading-->
Przemysław Budzich
<!-- end heading-->
</h3>
<p>
<!-- customize the column text-->
Urodziłem się 23 lata temu w małej miejscowości niedaleko Żuromina.
Od czasów liceum interesowałem się programowaniem.
Początkowo C++, później wciągnąłęm się w C# poprzez silnik Unity.
Zacząłem tworzyć proste gry platformowe 2d. Z czasem przerzuciłem się
na silnik Unreal Engine i łączyłem C++ oraz design gier (głównie survival horrorów).
Obecnie jednak najwięcej do czynienia mam z platformą .NET oraz technologią JavaFX, w której
to powstaje moja praca magisterska. Ciekawi mnie wiele rzeczy. Oprócz wyżej wymienionych pracowałem
w PL/SQL, administrowałem także bazami Oracle. Jeżeli chodzi o bazy danych to korzystałem głównie z MySQL ale
także SQLite, PostgreSQL, Cassandra, MongoDB, MsSQL. <br> Ta strona jest efektem kolejnego eksperymentu -
nauki prostego Frond-endu.
<!-- end column text-->
</p>
</div>
</div>
</div>
</section>
<!-----------------------------------end features section-->
<!-------------------------------------begin our team section-->
<section class="section container-fluid text-center" id="abilities">
<div class="section-title text-center text-uppercase">
<h2 class="underlined">umiejętności</h2>
</div>
<div class="container">
<div class="row">
<h3>Języki programowania</h3>
<h6>średnio-zaawansowany</h6>
<p>C# (WPF, WF, UWP, Mobile)<br>JAVA (Spark, Hadoop, JavaFX)<br>PL/SQL</p>
<h6>początkujący</h6>
<p>C++<br>C</p>
<h6>podstawowy</h6>
<p>Python<br>JS (Node.js)<br>CSS (Bootstrap 3)</p>
<h3>Bazy danych</h3>
<p>MySQL<br>SQLite<br>PostgreSQL<br>Oracle Database<br>MsSQL</p>
</div>
</div>
</section>
<!-----------------------------------------------------end our team section-->
<!-----------------------------------blog section-->
<section class="section container-fluid" id="projects">
<div class="section-title text-center text-uppercase">
<h2 class="underlined">moje projekty</h2>
</div>
<div class="container">
<div class="row">
<!-- begin article-->
<div class="col-md-4 article"> <img src="images/petri1.png" class="img-responsive" alt="">
<div class="article-caption">
<ul class="meta list-unstyled list-inline text-uppercase">
<!-- customize the blog categories list change the # with the destination link and web design with category name ( if you want to add more category name just copy and paste between <a ....</a> and change what you want )-->
<li><a href="#">javafx</a>
<!-- end category listing-->
<!-- customize the date-->
<li>12 - 05 - 2017</li>
<!-- end the date-->
</ul>
<h2>
<!-- post title-->
Graphics Petri Nets and APT GUI
<!-- end post title-->
</h2>
<p>
<!-- post content-->
Aplikacja destkopowa napisana w JavaFX umożliwiająca tworzenie i graficzną edycję markowanych sieci Petriego oraz oznaczonych systemów tranzycyjnych. Obecnie wersja v1.6a. Program dalej jest rozwijany
<!-- end post content -->
</p>
<!-- post destination link when you click the read more button ( change the # with the destination page link )-->
<p><a target="_blank" href="https://github.com/przemo8155/magisterka" class="more-link btn text-uppercase">czytaj więcej</a></p>
<!-- end post link/-->
</div>
</div>
<!-- end article-->
<!-- begin article-->
<div class="col-md-4 article"> <img src="images/rsa1.png" class="img-responsive" alt="">
<div class="article-caption">
<ul class="meta list-unstyled list-inline text-uppercase">
<!-- customize the blog categories list change the # with the destination link and web design with category name ( if you want to add more category name just copy and paste between <a ....</a> and change what you want )-->
<li><a href="#">Java</a></li>
<!-- end category listing-->
<!-- customize the date-->
<li>12 - 05 - 2017</li>
<!-- end the date-->
</ul>
<h2>
<!-- post title-->
Rozkład modułu RSA
<!-- end post title-->
</h2>
<p>
<!-- post content-->
Aplikacja pozwala złamać moduł RSA dla niedużych (<16 cyfrowych) liczb
<!-- end post content -->
</p>
<!-- post destination link when you click the read more button ( change the # with the destination page link )-->
<p><a target="_blank" href="https://github.com/przemo8155/Kryptografia" class="more-link btn text-uppercase">czytaj więcej</a></p>
<!-- end post link/-->
</div>
</div>
<!-- end article-->
<!-- begin article-->
<div class="col-md-4 article"> <img src="images/app1.png" class="img-responsive" alt="">
<div class="article-caption">
<ul class="meta list-unstyled list-inline text-uppercase">
<!-- customize the blog categories list change the # with the destination link and web design with category name ( if you want to add more category name just copy and paste between <a ....</a> and change what you want )-->
<li><a href="#">.NET</a></li>
<!-- end category listing-->
<!-- customize the date-->
<li>12 - 05 - 2017</li>
<!-- end the date-->
</ul>
<h2>
<!-- post title-->
Labirynth Game
<!-- end post title-->
</h2>
<p>
<!-- post content-->
Gra na platformę Windows Phone 8.1, w której sterujemy kulą i próbujemy dotoczyć się do celu w najszybszym czasie
<!-- end post content -->
</p>
<!-- post destination link when you click the read more button ( change the # with the destination page link )-->
<p><a target="_blank" href="https://github.com/przemo8155/PhoneApp6" class="more-link btn text-uppercase">czytaj więcej</a></p>
<!-- end post link/-->
</div>
</div>
<!-- end article-->
</div>
</div>
</section>
<!-------------------------------------end blog section-->
<!--######################################begin contact us-->
<!--to change the reception email address open contact.php and edit the info-->
<section class="section container-fluid" id="contact">
<div class="section-title text-center text-uppercase">
<h2 class="underlined">skontaktuj się ze mną!</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- contact form -- the one thing that you need to customize is the placeholder or the value of the input button(submit button) -->
<form action="contact.php" method="post" name="form1" id="contact-form">
<input name="name" type="text" id="name" form="contact-form" placeholder="Twoje imię/pseudonim">
<input name="subject" type="text" id="subject" form="contact-form" placeholder="Tytuł wiadmości">
<input name="email" required type="email" id="email" form="contact-form" placeholder="Twój mail">
<textarea name="message" required id="Message" form="contact-form" placeholder="Twoja wiadomość"></textarea>
<input name="submit" type="submit" class="btn btn-primary" id="submit" formaction="contact.php" value="wyślij">
</form>
<!-- end contact form-->
<ul class="info list-unstyled">
<!-- the list of contact information under contact form-->
<li><strong>email</strong> : [email protected]</li>
<!-- end list-->
</ul>
</div>
<!-- the map container don't remove it if you want to display the map-->
<div class="col-md-6">
<div id="map"></div>
</div>
<!-- end map container-->
</div>
</div>
</section>
<!--end contact form-->
<!--######################################begin page footer-->
<footer class="container-fluid section" id="footer">
<div class="container">
<div class="row text-center">
<div class="col-foot copyright">
<p>©2017 przez Przemysław Budzich</p>
</div>
</div>
</div>
</footer>
<!--end footer-->
<!-- works modals-->
<div class="modal fade" id="modal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">My best work</h4>
</div>
<div class="modal-body"> <img class="img-responsive" src="images/moment-1481334217954-c5d87e2a1bc6.jpg" alt=""/> </div>
</div>
</div>
</div>
<!-- end modal-->
<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="js/jquery.mixitup.min.js" type="text/javascript"></script>
<script src="js/portfolio.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.waypoints.js"></script>
<script src="js/main.js" type="text/javascript"></script>
<!-- ###########################################google map -->
<script type="text/javascript">
function initMap() {
// change the uluru variable with the latitude and longitude of the loaction you want to show in the map {lat:somethging,lng:something}
// you must also enter a google map key in the following script
var uluru = {lat: 53.0134753, lng: 18.5915086};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<!--you should get a map key from google website and enter it below in place of the A's (aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa)-->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBOJkrfBTNVS3Zyzzx5Q_GBHKYxNmSvLJY&callback=initMap"></script>
<!-- end goole map -->
</body>
</html>