-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (122 loc) · 7.35 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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158880335-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158880335-1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<meta http-equiv="content-language" content="hr-HR"/>
<meta name="keywords" content=""/>
<meta name="description" content="FI DESIGN je skupina mladih developera i web dizajnera koji su odlučili objediniti svoja znanja i ponuditi izradu web stranica uz SEO optimizaciju."/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="FI Design"/>
<meta property="og:description" content="FI DESIGN je skupina mladih developera i web dizajnera koji su odlučili objediniti svoja znanja i ponuditi izradu web stranica optimalno izvedenim kodiranjem uz SEO optimizaciju."/>
<meta property="og:url" content="http://fi-design.eu/"/>
<meta property="og:image" content="http://fi-design.eu/img/ikona.png"/>
<meta property="og:image:width" content="512"/>
<meta property="og:image:height" content="512"/>
<link rel="canonical" href="http://fi-design.eu/" />
<link href="https://fonts.googleapis.com/css?family=Montserrat|Work+Sans:900&display=swap" rel="stylesheet"></head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.css"/>
<link rel="stylesheet" href="fontawesome/css/all.css">
<script src="https://kit.fontawesome.com/9f52e31018.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="show.js"></script>
<link rel="stylesheet" href="style.css">
<title>FI DESIGN</title>
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="https://www.wpcc.io/lib/1.0.2/cookieconsent.min.css"/><script src="https://www.wpcc.io/lib/1.0.2/cookieconsent.min.js"></script><script>window.addEventListener("load", function(){window.wpcc.init({"border":"thin","corners":"small","colors":{"popup":{"background":"linear-gradient(90deg, #ececec 50%, ##26e8a1 50%)","text":"#000000","border":"#26e8a1"},"button":{"background":"#ff5851","text":"#ffffff"}},"position":"bottom","transparency":"25","fontsize":"tiny","content":{"message":"Kako bismo Vam pružili bolje korisničko iskustvo i ispravan prikaz sadržaja, naše stranice koriste kolačiće. Kolačići su anonimni i možete ih kontrolirati i onemogućiti u svakom trenutku","button":"Prihvati!","link":"Više...","href":"https://www.websitepolicies.com/policies/view/5sc53d1e"}})});</script>
</head>
<body>
<header>
<div class="split left"></div>
<div class="split right"></div>
<div class="centered">
<h1 class="animated slideInLeft">FI</h1>
<h1 class="animated slideInRight">DESIGN</h1>
<p id="dot" class="animated bounce">.</p>
</div>
<section id="section10" class="demo">
<a href="#uvod"><span></span>Scroll</a>
</section>
</header>
<section id="uvod">
<div class="name">
<div class="animation-element slide-left slide1">
<h2>Čime</h2>
</div>
<div class="animation-element slide-left slide2">
<h2>se</h2>
</div>
<div class="animation-element slide-left slide3">
<h2>bavimo<span class="tocka">?</span></h2>
</div>
</div>
<div class="quarter">
<h3>Izrada <span style="border-bottom:2px solid #26e8a1;">web</span> stranica<span style="font-size:2em;" class="tocka">.</span></h3><i class="fa fa-file-code"></i><i class="fa fa-code"></i>
<h4>html<span class="tocka" style="font-size:1.5em;">,</span> css<span class="tocka" style="font-size:1.5em;">,</span> bootstrap<span class="tocka" style="font-size:1.5em;">,</span> javascript<span class="tocka" style="font-size:2em;">.</span></h4>
</div>
<div class="quarter">
<h3>Izrada <span style="border-bottom:2px solid #26e8a1;">logo</span>tipa<span style="font-size:2em;" class="tocka">.</span></h3><i class="fa fa-palette"></i><i class="fa fa-paint-brush"></i>
<h4>unikatni dizajn<span class="tocka" style="font-size:2em;">.</span></h4>
</div>
<div class="quarter">
<h3><span style="border-bottom:2px solid #26e8a1;">Seo</span> optimizacija<span style="font-size:2em;" class="tocka">.</span></h3><i class="fa fa-search"></i><i class="fa fa-ad"></i>
<h4>broj 1 na tražilici<span class="tocka" style="font-size:2em;">.</span></h4>
</div>
<div class="quarter">
<h3><span style="border-bottom:2px solid #26e8a1;">Društv</span>ene mreže<span style="font-size:2em;" class="tocka">.</span></h3><i class="fab fa-facebook-square" style="color:#3b5998;"></i><i class="fab fa-instagram"></i><i class="fab fa-twitter" style="color:#00aced;"></i>
<h4>facebook<span class="tocka" style="font-size:1.5em;">,</span> instagram<span class="tocka" style="font-size:1.5em;">,</span> twitter<span class="tocka" style="font-size:2em;">.</span></h4>
</div>
</section>
<div id="portfolio">
<div class="name">
<div class="animation-element slide-left slide1">
<h2>Naši</h2>
</div>
<div class="animation-element slide-left slide2">
<h2>radovi<span class="tocka">.</span></h2>
</div>
</div>
<div class="pola velika">
<img src="img/p1.png" alt="Snimka ekrana jednog od naših projekata" title="I Do Epic Trips"/>
</div>
<div class="pola male">
<img src="img/p2.png" alt="Snimka ekrana jednog od naših projekata" title="Petraform"/>
<img src="img/p3.png" alt="Snimka ekrana jednog od naših projekata" title="iStručnjak"/>
</div>
</div>
</div>
<div class="clear" id="kontakt">
<div class="name">
<div class="animation-element slide-left slide1">
<h2>Kontakt<span class="tocka">.</span></h2>
</div>
</div>
<div class="pola">
<img src="img/logo.png" alt="" title=""/><br>
<div class="infokont">
<p>FI DESIGN je skupina mladih developera i web dizajnera koji su odlučili objediniti svoja znanja i ponuditi koncept<span class="tocka">"</span>one stop shop<span class="tocka">"</span> za vizualno superiorne web stranice i cloud projekte izrađene optimalno izvedenim kodiranjem kako bi se postigla brzina<span class="tocka">,</span> responzivnost i jednostavno održavanje<span class="tocka">!</span></p><br>
<p><i class="fa fa-mobile" style="right:1.5%;"></i> <span class="kon"><span class="tocka">+</span>385 91 732 4270</span></p><br>
<p><i class="fa fa-envelope"></i> <span class="kon">info@fi-design<span class="tocka">.</span>eu</span></p></div>
</div>
<div class="pola">
<form action="send_form_email.php" method="POST">
<input type="name" name="name" placeholder="Vaše ime..." required><br>
<input type="mail" name="mail" placeholder="Vaš e-mail..." required><br>
<input type="text" name="subject" placeholder="Predmet..." required><br>
<textarea name="comment" placeholder="Vaša poruka..." required></textarea>
<input type="submit" name="submit" value="POŠALJI">
</form>
</div>
</div>
<script src="pliz.js"></script>
</body>
</html>