-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
432 lines (369 loc) · 22.9 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
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
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
<!DOCTYPE html>
<html>
<head>
<title>SpisTresci.pl</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta property="og:image" content="http://spistresci.pl/images/FB_thumbnail.png" />
<meta property="og:title" content="Książkowa wyszukiwarka i porównywarka cenowa tworzona dla Was!" />
<meta property="og:description" content='Rozpoczynając pracę nad pierwszą wersją chcieliśmy stworzyć idealną wyszukiwarkę i porównywarkę dla rynku księgarskiego. Z wielu przyczyn nie udało nam się to. Bogatsi o doświadczenia i nowe umiejętności, wracamy do "desek kreślarskich", by stworzyć dla Was serwis na jaki zasługujecie!'/>
<!-- Included Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300,100' rel='stylesheet' type='text/css'>
<!-- CSS Files comes here -->
<link href="css/grid12.css" rel="stylesheet" media="screen"> <!-- Grid System -->
<link href="css/james_typography.css" rel="stylesheet" media="screen"> <!-- James Framework - TYPOGRAPHY -->
<link href="css/main.css" rel="stylesheet" media="screen"> <!-- Main CSS file -->
<link href="css/color_scheme_dark.css" rel="stylesheet" media="screen"> <!-- Color scheme (dark/light)-->
<link href="css/colors/color_palette_teal.css" rel="stylesheet" media="screen"> <!-- Color palette -->
<link href="css/rapid-icons.css" rel="stylesheet" media="screen"> <!-- James Framework - ICONS -->
<link href="css/responsivity.css" rel="stylesheet" media="screen"> <!-- Responsive Fixes -->
<link href="css/animate.css" rel="stylesheet" media="screen"> <!-- Animate - animations -->
<link href="css/nivo-lightbox.css" rel="stylesheet" media="screen"> <!-- Lightbox Styles -->
<link href="css/nivo_lightbox_themes/default/default.css" rel="stylesheet" media="screen"> <!-- Lightbox Styles -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen"> <!-- Owl - Carousel -->
<link href="css/owl.theme.css" rel="stylesheet" media="screen"> <!-- Owl - Carousel -->
<link href="css/owl.transitions.css" rel="stylesheet" media="screen"> <!-- Owl - Carousel -->
<!-- Modernizer and IE specyfic files -->
<script src="js/modernizr.custom.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45133188-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="preloader_container">
<!-- Preloader Screen -->
<header class="preloader_header">
<div class="preloader_loader">
<svg class="preloader_inner" width="60px" height="60px" viewBox="0 0 80 80">
<path class="preloader_loader_circlebg" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z"/>
<path id="preloader_loader_circle" class="preloader_loader_circle" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z"/>
</svg>
</div>
</header>
<!-- //Preloader Screen -->
<!-- Fullscreen homepage -->
<section class="hero_fullscreen background_solid">
<!-- Logo and navigation -->
<div class="container" >
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 outher">
<img src="images/logo.png" alt="logo" class="logo inner"/>
<div class="inner float-right"><p>[email protected]</p></div>
</div>
</div>
</div>
<!-- //Logo and navigation -->
<!-- Main content -->
<div class="container align-center" id="main_content">
<div class="content_container row" >
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 home_content">
<h2 class="slogan">SpisTreści.pl</h2>
<h6>Rozpoczynając pracę nad pierwszą wersją chcieliśmy stworzyć idealną wyszukiwarkę i porównywarkę dla rynku księgarskiego. Z wielu przyczyn nie udało nam się to. Bogatsi o doświadczenia i nowe umiejętności, wracamy do "desek kreślarskich", by stworzyć dla Was serwis na jaki zasługujecie!</h6>
<!--<!– CTA Button–>-->
<!--<div class="cta_button_area">-->
<!--<div><button class="btn waves-effect waves-light subscribe-submit">button</button></div>-->
<!--</div>-->
<!--<!– //CTA Button–>-->
<div class="home_mockups">
<img src="images/home_mockups_3__gradient.png" alt="" class="img_responsive home_mockups_3"/>
<img src="images/home_mockups_2__gradient.png" alt="" class="img_responsive home_mockups_2"/>
<img id="campaign-icon" src="images/home_mockups_1.png" alt="" class="img_responsive home_mockups_1"/>
</div>
</div>
</div>
</div>
<!-- //Main content -->
</section>
<!-- //Homepage -->
<!-- Subsection: More info -->
<section id="more_info" class="subsection darker_bg align-center ">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="iconbox content_anim1">
<img src="images/speed_icon.svg" alt="icon name" style="width: 77px">
<div class="iconbox_content">
<h5>Szybkość</h5>
<p>Baza danych z ofertami aktualizowana na bieżąco, oraz nowa architektura serwisu zapewnia właściwości jakich można oczekiwać od wyszukiwarki i porównywarki cenowej.</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="iconbox content_anim2">
<img src="images/open_source_icon.svg" alt="icon name" style="width: 77px">
<div class="iconbox_content">
<h5>Otwartość</h5>
<p>Wierzymy w ideę otwartego oprogramowania, które czyni internet bezpieczniejszym i lepszym miejscem dla każdego użytkownika. Cały kod źródłowy Spisu Treści, <a href="https://github.com/SpisTresci/SpisTresci" target="_blank">dostępny jest do pobrania</a> i uruchomienia na własnym komputerze czy serwerze.</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="iconbox content_anim3">
<img src="images/stable_icon.svg" alt="icon name" style="width: 77px">
<div class="iconbox_content">
<h5>Stabilność</h5>
<p>Tylko nowoczestny serwis internetowy z kodem źródłowym maksymalnie pokrytym automatycznymi testami, jest w stanie naprawdę dynamicznie się rozwijać. Metodologia TDD stoi u podstaw tego projektu.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //Subsection: More info -->
<!-- Subsection: Features -->
<section class="subsection" id="features">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 align-center content_anim6 features_image" >
<div class="lc-iframe-wrapper">
<iframe src="http://www.livecoding.tv/noisy/embed" frameborder="0" allowfullscreen="true" scrolling="no"></iframe>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 content_anim7">
<h3>Na żywo, na Waszych oczach</h3>
<p>Poprzednim razem pracowaliśmy w ukryciu przez kilkaset dni, by na końcu pokazać światu efekt naszej pracy. Oznacza to, że dokładnie tyle czasu minęło od naszych pierwszych decyzji projektowych, do momentu w którym mogliśmy od Was usłyszeć, czy faktycznie były one konieczne.</p>
<p>Postanowiliśmy pracować w sposób transparentny, tak bardzo jak się tylko da. Wszystkie sesje programistyczne poświęcone projektowi, są <a href="https://www.livecoding.tv/noisy/">transmitowane na żywo</a> oraz <a href="https://www.livecoding.tv/noisy/videos">zapisywane</a> w serwisie LiveCoding.tv. Mamy też typowo programistycznego <a href="http://devblog.spistresci.pl/">DevBloga</a> :)</p>
<p>Robocza wersja strony jest cały czas dostępna pod adresem <a href="http://alpha.spistresci.pl/" target="_blank">alpha.spistresci.pl</a>.</p>
</div>
</div>
<div class="row feature_row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 content_anim4">
<h3>Najpierw MVP</h3>
<p>Minimum Viable Product, to w polskim tłumaczeniu produkt posiadający tylko kluczowe funkcjonalności. Gotowe MVP nie jest prototypem, czy posklejaną taśmą klejącą wersją produktu, która stara się robić wszystko.</p>
<p>MVP to stabilny lecz minimalny fundament realizujący główne założenie projektu, mający tymsamym główną wartość biznesową dla końcowych użytkowników.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 align-center content_anim5 deatures_image" >
<img src="images/board.png" alt="" class="img_responsive"/>
</div>
</div>
</div>
</section>
<!-- //Subsection: Features -->
<!-- Subsection: Newspapers -->
<section id="newspapers" class="subsection darker_bg">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-center">
<div class="intro content_anim8">
<h3>Technologie z których korzystamy</h3>
<p>Jeżeli jesteś specjalistą w którejś z tych technologii, możesz wesprzeć nasz projekt robiąc nam code review lub nawet pisząc kawałek kodu!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim9"><img src="images/reviews_logos/html5.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim10"><img src="images/reviews_logos/css3.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim11"><img src="images/reviews_logos/angular.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim12"><img src="images/reviews_logos/bowerjs.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim13"><img src="images/reviews_logos/gruntjs.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim14"><img src="images/reviews_logos/djangorestframework.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim9"><img src="images/reviews_logos/django.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim10"><img src="images/reviews_logos/python.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim11"><img src="images/reviews_logos/apachesolr.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim12"><img src="images/reviews_logos/postgresql.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim13"><img src="images/reviews_logos/docker.png" alt=""></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-lg-2 reviews_logo content_anim14"><img src="images/reviews_logos/github.png" alt=""></div>
</div>
</div>
</section>
<!-- //Subsection: Newspapers -->
<!-- Subsection: Screenshots -->
<!--<section id="screenshots" class="subsection">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-center content_anim15">-->
<!--<div class="intro">-->
<!--<h3>Screenshots</h3>-->
<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!-- -->
<!--<div class="row screenshots_gallery">-->
<!--<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 content_anim16"><a href="images/screenshots/1.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/1.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 content_anim17"><a href="images/screenshots/2.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/2.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 content_anim18"><a href="images/screenshots/3.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/3.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 content_anim19"><a href="images/screenshots/4.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/4.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 content_anim20"><a href="images/screenshots/5.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/5.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 content_anim21"><a href="images/screenshots/6.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/6.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 content_anim22"><a href="images/screenshots/7.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/7.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 content_anim23"><a href="images/screenshots/8.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/8.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 content_anim24"><a href="images/screenshots/7.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/9.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!-- -->
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 content_anim25"><a href="images/screenshots/10.jpg" data-lightbox-gallery="gallery1">-->
<!--<img src="images/screenshots/10.jpg" class="shadow img_responsive" alt="" width="320"></a></div>-->
<!--</div>-->
<!-- -->
<!--</div>-->
<!--</section>-->
<!-- //Subsection: Screenshots -->
<!-- Subsection: Reviews -->
<section id="reviews" class="subsection color_bg">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-center">
<div class="">
<h3>Obecnie projekt tworzą</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 col-sm-offset-2 col-md-offset-2 col-lg-offset-2">
<div class="owl-carousel align-center">
<!-- Review 1 -->
<div class="single_review">
<img src="images/review_01.jpg" alt="" class="img-circle">
<div class="review_content">
<p>Magdalena Szumna, Frontend Developer</p>
<!--<h6>Gdy patrzyłam jak zespół budował pierwszą wersję Spisu Treści, widząc, że brakuje rąk do pracy, postanowiłam chłopakom pomóc. Tak zaczęła się moja przygoda z IT :) Dzisiaj jestem pełnoetatowym Junior Frontend Developerem.</h6>-->
<h6>Gdy czytacie, że SpisTreści zmienił moje życie, pomyślicie, że żartuję. Prawda jest jednak taka, że to właśnie dzięki temu serwisowi odkryłam swoje miejsce w IT.</h6>
</div>
</div>
<!-- //Review 1 -->
<!-- Review 2 -->
<div class="single_review">
<img src="images/review_02.jpg" alt="" class="img-circle">
<div class="review_content">
<p>Jolanta Socha, Tester</p>
<h6>Kocham książki oraz wysoką jakość, dlatego postanowiłam osobiście zadbać o to, by "SpisTreści 2.0" spełniał wszystkie rygorystyczne kryteria stabilnego i przyjaznego oprogramowania.</h6>
</div>
</div>
<!-- //Review 2 -->
<!-- Review 3 -->
<div class="single_review">
<img src="images/review_03.jpg" alt="" class="img-circle">
<div class="review_content">
<p>Krzysztof Szumny, Backend Developer</p>
<h6>SpisTreści.pl nauczył mnie wiele, ale przede wszystkim tego, że sam mogę od siebie oczekiwać jeszcze więcej. Temu projektowi także wiele zawdzięczam, dlatego chcę go doprowadzić do poziomu na jaki zasługuje. </h6>
</div>
</div>
<!-- //Review 3 -->
<!-- Review 4 -->
<div class="single_review">
<img src="images/review_04.jpg" alt="" class="img-circle">
<div class="review_content">
<p>Ty!</p>
<h6>Projekt taki jak ten wymaga wiele pracy. Tworzymy go na zasadach otwartego kodu źródłowego, dzięki temu każdy chętny w dowolnym momencie może przyłączyć się do nas, pomagając zaimplementować rzecz, która jest dla niego ważna.</h6>
</div>
</div>
<!-- //Review 4 -->
</div>
</div>
</div>
</div>
</section>
<!-- //Subsection: Reviews -->
<!-- Subsection: FAQ -->
<section id="faq" class="subsection">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-center content_anim27">
<div class="intro">
<h3>Ważne pytania i odpowiedzi</h3>
<!--<p>Got questions? We have answers.</p>-->
</div>
</div>
</div>
<div class="row align-left content_anim28">
<!-- Q1 -->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="iconbox content_anim1">
<h5>Jak mogę Wam pomóc?</h5>
<p>Samo trzymanie kciuków na pewno nic nie da. Potrzebujemy realnej pomocy i dopingu! Naszą pracę można na bieżąco śledzić na naszym <a href="http://devblog.spistresci.pl/" target="_blank">devBlogu</a>, <a href="http://github.com/SpisTresci/SpisTresci" target="_blank">githubie</a> a nawet na naszym kanale w serwisie <a href="https://www.livecoding.tv/noisy" target="_blank">LiveCoding.tv</a>. Dobre pomysły będą przydatne, ale przede wszystkim liczymy na konstruktywną krytykę naszych działań!</p><p>O sprawach związanych z projektem możesz z nami porozmawiać na <a href="http://gitter.im/SpisTresci/SpisTresci/" target="_blank">naszym gitterze</a>, na który Cię serdecznie zapraszamy.</p>
</div>
</div>
<!-- //Q1 -->
<!-- Q2 -->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="iconbox content_anim1">
<h5>Czy potrzebny w ogóle jest nowy serwis?</h5>
<p>Skoro tutaj jesteś, to jesteśmy tego pewni! Co prawda istnieją inne porównywarki takie jak: <a href="http://ebooki.swiatczytnikow.pl/" target="_blank">ebooki.swiatczytnikow.pl</a>, <a href="http://upolujebooka.pl/" target="_blank">upolujebooka.pl</a>, <a href="http://eboo.pl/" target="_blank">eboo.pl</a> (do których póki co Was odsyłamy :)), jednak żadna z nich nie posiada funkcji, w jakie chcielibyśmy wyposażyć nasz serwis. Inna sprawa, że chcemy stworzyć otwarto-źródłowy silnik, z którego nawet konkurencja będzie mogła skorzystać, tworząc porównywarkę dowolnych produktów :)</p>
</div>
</div>
<!-- //Q2 -->
</div>
<div class="row align-left content_anim29">
<!-- Q3 -->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="iconbox content_anim1">
<h5>Co z moim kontem w serwisie?</h5>
<p>Wszystkie dane z pierwszej wersji serwisu zostały zapisane. Twoje konto zostanie aktywowane, gdy nowy serwis będzie już na to pozwalał.</p>
</div>
</div>
<!-- //Q3 -->
<!-- Q4 -->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="iconbox content_anim1">
<h5>Dlaczego do czasu startu nowej wersji, stara strona nie może wciąż działać?</h5>
<p>Krótko mówiąc chodzi o koszty. Utrzymanie serwererów dla architektury pierwszej wersji serwisu jest dość kosztowne. Dodając do tego fakt, że nie byliśmy zadowoleni z jego małej stabilności, uznaliśmy, że tylko wyłączając serwis będziemy mogli skupić się na rozwijaniu nowej wersji.</p>
</div>
</div>
<!-- //Q4 -->
</div>
</div>
</section>
<!-- //Subsection: FAQ -->
<!--<!– Subsection: CTA –>-->
<!--<section class="subsection darker_bg">-->
<!--<div class="container">-->
<!--<div class="row align-center">-->
<!--<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">-->
<!--<h3>A very clear closing argument<br class="visible-lg visible-md">statement of your offer.</h3>-->
<!--<div><button class="btn waves-effect waves-light subscribe-submit">Cta button</button></div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</section>-->
<!--<!– //Subsection: CTA –>-->
<!-- Footer -->
<section id="footer" class="subsection color_bg">
<div class="container" >
<div class="row ">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 outher">
<img src="images/logo.png" alt="logo" class="logo inner"/>
<p class="inner">© Copyright 2016</p>
<p class="float-right inner visible-lg visible-md">Kontakt: <strong>[email protected]</strong></p>
</div>
</div>
</div>
</section>
<!-- //Footer -->
</div>
<!-- //preloader -->
<!-- JavaScript plugins comes here -->
<script src="js/jquery-2.1.3.min.js"></script> <!-- jQuery -->
<script src="js/jquery.easing.min.js"></script> <!-- jQuery easing -->
<script src="js/jquery.cycle.all.min.js"></script> <!-- jQuery cycle -->
<script src="js/materialize.js"></script> <!-- Materialize -->
<script src="js/classie.js"></script> <!-- Class helper function -->
<script src="js/pathLoader.js"></script> <!-- Preloader Loading Animation -->
<script src="js/preloader.js"></script> <!-- Preloader -->
<!--<script src="js/retina.js"></script> <!– Retina.js - support for HiDPI Displays –>-->
<script src="js/waypoints.min.js"></script> <!-- Waypoints -->
<script src="js/nivo-lightbox.min.js"></script> <!-- Lightbox/Modalbox -->
<script src="js/owl.carousel.js"></script> <!-- Owl Carousel -->
<script src="js/main.js"></script> <!-- Main Js file -->
</body>
</html>