-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·399 lines (395 loc) · 24.7 KB
/
index.html
File metadata and controls
executable file
·399 lines (395 loc) · 24.7 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <meta http-equiv="Content-Security-Policy" content="default-src https: ; script-src 'self' baleshsrle.github.io cdn.jsdelivr.net www.clarity.ms; style-src 'unsafe-inline' "> -->
<meta name="google-site-verification" content="HcgjQ9u13iaWAG1FyF9yFp6-f9QYrwstKoKPNrRbbqM">
<meta name="google-site-verification" content="YXXACXsZjuu041kl41yKLww4xdiiudN1S0IEtdEeGSE">
<meta name="msvalidate.01" content="6605C60582C09EBF05D19C7AA9FF5496">
<meta name="msvalidate.01" content="78FE17549C9303A86665F2ECA50117F0">
<meta name="wot-verification" content="cee6cf583ee362cd666b">
<meta name="norton-safeweb-site-verification"
content="AE1KUNZ8BFEIRXCIVRMN7804CZR-WK4ER0C3CPJO8W9N0ZVGHX9R2BJ4RNAG2DCL6SBHR6U7BDTD9VH3JKZG3FLO1EGE5E3CVLLQO4E1FM13PDFWE0RX9GUQ8SJWKLEW">
<meta name="siteguarding-tools" content="f7a27dcd3b94ff4d3cd7d37eaecff01a">
<meta name="robots" content="index, nofollow, noarchive, notranslate, noimageindex">
<meta name="description" content="Ovdje možete saznati osnovne informacije o meni">
<meta name="keywords"
content="Balešević Srđan, Балешевић Срђан, Balesevic Srdjan, Baleshevich Srdjan, BaleshSrle, SergiusTheDormouse, Quality Assucance Tester, QA Tester">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-social@5/bootstrap-social.min.css"> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-typewriter@1/dist/css/cursor.css"> -->
<link rel="shortlink" href="https://bit.ly/3S3rPY8">
<title>.::Balešević Srđan:: - ::Početna::.</title>
<!-- <style>
@media only screen and (min-height: 1366px) {
body {
min-height: 1366px;
}
}
</style> -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery-typewriter@1.2.8/dist/js/jquery.typewriter.min.js"></script> -->
<!-- <script src="js/main.js" async></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/spamguard.js/dist/spamguard.min.js"></script> -->
<script>
(function (c, l, a, r, i, t, y) {
c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "kqznn5sgf6");
</script>
</head>
<body>
<main>
<header class="jumbotron jumbotron-fluid">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-9"></div>
<div class="col-sm-1">
<span></span>
</div>
</div>
</header>
<nav class="navbar">
<button class="navbar-toggler">
<span class="navbar-toggler-icon"></span>
</button>
<div>
<ul class="navbar-nav">
<li class="nav-item active">
<a href="index.html">
<i class="fa-home"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="birthdaypresent.html">
<i class="fa-gift"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="favmovie.html">
<i class="fa-film"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="favtown.html">
<i class="fa-city"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="hobby.html">
<i class="fa-wrench"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="gallery.html">
<i class="fa-images"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="quiz.html">
<i class="fa-gamepad"></i>
<span></span>
</a>
</li>
<li class="nav-item">
<a href="sitemap.xml">
<i class="fa-sitemap"></i>
<span></span>
</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="alert text-center mb-1" style="max-width: 470px;">
<span lang="sr">HTML kod ove stranice možete vidjeti na</span>
<span lang="en">You can see the HTML code of this site on</span><!--<object
data="https://img.shields.io/badge/GitHub-181717?logo=github&labelColor=555555&link=https%3A%2F%2Fgithub.com%2FBaleshSrle%2Fbaleshsrle.github.io"
class="px-1" name="GitHub"></object>--><img>.
</div>
<div class="card my-2 mw-100 mx-auto rounded-lg">
<div class="row no-gutters align-items-center">
<div class="col-sm-5 col-lg-4">
<img src="images/me.jpg" class="card-img rounded-lg" style="max-width: 580px;" alt="Moja slika">
</div>
<div class="col-sm-7 col-lg-8">
<div class="card-body">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="FirstName">
<span lang="sr">Ime</span>
<span lang="en">First name</span>
</label>
<input type="text" id="FirstName">
</div>
<div class="form-group col-md-6">
<label for="LastName">
<span lang="sr">Prezime</span>
<span lang="en">Last name / Surname</span>
</label>
<input type="text" id="LastName">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="DoB">
<span lang="sr">Datum rođenja</span>
<span lang="en">Date of birth </span>
</label>
<input type="date" id="DoB">
</div>
<div class="form-group col-md-6">
<label for="eMail">
<span lang="sr">Adresa elektronske pošte</span>
<span lang="en">E-mail address</span>
</label>
<input type="email" id="eMail">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="ShortBio">
<span lang="sr">Kratka biografija</span>
<span lang="en">Short biography</span>
</label>
<textarea id="ShortBio" class="form-control" rows="11"></textarea>
</div>
</div>
</form>
<!-- <div class="d-table w-100 p-1 p-md-2 shadow">
<div class="d-table-row w-100">
<div class="d-table-cell">
<span lang="sr">Ime i prezime</span>
<span lang="en">First name and surname</span>
</div>
<div class="d-table-cell">
<h5 class="h5">BALEŠEVIĆ SRĐAN</h5>
</div>
</div>
<div class="d-table-row w-100">
<div class="d-table-cell">
<span lang="sr">Datum rođenja</span>
<span lang="en">Date of birth</span>
</div>
<div class="d-table-cell">
<span lang="sr">07. septembar 1988</span>
<span lang="en">07<sup>th</sup> of September 1988</span>.
</div>
</div>
<div class="d-table-row w-100">
<div class="d-table-cell">
<span lang="sr">E-mail adresa</span>
<span lang="en">E-mail address</span>
</div>
<div class="d-table-cell">
<a href="#" class="protect-me" data-name="srdjan.baleshevich"
data-domain="engineer" data-tld="com" data-mailto="true" rel="nofollow"></a>
</div>
</div>
<div class="d-table-row w-100">
<div class="d-table-cell">
<span lang="sr">Kratka biografija</span>
<span lang="en">Short biography</span>
</div>
<div class="d-table-cell">
<p>
<span lang="sr">Rođeni Dobojlija. U rodnom gradu završio osnovu, srednju
elektro školu (posjeduje dvije diplome iz srednje) i Saobraćajni
fakultet u Doboju - smjer Logistika</span>
<span lang="en">Born and raised in Doboj. In his hometown, he completed
primary school education, secondary electrical school education
(from there he has two secondary school diplomas) and is a Member of
Alumni organisation of Faculty of Transport and Traffic Engineering
in Doboj</span>.
</p>
<p>
<span lang="sr">Od svoje 10. godine (možda čak i ranije) pokazivao
afinitete prema infomaciono-komunikacionim tehnologijama</span>
<span lang="en">Since the age of 10 (maybe even earlier) he showed an
affinities for information & communication technologies</span>.
</p>
<p>
<span lang="sr">Od 2007. se amaterski bavi pravljenjem web-sajtova
(prvo u Simple Machines Forum-u, pa u WordPress-u, da bi kasnije
prešao na Joomla-u)</span>
<span lang="en">Since 2007, he's been building websites as an amateur
(first in Simple Machines Forum, then in WordPress, and later
switched to Joomla)</span>.
</p>
<p>
<span lang="sr">U periodu avgust - oktobar 2014. učestvovao u takmičenju
<span class="font-weight-bold">m:tel AppBuilder Liga</span>, gdje je
osvojio 3. mjesto u kategoriji "Edukacija i društvena
odgovornost"</span>
<span lang="en">In the time period from August to October 2014, he
participated in the <span class="font-weight-bold">m:tel AppBuilder
League</span> competition, where he won 3<sup>rd</sup> place in
the category "Education and social responsibility"</span>.
</p>
<p>
<span lang="sr">Od februara 2012. ponosni ujak jednom preslatkom
djevojčurku</span>
<span lang="en">Proud uncle to an adorable girl since the February of
2012</span>.
</p>
</div>
</div>
</div> -->
<!-- <table class="table table-bordered table-sm m-auto text-left">
<tbody>
<tr>
<td></td>
<td class="h5"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table> -->
</div>
<div class="btn-toolbar" role="toolbar">
<div class="btn-group mr-2" role="group">
<!-- <a href="documents/cv.pdf" target="_blank">
<i class="fa-regular fa-file-pdf fa-2x align-middle pr-1"></i>
<span lang="sr">Moja biografija</span>
<span lang="en">My biography</span></a> -->
<button type="button" class="btn btn-link" data-toggle="modal"
data-target="#cvPDFModal">
<i class="fa-regular fa-file-pdf fa-2x align-middle pr-1"></i>
<span lang="sr">Moja biografija</span>
<span lang="en">My biography</span>
</button>
<div class="modal" id="cvPDFModal">
<!-- <div class="modal fade" id="cvPDFModal" aria-labelledby="cvPDFModalLabel"
aria-hidden="true"> -->
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-body">
<object data="documents/cv.pdf" type="application/pdf">
<p>Izgleda da nemate dodatak za gledanje PDF-a za ovaj Web
pregledač. Možete <a href="document/cv.pdf" download>kliknuti
ovdje da preuzmete PDF fajl</a>.</p>
</object>
</div>
</div>
</div>
</div>
</div>
<div class="btn-group" role="group">
<a href="https://www.facebook.com/srdjan.balesevic" rel="me">
<img class="SocialImg" data-name="facebook" alt="Facebook"></a>
<a href="https://github.com/BaleshSrle">
<img class="SocialImg" data-name="github" alt="GitHub"></a>
<a href="https://www.goodreads.com/baleshsrle">
<img class="SocialImg" data-name="goodreads" alt="Goodreads"></a>
<a href="https://instagram.com/srlebaleshpuhovski" rel="me">
<img class="SocialImg" data-name="instagram" alt="Instagram"></a>
<a href="https://ba.linkedin.com/in/srdjanbaleshevich">
<img class="SocialImg" data-name="linkedin" alt="LinkedIn"></a>
<a href="https://social.vivaldi.net/@baleshsrle" rel="me">
<img class="SocialImg" data-name="mastodon" alt="Vivaldi Social by Mastodon"></a>
<a href="https://m.me/srdjan.balesevic">
<img class="SocialImg" data-name="messenger" alt="Messenger"></a>
<a href="skype:srdjan.baleshevich?call">
<img class="SocialImg" data-name="skype" alt="Skype"></a>
<a href="https://www.snapchat.com/add/baleshsrle?locale=sr-Latn-BA">
<img class="SocialImg" data-name="snapchat" alt="Snapchat"></a>
<a
href="https://open.spotify.com/user/bvfuuxdysiks1nnpwal3iyaa2?si=msIIL4yHQ0SpK5m6jjFWWw">
<img class="SocialImg" data-name="spotify" alt="Spotify"></a>
<a href="https://steamcommunity.com/id/BaleshSrle">
<img class="SocialImg" data-name="steam" alt="Steam"></a>
<a href="https://baleshsrle.t.me/">
<img class="SocialImg" data-name="telegram" alt="Telegram"></a>
<a href="https://threads.net/@srlebaleshpuhovski">
<img class="SocialImg" data-name="threads" alt="Threads"></a>
<a href="https://x.com/BaleshSrle" rel="me">
<img class="SocialImg" data-name="x" alt="X (former Twitter)"></a>
<a href="https://vk.com/baleshsrle">
<img class="SocialImg" data-name="vk" alt="VK"></a>
<a href="https://wa.me/38766340286">
<img class="SocialImg" data-name="whatsapp" alt="WhatsApp"></a>
<a href="https://wp.me/2brNg">
<img class="SocialImg" data-name="wordpress" alt="Wordpress"></a>
</div>
</div>
<!-- <div class="btn-group" role="group">
<div class="btn-group dropup" role="group">
<a href="#" class="btn btn-link dropdown-toggle" role="button" data-toggle="dropdown"
aria-expanded="false">
<span lang="sr">Linkovi društvenih mreža</span>
<span lang="en">Social media links</span>
</a>
<div class="dropdown-menu">
**<a href="https://www.youtube.com/@srlebalesh"><img
data-name="youtube.svg"
alt="YouTube">YouTube</a>**
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</main>
<footer>
<div></div>
<div></div>
<div></div>
</footer>
<script>
document.scripts[1].onerror = function () { this.src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"; }
$(document).ready(() => {
$.getScript("js/main.js");
//$("div.container-fluid").toggleClass("mb-5 pb-5");
//$("object:eq(0)").addClass("align-middle");
$("div.alert img").attr({ src: "https://img.shields.io/badge/GitHub-181717?logo=github&logoSize=auto&labelColor=555555", alt: "GitHub" }).on("error", function () { this.src = "https://badgen.net/badge/icon/GitHub?icon=github&label=&color=181717"; }).addClass("mx-1 aling-middle img-fluid").wrap($("<a></a>").attr({ href: "https://github.com/BaleshSrle/" + location.host, "hreflang": "en", "target": "_blank" }));
$("object").addClass("w-100 rounded border-dark border-right border-bottom").height(800);
$("div.card-body").addClass("p-2 px-md-3");
//$("div.d-table-row > div.d-table-cell:first-child").addClass("font-weight-bold").width(138);
//$("object,div.d-table-row > div.d-table-cell:lt(6)").addClass("align-middle");
$("input,textarea").addClass("form-control").attr("readonly", true);
//$("div.d-table-cell").addClass("border-bottom");
/*$(".h5").typeWrite({
speed: 40,
repeat: false,
cursor: true,
color: 'black'
});*/
//$("a.protect-me").addClass("float-left");
/* $("a.dropdown-toggle").on("click", function () {
$("div.dropdown-menu").addClass("mb-md-n2 py-1");
}); */
$("div.btn-group:eq(1)").addClass("d-flex flex-wrap").children("a").addClass("btn btn-link");
//$("div.btn-group:eq(1) > a").addClass("btn btn-link");
$("img.SocialImg").each((i, e) => {
const imgName = $(e).data("name");
$(e).attr({ src: "https://cdn.jsdelivr.net/npm/simple-icons@v12/icons/" + imgName + ".svg", crossorigin: "anonymous" }).width(32).height(32).parent("a").attr("title", $(e).attr("alt"));
});
/* $("div.dropdown-menu").each(function () {
$(this).children("a").addClass("dropdown-item px-3");
$(this).find("img").addClass("mr-2").attr("loading", "lazy");
});*/
});
//spamguard(".protect-me");
</script>
</body>
</html>