-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
312 lines (253 loc) · 16.5 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
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GOPROPA.pl - Najszybciej rozwijająca się sieć serwerów gier multiplayer</title>
<link rel="icon" href="img/assets/favicon.ico" type="image/ico">
<link href="css/plugins.css" rel="stylesheet" type="text/css" media="all">
<link href="css/theme.css" rel="stylesheet" type="text/css" media="all">
<link href="css/icon-fonts.css" rel="stylesheet" type="text/css" media="all">
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300%7CMontserrat:400,700%7CRaleway:400,200,300' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Start Header -->
<nav class="navbar navbar-default transparent">
<div class="container">
<div class="navbar-header">
<div class="container">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar top-bar"></span>
<span class="icon-bar middle-bar"></span>
<span class="icon-bar bottom-bar"></span>
</button>
<a class="navbar-brand logo-light" href="#"><img src="img/assets/logo-light.png" alt="#"></a>
<a class="navbar-brand logo-dark" href="#"><img src="img/assets/logo-dark.png" alt="#"></a>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<div class="container">
<ul class="nav navbar-nav menu-right">
<li><a href="https://forum.gopropa.pl">FORUM</a></li>
<li><a href="https://bans.gopropa.pl">LISTA BANÓW</a></li>
<li><a href="https://stats.gopropa.pl">STATYSTYKI GRACZY <small>- WKRÓTCE</small></a></li>
<li><a href="#">SKLEP <small>- WKRÓTCE</small></a></li>
<!-- Search Icon Button -->
<li class="header-divider"><a><span></span></a></li>
<!-- End Search Icon Button -->
<!-- Social Icons -->
<li><a href="https://fb.com/gopropacommunity" target="_blank"><span class="ion-social-facebook"></span></a></li>
<!-- End Social Icons -->
</ul>
</div>
</div>
</div>
</nav>
<!-- End Header -->
<!-- Hero Video -->
<section class="hero-fullscreen event-hero">
<div class="hero-parallax-fullscreen hero-video bg-event-1">
<video autoplay poster="img/event/bg-event-1.png" id="bgvid" loop>
<source src="img/event/video.mp4" type="video/mp4">
</video>
<div class="hero-container container">
<div class="hero-content scroll-opacity">
<div class="container text-center">
<!--<p class="subheading white mb5">START SERWERÓW ZA</p>
<h2 class="countdown-timer mt0 mb20 white" data-date="2018/04/18"></h2>-->
<img src="img/event/logo.png" class="img-responsive mr-auto" alt="#">
<p class="white">Najszybciej rozwijająca się sieć serwerów gier multiplayer.<br /><strong>SPRAWDŹ SAM!</strong></p>
<a href="https://forum.gopropa.pl" class="btn btn-primary btn-md mt40">Przejdź do forum</a>
</div>
</div>
</div>
<div class="play-bottom event-hero-bottom">
<a class="play-pause-btn music-play-btn pull-left"><i class="ion-pause"></i></a>
<ul class="list-inline pull-right">
<li><a href="https://fb.com/gopropacommunity"><i class="ion-social-facebook"></i></a></li>
</ul>
</div>
</div>
</section>
<!-- End Hero Video -->
<div class="site-wrapper fullwidth">
<!-- Start Features -->
<section class="pt120 pb60">
<div class="container">
<div class="row">
<div class="col-md-12 text-center section-heading">
<h5>GOPROPA.pl</h5>
<h3>Dlaczego my?</h3>
<p>Jako najszybciej rozwijająca się sieć serwerów multiplayer oferujemy naszym graczom<br /> szereg udoskonaleń, niedostępnych na konkurencyjnych serwerach gier.</p>
</div>
<div class="col-sm-4 text-center mt40 mb40">
<i class="ion-person-stalker size-4x highlight"></i>
<i class="ion-person-stalker back-icon-center"></i>
<div class="feature-info-center mt15">
<h4>Społeczność</h4>
<p class="feature-description">Społeczność grupy steam licząca blisko 1.5k osób pozwala twierdzić nam, że jesteśmy jedną z największych społeczności w Polsce.</p>
</div>
</div>
<div class="col-sm-4 text-center mt40 mb40">
<i class="ion-android-hangout size-4x highlight"></i>
<i class="ion-android-hangout back-icon-center"></i>
<div class="feature-info-center mt15">
<h4>Aktulaności</h4>
<p class="feature-description">Na naszym forum codziennie pojawiają się nowe wpisy, a dzięki temu nasza społeczność jest ciągle na bieżąco z nowinkami.</p>
</div>
</div>
<div class="col-sm-4 text-center mt40 mb40">
<i class="ion-mic-a size-4x highlight"></i>
<i class="ion-mic-a back-icon-center"></i>
<div class="feature-info-center mt15">
<h4>Serwery głosowe</h4>
<p class="feature-description">Jeśli masz ochotę pogadać z nami, zapraszamy na nasz serwer temaspeak3.</p>
</div>
</div>
</div>
</div>
</section>
<!--End Features -->
<!-- Schedule -->
<section class="pt100 pb50 bg-pattern-3">
<div class="container">
<div class="row">
<div class="col-md-12 text-center section-heading mb30">
<h5>GOPROPA.pl</h5>
<h3 class="underline-center">Linia czasu</h3>
<p>Zobacz co już się u nas działo oraz co dopiero się będzie działo.</p>
</div>
<div class="col-md-12 text-center">
<div class="buttons-tabs-centered">
<ul id="buttonTabs" class="nav nav-tabs nav-tabs-center">
<li class="active"><a href="#tab-c1" data-toggle="tab">Wkrótce</a></li>
<li class=""><a href="#tab-c2" data-toggle="tab">Historia</a></li>
</ul>
</div>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in text-left" id="tab-c1">
<div class="timeline">
<div class="timeline-block">
<div class="timeline-bullet"></div>
<div class="timeline-content">
<h2>Start serwera JailBreak</h2>
<span class="date">01.05.2018</span>
</div>
</div>
<div class="timeline-block">
<div class="timeline-bullet"></div>
<div class="timeline-content">
<h2>Start serwera SURF RPG</h2>
<span class="date">01.05.2018</span>
</div>
</div>
<div class="timeline-block">
<div class="timeline-bullet"></div>
<div class="timeline-content">
<h2>Uruchomienie sklepu VIP</h2>
<span class="date">27.04.2018</span>
</div>
</div>
<div class="timeline-block">
<div class="timeline-bullet"></div>
<div class="timeline-content">
<h2>Uruchomienie statystyk graczy</h2>
<span class="date">26.04.2018</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade text-left" id="tab-c2">
<div class="timeline">
<div class="timeline-block">
<div class="timeline-bullet"></div>
<div class="timeline-content">
<h2>VIP Giveaway dla 10 osób</h2>
<span class="date">20.04.2018</span>
</div>
</div>
<div class="timeline-block">
<div class="timeline-bullet"></div>
<div class="timeline-content">
<h2>Wielkie otwarcie</h2>
<span class="date">20.04.2018</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Schedule -->
<!-- Start Video Section -->
<section class="parallax bg-event-2 pt50 pb50">
<div class="container">
<div class="row-flex-center">
<div class="col-md-6 text-left pr30 mt40 mb20">
<div class="section-heading">
<h5 class="white pl3">GOPROPA.pl</h5>
<h3 class="white">Jakie mamy plany</h3>
</div>
<p class="grey">Dążymy z naszymi serwerami do perfekcji, a co za tym idzie do unikalności serwerów.</p>
<p class="grey">Stworzenie jednej wielkiej rodziny pozwala nam na udoskonalanie naszych serwerów, forum oraz kadry administracyjnej co poskutkuje lepszym odbiorem gry dla naszych graczy</p>
</div>
<div class="col-md-6 mt40 mb40">
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/1nkO4N7P-Ys?rel=0&controls=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- End Video Section -->
<!-- Clients Section -->
<section class="pt70 pb70 border-bottom">
<div class="container">
<div class="row">
<div id="clients-slider-2" class="owl-carousel dark-pagination">
<div style="padding-left: 10px; padding-right: 10px;"><img src="https://itkreatywni.pl/images/brand.png" class="img-responsive" alt="#"></div>
<div style="padding-left: 10px; padding-right: 10px;"><img src="https://csgotokens.com/images/logo.gif" class="img-responsive" alt="#"></div>
</div>
</div>
</div>
</section>
<!-- End Clients -->
<!-- Start Footer 1 -->
<footer id="footer-1" class="pt60 pb50">
<div class="container">
<div class="row">
<div class="col-md-8">
<p><a href="#">© 2018 GOPROPA.pl · </a>Stworzone z <i class="ion-heart highlight"></i> dla najlepszych graczy.</p>
</div>
<!--<div class="col-md-4">
<div class="subscription">
<h4>Newsletter</h4>
<form action="#" method="post" id="subscribe-form" role="form">
<div class="form-validation alert"></div>
<div class="form-group subscribe-form-input">
<input type="email" name="email" id="subscribe-form-email" class="footer-subscribe-input" placeholder="Wpisz e-mail i dołącz do newslettera*" autocomplete="off" />
</div>
</form>
<p class="subscribe-info"><i class="ion-information-circled"></i> Nie wysyłamy spamu ani nie udostępniamy informacji podmiotom trzecim</p>
</div>
</div> -->
</div>
</div>
</footer>
<!-- End Footer 1 -->
<!-- Start Back To Top -->
<a id="back-to-top"><i class="icon ion-chevron-up"></i></a>
<!-- End Back To Top -->
</div><!-- Site Wrapper -->
<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/plugins.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>