This repository has been archived by the owner on Oct 10, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
o-gradu.html
132 lines (108 loc) · 5.98 KB
/
o-gradu.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
<!DOCTYPE html>
<html>
<head>
<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="menu.css"/>
<script type="text/JavaScript" src="https://code.jquery.com/jquery-latest.js"></script>
<link rel="icon" type="image/png" href="img/logo.png">
<meta charset="utf-8">
<title>O gradu | Sajt za bezbedan internet</title>
<script type="text/javascript">
$( document ).ready(function() {
var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
var cl
cl = $(window).width() / 2 - 430
if (isSafari) $("#content-box").css("left", cl + "px");
cl = $(window).width() / 2 + 210
if (isSafari) $("#side-box").css("left", cl + "px");
if (isSafari) $("#quiz-box").css("left", cl + "px");
});
</script>
</head>
<body style="background: url('img/background1.jpg') no-repeat center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;">
<div id="flags">
<a href="https://filiparag.github.io/zd/"><img src="./img/flag-rs.png" title="Srpski"></a>
<a href="https://filiparag.github.io/zd/hu/"><img src="./img/flag-hu.png" title="Magyar"></a>
<!--<a href="https://filiparag.github.io/zd/en/"><img src="./img/flag-us.png" title="English"></a>-->
</div>
<div id="head-menu">
<img src="img/logo.png" id="logo-pic"/>
<div id="menu">
<ul id="main-menu">
<li><a href="index.html">Početna</a></li>
<li><a href="bezbednost.html">Bezbednost</a>
<ul>
<br>
<div class="arrow-up"></div>
<div id="mmul" style="width: 250px;">
<li><a href="pravni-sistem.html" style="color: #000;">Pravni sistem</a></li>
</div>
</ul>
</li>
<li><a href="zloupotreba.html">Zloupotreba</a>
<ul>
<br>
<div class="arrow-up"></div>
<div id="mmul">
<li><a href="nacini-zloupotrebe.html" style="color: #000;">Načini zloupotrebe</a></li>
<li><a href="oblici-zloupotrebe.html" style="color: #000;">Najčešći oblici zloupotrebe</a></li>
</div>
</ul>
</li>
<li><a href="za-decu.html">Za decu</a>
<ul>
<br>
<div class="arrow-up"></div>
<div id="mmul" style="width: 250px;">
<li><a href="pravila-za-decu.html" style="color: #000;">Pravila za decu</a></li>
<li><a href="opasnosti-za-decu.html" style="color: #000;">Opasnosti na internetu</a></li>
<li><a href="zabranjeni-sajtovi.html" style="color: #000;">Zabranjeni i nepoželjni sajtovi</a></li>
<li><a href="zastita-dece-internet.html" style="color: #000;">Zaštita dece na internetu</a></li>
<li><a href="cilj-deca.html" style="color: #000;">Cilj bezbednog korišćenja interneta</a></li>
</div>
</ul>
</li>
<li><a href="za-roditelje.html">Za roditelje</a>
<ul>
<br>
<div class="arrow-up"></div>
<div id="mmul" style="width: 255px;">
<li><a href="saveti-za-roditelje.html" style="color: #000;">Saveti za roditelje</a></li>
<li><a href="zastita-id-i-privatnosti.html" style="color: #000;">Zaštita identiteta i privatnosti</a></li>
<li><a href="bezbednost-transakcija.html" style="color: #000;">Bezbednost elektronskih transakcija</a></li>
</div>
</ul>
</li>
<li><a href="za-nastavnike.html">Za nastavnike</a></li>
<li><a href="programi.html">Programi</a>
<ul>
<br>
<div class="arrow-up"></div>
<div id="mmul" style="width: 180px;">
<li><a href="programi-zastita.html" style="color: #000;">Zaštita i praćenje unosa</a></li>
</div>
</ul>
</li>
<li><a href="o-nama.html">O nama</a></li>
</ul>
</div>
</div>
<div id="vertical-of" style="height: 1200px;"></div>
<div id="content-box">
<text style="font-size: 16pt; font-weight: bold;">Subotica</text><br><hr>
<iframe src="./slideshow2.html" style="width: 580px; height: 435px; border: none; overflow: hidden;"></iframe>
<br><br>
Subotica se u pisanim dokumentima prvi put spominje 7. maja 1391. godine, ali sigurno da je mesto starije. Utvrđeno je da su ljudi na ovom prostoru živeli još pre 3.000 godina. Sudbinu Subotice bitno je određivao položaj na putu između Evrope i Azije, a istorijski na granici dve sukobljene sile: Ugarske i Turske. U čestim i velikim seobama u ovu vojnu krajinu došli su mnogi narodi: Srbi, Mađari, Nemci, Slovaci, Jevreji, Bunjevci, Grci... Često su se menjali gospodari kao i imena grada. Od prvog Zabatka 1391. promenjeno je više od dvesta naziva, ali su najkarakterističnija imena Szent-Maria, Maria-Theresiopolis, Maria Theresienstadt, Szabadka i Subotica.
<br><br>
Subotica se u moderan srednjoevropski grad razvila krajem 19. i početkom 20. veka. Grad je u to vreme doživeo izuzetan urbani, industrijski, graditeljski i kulturni procvat. Brži razvoj zanata, industrije i trgovine podstaknut je još 1869. godine dolaskom prvog voza, a ubrzan izgradnjom električne centrale 1896. godine i tramvajskim saobraćajem 1897. godine. Začetke današnje moderne industrije nalazimo krajem 19. veka: preduzeće za izvoz mesa “Hartman i Konen” s prvom hladnjačom u zemlji, prvu subotičku fabriku sumporne kiseline i veštačkog đubriva “Klotild” osnovanu 1904, braća Ruf su 1917. godine počela proizvodnju bombona, industrija električnih motora “Sever” osnovana je 1923. godine.<br>
Prva srednja škola, preteča gimnazije, otvorena je u Subotici 1747, muzička škola 1868, dom za stare 1766, Palić postaje lečilište 1845, prva štamparija osnovana je 1844, prve novine izašle su 1848, prvu bioskopsku predstavu prikazao je Anđelo Bjanki iz Pečuja 1899, a Aleksandar Lifka otvorio prvi stalni bioskop 1910, Đuro Stantić osvojio prvu olimpijsku medalju u Atini 1906, Ivan Sarić poleteo avionom sopstvene konstrukcije 1910...
</div>
<div id="side-box">
<iframe src="sidebar1.html" id="box-news" height="300px"></iframe>
</div>
<div id="quiz-box">
<iframe src="sidebar2.html" id="box-news" height="235px"></iframe>
</div>
</body>
</html>