-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
213 lines (182 loc) · 7.89 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
<!DOCTYPE html>
<html lang="rs">
<head>
<meta charset="utf-8">
<title>sDizajn | WebSajtovi za Firme | Web Sajtovi na Rate</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,400" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="icon" href="assets/img/favico.png">
</head>
<body>
<header class="header-navigation">
<section class="logo">
<a href="/">
<div class="image-logo">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="319 206 200 200" style="enable-background:new 319 206 200 200;" xml:space="preserve">
<style type="text/css">
.st0{fill:#27AE60;}
.st1{fill:#2ECC71;}
</style>
<g id="XMLID_3_">
<path id="XMLID_9_" class="st0" d="M519,206v200H319v-63.4c14.7,8.5,31.8,13.4,50,13.4c55.2,0,100-44.8,100-100
c0-18.2-4.9-35.3-13.4-50H519z"/>
<path id="XMLID_2_" class="st1" d="M319,206h200v200h-63.4c8.5-14.7,13.4-31.8,13.4-50c0-55.2-44.8-100-100-100
c-18.2,0-35,4.9-50,13.4V206z"/>
</g>
<circle id="XMLID_1_" class="st1" cx="369.7" cy="306" r="25"/>
</svg>
</div>
<h1 class="text-logo">s Dizajn</h1>
</a>
</section>
<nav class="menu-items">
<a href="informacije">Informacije</a>
<a href="paketi">Paketi</a>
<a href="saradnja">Saradnja</a>
<a href="kontakt">Kontakt</a>
</nav>
<div class="mobile-nav-toggle">
<span></span>
</div>
</header>
<div class="mobile-header">
<nav class="mobile-navigation">
<a href="informacije">Informacije</a>
<a href="paketi">Paketi</a>
<a href="saradnja">Saradnja</a>
<a href="kontakt">Kontakt</a>
</nav>
</div>
<main>
<section class="welcome-section">
<h1>PREMIUM DIZAJN ZA <br> PREMIUM KLIJENTE</h1>
</section>
<section class="payment-section">
<h1>Postupak</h1>
<div class="postupak-wrap">
<div class="square">
<h2>1.<br>Konsultacije</h2>
</div>
<div class="square">
<h2>2.<br>Radjenje</h2>
</div>
<div class="square">
<h2>3.<br>Objava</h2>
</div>
</div>
<div class="button"> <a href="#">Saznaj još</a> </div>
</section>
<section class="target-clients">
<h1>Sajtovi za firme, grupe i pojedince</h1>
<div class="category-wrap">
<div class="category">
<div class="category-img">
<img src="/assets/img/company.png" alt="Company Icon">
</div>
<div class="text-wrap">
<h2>
Izradjujemo sajtove koji će
najbolje predstaviti vašu firmu i putem kog će potencijalni
klijenti moći da saznaju nešto više o vama što im može pomoći da izaberu baš vas!
</h2>
<div class="button"> <a href="#">Saznaj još</a> </div>
</div>
</div>
<div class="category">
<div class="category-img">
<img src="/assets/img/group.png" alt="Company Icon">
</div>
<div class="text-wrap">
<h2>
Sajtovi za grupe su predviđeni za muzičke grupe ili bilo koje slične sastave koji žele da budu dostupni online gde će ljudi moći da stupe kontakt sa njima. Sajtovi povećavaju profesionalnost takvim grupama u odnosu na one bez.
</h2>
<div class="button"> <a href="#">Saznaj još</a> </div>
</div>
</div>
<div class="category">
<div class="category-img">
<img src="/assets/img/single-man.png" alt="Company Icon">
</div>
<div class="text-wrap">
<h2>
Sajtovi za pojedince su
neke vrste portfolia gde pojedinac može predstaviti sebe i svoj rad i veštine.
</h2>
<div class="button"> <a href="#">Saznaj još</a> </div>
</div>
</div>
</div>
</section>
<!-- Testemonial Section -->
<section class="testimonial-section">
<h1>Iskustva klijenta</h1>
<span class="mobile-controls active-unit"></span>
<span class="mobile-controls"></span>
<span class="mobile-controls"></span>
<span class="mobile-controls"></span>
<div class="testimonial-wrap">
<div class="testimonial-unit active-unit">
<div class="profile-img">
<img src="assets/img/avatar.jpg">
</div>
<div class="testimonial-content">
<p> 1sDizajn je stvarno ekstra i preporucio bih ga svakome bla bla bla nbla bla b dizajne je ekstra ajde opet pisi ispocetka, ma kakav lorem ipsum sta ce mi.</p>
<p class="signature">Veljko Stanojevic</p>
</div>
</div>
<div class="testimonial-unit">
<div class="profile-img">
<img src="assets/img/avatar.jpg">
</div>
<div class="testimonial-content">
<p> 2sDizajn je stvarno ekstra i preporucio bih ga svakome asdsads adsadsad asdasd sadasd sadsads fsfds fdsfsdf dsfdssdfa feaewg eankjkj</p>
<p class="signature">Veljko Stanojevic</p>
</div>
</div>
<div class="testimonial-unit">
<div class="profile-img">
<img src="assets/img/avatar.jpg">
</div>
<div class="testimonial-content">
<p> 3 едноставно модел текста који се користи у штампарској и словослагачкој индустрији. Lorem ipsum је био стандард за модел текста још од 1500. године, када је непознати штампар узео кутију са слови</p>
<p class="signature">Veljko Stanojevic</p>
</div>
</div>
<div class="testimonial-unit">
<div class="profile-img">
<img src="assets/img/avatar.jpg">
</div>
<div class="testimonial-content">
<p> 4 ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostru</p>
<p class="signature">Veljko Stanojevic</p>
</div>
</div>
</div>
<div class="testimonial-controls">
<div class="next">
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 256 256" height="40px" id="Layer_1" version="1.1" viewBox="0 0 256 256" width="40px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M76.8,217.6c0-1.637,0.625-3.274,1.875-4.524L163.75,128L78.675,42.925c-2.5-2.5-2.5-6.55,0-9.05s6.55-2.5,9.05,0 l89.601,89.6c2.5,2.5,2.5,6.551,0,9.051l-89.601,89.6c-2.5,2.5-6.55,2.5-9.05,0C77.425,220.875,76.8,219.237,76.8,217.6z"/></svg>
</div>
<div class="prev">
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 256 256" height="40px" id="Layer_1" version="1.1" viewBox="0 0 256 256" width="40px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M179.199,38.399c0,1.637-0.625,3.274-1.875,4.524l-85.076,85.075l85.076,85.075c2.5,2.5,2.5,6.55,0,9.05s-6.55,2.5-9.05,0 l-89.601-89.6c-2.5-2.5-2.5-6.551,0-9.051l89.601-89.6c2.5-2.5,6.55-2.5,9.05,0C178.574,35.124,179.199,36.762,179.199,38.399z"/></svg>
</div>
</div>
</section>
<section class="contact-section">
<h1>Kontaktirajte nas za još informacija</h1>
<h2>[email protected]</h2>
<h2>061/188-18-19</h2>
<div class="flat-button"> <a href="kontakt">Kontakt forma</a> </div>
</section>
</main>
<footer class="footer">
<h1>COPYRIGHT© 2017 · Stranicu odradio sDizajn</h1>
</footer>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>