-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexample.html
More file actions
93 lines (82 loc) · 4.11 KB
/
example.html
File metadata and controls
93 lines (82 loc) · 4.11 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Strap - primjer layouta.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="strap.css">
</head>
<body>
<div class="header" id="header">
<div class="container">
<div class="logo"><a href="#"><img src="strap.png" /></a></div>
<div class="nav">
<div class="nav_triangle"></div>
<div class="nav_links"><a href="#ab">About</a></div>
<div class="nav_links"><a href="#zasto">Zašto?</a></div>
<div class="nav_links"><a href="#kn">Gdje preuzeti?</a></div>
<div class="nav_links"><a href="#on">O nama</a></div>
</div>
</div>
</div>
<div class="main">
<div class="container">
<h2 class="maintitle"><a id="sto"></a>Što je Linux?</h2>
<p>Linux je besplatan i slobodan operativni sustav za računala, no i razne druge uređaje koji dopušta potpunu kontrolu. Sve leži na otvorenom kodu koji se može slobodno koristiti, modificirati i davati ga svakome.
</p>
<div class="more-info">
<div class="info-text"><img class="info_icon" src="info.png" />Ako želite saznati više o Linuxu, njegovom oblikovanju, razvoju i upotrebi, posjetite
<div class="info-link"><a href="http://wiki.open.hr/wiki/Linux">HrOpenWiki</a></div>.</div>
</div>
</div>
<div class="container">
<h2 class="maintitle"><a id="zasto"></a>Zašto Linux?</h2>
<p>Osim što je besplatan i slobodan, Linux ima bezbroj drugih kvaliteta. Većina programa koje ljudi svakodnevno koriste na računalu dostupno je i na Linuxu. Najčešće su i ti programi slobodni i besplatni. Također, zbog načina na koji je Linux organiziran, puno je teže zaraziti Linux računalo raznim malicioznim programima poput virusa.</p>
</div>
<div class="container">
<h2 class="maintitle"><a id="apps"></a>Što mogu koristiti na Linuxu?</h2>
<p>Većina programa na koje ste navikli ili ima svoju vlastitu verziju za Linux ili jako dobre alternative. Ako vam baš neki program nedostaje, možete ga pokrenuti putem Winea ili virtualne mašine.
</p>
<div class="container">
<div class="compare">
<div class="columns"><div class="col_name">Uredski alati</div>
<div class="col_text">Iako Microsoft office ne radi na Linuxu, postoje besplatne inačice poput LibreOffice, OpenOffice</div>
</div>
<div class="columns"><div class="col_name">Skype</div>Dostupan za Linux</div>
<div class="columns"><div class="col_name">GIMP</div>Dostupan za Linux.</div>
<div class="columns"><div class="col_name">Adobe alati</div>
<div class="col_text">Nemaju Linux verziju, dostupne alternative: GIMP, Inkscape, Scribus...</div></div>
<div class="columns"><div class="col_name">Web aplikacije</div><div class="col_text">Facebook, Gmail i ostale web aplikacije koje podržavaju Firefox i Chrome rade odlično.</div></div>
</div>
</div>
</div>
<div class="container">
<h2 class="maintitle"><a id="kn"></a>Gdje preuzeti Linux?</h2>
<p>Svaka od navedenih distribucija je potpuno besplatna i može se preuzeti sa službenih stranica, koje možete posjetiti klikom na ime distribucije. </p>
<div class="compare">
<div class="columns">
<img class="img_logo" src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Logo_Linux_Mint.png" />
<div class="naz_d"><a href="http://linuxmint.com">Mint</a></div>
Razna okruženja
</div>
<div class="columns">
<img class="img_logo" src="https://upload.wikimedia.org/wikipedia/commons/a/ab/Logo-ubuntu_cof-orange-hex.svg" />
<div class="naz_d"><a href="http://ubuntu.com">Ubuntu</a></div>
<div class="col_text">
Okruženje: Unity<br>Također su dostupne <a href="http://xubuntu.org">Xfce</a> i <a href="http://kubuntu.org">KDE</a> varijante</div>
</div>
<div class="columns">
<img class="img_logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/archive/3/3f/20091127225232!Fedora_logo.svg/120px-Fedora_logo.svg.png" />
<div class="naz_d"><a href="http://fedoraproject.org">Fedora</a></div>
Razna okruženja.
</div>
<div class="columns">
<img class="img_logo" src="https://upload.wikimedia.org/wikipedia/en/9/98/OpenSUSE_official-logo-color.svg" />
<div class="naz_d"><a href="http://opensuse.org">openSUSE</a></div>
Razna okruženja.</div>
</div>
</div>
</div>
</div>
</body>
</html>