-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (220 loc) · 20 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
<!DOCTYPE html>
<html lang="PL-pl" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Strona polskiej społeczności gamingowej Strefa Gier">
<meta name="keywords" content="gaming, community, Strefa Gier">
<meta name="author" content="Shoka1ei, Strefa Gier">
<meta name="copyright" content="© 2001-2023 Strefa Gier">
<meta property="og:title" content="Strefa Gier">
<meta property="og:description" content="Strona polskiej społeczności gamingowej Strefa Gier">
<meta property="og:type" content="website">
<meta property="og:url" content="https://strefagier.com.pl/">
<meta name="referrer" content="no-referrer">
<title>Strefa Gier</title>
<link rel="canonical" href="https://strefagier.com.pl/">
<link rel="shortcut icon" href="assets/icons/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/style.css">
<script defer src="bootstrap/js/bootstrap.bundle.min.js"></script>
<script defer src="assets/script.js"></script>
</head>
<body class="text-light">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container">
<a href="#section_welcome" class="navbar-brand">STREFA GIER</a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapseMenu" aria-controls="navbarCollapseMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapseMenu">
<ul class="navbar-nav ms-auto">
<li class="nav-item d-none d-lg-block">
<a href="#section_welcome" class="nav-link">HOME</a>
</li>
<li class="nav-item mx-lg-2">
<a href="#section_about" class="nav-link">O NAS</a>
</li>
<li class="nav-item">
<a href="#section_arma3" class="nav-link">ARMA 3</a>
</li>
<li class="nav-item mx-lg-2">
<a href="#section_cs" class="nav-link">COUNTER STRIKE 2</a>
</li>
<li class="nav-item">
<a href="#section_warthunder" class="nav-link">WAR THUNDER</a>
</li>
<li class="nav-item">
<a href="serwery.html" class="nav-link">NASZE SERWERY</a>
</li>
<li class="nav-item ms-lg-2">
<a href="#section_contact" class="nav-link">KONTAKT</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="section_welcome" class="d-flex justify-content-center align-items-center flex-column text-center">
<img src="assets/images/sg_logo.png" alt="SG_logo" class="img-fluid self_welcomeAnimationEl">
<h1 class="fs-4 m-3 self_welcomeAnimationEl">STRONA POLSKIEJ SPOŁECZNOŚCI GAMINGOWEJ <br class="d-none d-sm-block"> STREFA GIER</h1>
<a href="https://discord.gg/UyVAHJtXPA" class="self_discordBtn px-4 py-2 rounded d-flex align-items-center self_welcomeAnimationEl">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord me-2" viewBox="0 0 16 16">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
</svg>
DOŁĄCZ
</a>
</section>
<section id="section_about" class="d-flex align-items-center">
<div class="container">
<div class="col-12 col-md-10 col-lg-8 col-xl-6 offset-md-1 offset-lg-2 offset-xl-3 text-center bg-dark p-5 rounded border">
<h1 class="mb-3">STREFA GIER</h1>
<p class="fs-4">
StrefaGier.com.pl to jedna z najstarszych polskich społeczności gamingowych założona w 2001 roku. Wśród nas są osoby w różnym przedziale wiekowym, od studentów aż po ciężko pracujących, szukających relaksu i miłego spędzenia czasu. Skupiamy się głównie wokół gier multiplayer, stawiających na coop i szeroko pojętą współpracę.
</p>
</div>
</div>
</section>
<section id="section_arma3" class="d-flex align-items-center">
<div class="container">
<div class="col-12 col-md-8 col-lg-6 offset-md-4 offset-lg-6 bg-dark p-5 rounded border">
<h1 class="mb-3">ARMA 3</h1>
<p class="fs-6">
Na naszych serwerach Arma 3, gramy w tryb CTI Liberation RX, polegający na odbiciu terytorium z rąk wroga. Wraz ze swoimi towarzyszami, doświadcz wieloosobowej kampanii CTI, gdzie jest do przejęcia około 200 różnych sektorów. Cooperative przeznaczony aż dla 34 graczy, rekrutuj żołnierzy AI, kupuj pojazdy, zbuduj bazę FOB ze swoich marzeń. Zwalczaj agresywne i podstępne wrogie siły, które reagują na twoje działania, zalicz losowo generowane zadania drugorzędne - secondary objectives.
</p>
<div class="d-flex flex-column">
<a href="https://www.gametracker.com/server_info/51.77.56.144:2302" target="_blank" aria-label="link do szczegółów naszego serwera">
<img class="img-fluid mb-1" src="https://cache.gametracker.com/server_info/51.77.56.144:2302/b_560_95_1.png" alt="banner serwera arma3">
</a>
<a href="https://www.gametracker.com/server_info/51.77.56.144:2312" target="_blank" aria-label="link do szczegółów naszego serwera">
<img class="img-fluid mb-1" src="https://cache.gametracker.com/server_info/51.77.56.144:2312/b_560_95_1.png" alt="banner serwera arma3">
</a>
<a href="https://www.gametracker.com/server_info/51.77.56.144:2322" target="_blank" aria-label="link do szczegółów naszego serwera">
<img class="img-fluid" src="https://cache.gametracker.com/server_info/51.77.56.144:2322/b_560_95_1.png" alt="banner serwera arma3">
</a>
</div>
</div>
</div>
</section>
<section id="section_cs" class="d-flex align-items-center">
<div class="container">
<div class="col-12 col-md-8 col-lg-6 bg-dark p-5 rounded border">
<h1 class="mb-3">COUNTER STRIKE 2</h1>
<p class="fs-6">
Seria CounterStrike to kultowa strzelanka pierwszoosobowa, która od lat zachwyca graczy na całym świecie. To gra o szybkim tempie, wymagająca refleksu i umiejętności strategicznego myślenia. Jeśli szukasz wrażeń i chcesz sprawdzić zapraszamy do wspólnego grania w Counter Strike 2.
</p>
</div>
</div>
</section>
<section id="section_warthunder" class="d-flex align-items-center">
<div class="container">
<div class="col-12 col-md-8 col-lg-6 offset-md-4 offset-lg-6 bg-dark p-5 rounded border">
<h1 class="mb-3">WAR THUNDER</h1>
<p class="fs-6 mb-3">
War Thunder to gra, która łączy ludzi z całego świata. Niezależnie od wieku, płci czy umiejętności, każdy znajdzie tu coś dla siebie. Gra ta nigdy się nie nudzi, dzięki różnorodnym trybom gry, mapom i pojazdom, zawsze znajdziesz coś dla siebie. Dołącz do nas na polach bitew z całego świata!
</p>
<a href="https://warthunder.com/pl/community/claninfo/Strefa%20Gier%20Armed%20Forces" target="_blank" id="wt_squadron"><span class="d-none d-sm-inline">[=SGAF=] SG Armed Forces</span><span class="d-sm-none">[=SGAF=]</span></a>
</div>
</div>
</section>
<section id="section_contact" class="d-flex align-items-center position-relative">
<div class="container">
<div class="col-12 col-md-8 col-lg-6 offset-md-2 offset-lg-3 bg-dark py-2 rounded text-center mb-4 border ">
<div class="d-flex align-items-center justify-content-between mx-2 mb-0">
<button type="button" class="btn pb-2" id="self_switchOtherButton_left">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left-fill self_largeIcon" viewBox="0 0 16 16">
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
</svg>
</button>
<button type="button" class="btn pb-2" id="self_switchOtherButton_right">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill self_largeIcon" viewBox="0 0 16 16">
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
</svg>
</button>
</div>
</div>
<div id="self_otherContainer" class="col-12 col-md-8 col-lg-6 offset-md-2 offset-lg-3 bg-dark p-5 rounded text-center border">
<div class="self_otherGame">
<h3>KONTAKT</h3>
<p class="mt-2">Do wszelkiego kontaktu zapraszamy na nasz serwer Discord.</p>
<a href="https://discord.gg/UyVAHJtXPA" class="self_discordBtn px-3 py-2 rounded d-inline-block">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord me-2" viewBox="0 0 16 16">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
</svg>
DOŁĄCZ
</a>
</div>
<div class="self_otherGame">
<h3>Day Z</h3>
<p class="mt-2">DayZ to niezwykłe doświadczenie, które przeniesie cię w postapokaliptyczny świat, gdzie musisz przetrwać w bezlitosnej rzeczywistości. Czy zostaniesz samotnym wilkiem, tropiąc innych graczy i zdobywając zapasy? A może postanowisz współpracować z innymi ocalałymi, budując społeczność? Sprawdź na naszym serwerze.</p>
<a href="https://www.gametracker.com/server_info/176.57.140.205:2302/" target="_blank" aria-label="link do szczegółów naszego serwera">
<img src="https://cache.gametracker.com/server_info/176.57.140.205:2302/b_560_95_1.png" alt="gametracker naszego serwera rust" class="img-fluid">
</a>
</div>
<div class="self_otherGame">
<h3>RUST</h3>
<p class="mt-2">RUST to gra survivalowa, w której musisz walczyć o przetrwanie w brutalnym świecie. Musisz zbierać zasoby, budować schronienie i bronić się przed innymi graczami. Jeśli szukasz wyzwania zapraszamy na nasz serwer.</p>
<a href="https://www.gametracker.com/server_info/51.77.56.144:28016/" target="_blank" aria-label="link do szczegółów naszego serwera">
<img src="https://cache.gametracker.com/server_info/51.77.56.144:28016/b_560_95_1.png" alt="gametracker naszego serwera rust" class="img-fluid">
</a>
</div>
<div class="self_otherGame">
<h3>SCUM</h3>
<p class="mt-2">SCUM to gra survivalowa rozgrywająca się w fikcyjnej rzeczywistości, gdzie stacja telewizyjna TEC1 przygotowała brutalne show zatytułowane SCUM, w którym więźniowie walczą o życie oraz przychylność sponsorów i fanów.</p>
<a href="https://www.battlemetrics.com/servers/scum/24119135" target="_blank" aria-label="link do szczegółów naszego serwera">
<img src="https://cdn.battlemetrics.com/b/horizontal500x80px/24119135.png?foreground=%23EEEEEE&background=%23222222&lines=%23333333&linkColor=%231185ec&chartColor=%23FF0700" alt="gametracker naszego serwera rust" class="img-fluid">
</a>
</div>
<div class="self_otherGame">
<h3>GROUND BRANCH</h3>
<p class="mt-2">Ground Branch to taktyczna strzelanka pierwszoosobowa, która oferuje realistyczne i wymagające rozgrywki w stylu klasyki Rainbow Six i Ghost Recon. Gra wymaga od gracza umiejętności planowania, współpracy i taktycznego myślenia. Nasz serwer jest do waszej dyspozycji.</p>
<a href="https://www.gametracker.com/server_info/51.77.56.144:6666/" target="_blank" aria-label="link do szczegółów naszego serwera">
<img src="https://cache.gametracker.com/server_info/51.77.56.144:6666/b_560_95_1.png" alt="gametracker naszego serwera ground branch" class="img-fluid">
</a>
</div>
<!-- SZABLON
•szablon zawiera tagi: div, h4, p, a, img;
•między tag h4 należy umieścić tytuł gry;
•między tag p należy wstawić opis gry;
•tag a posiada atrybut href - należy umieścić link do GameTrackera między cudzysłowy;
•tag img posiada atrybut src - należy umieścić link DO ZDJĘCIA GameTrackera między cudzysłowy;
•jeśli tag img posiada atrybuty takie jak: border, width, height - NALEŻY JE USUNĄĆ!
<div class="self_otherGame">
<h4> TYTUŁ </h4>
<p> OPIS </p>
<a href=" LINK DO GAME TRACKERA " target="_blank">
<img src=" LINK DO ZDJECIA GAME TRACKERA " alt="GB gametracker" class="img-fluid">
</a>
</div>
SZABLON -->
</div>
</div>
</section>
<footer class="d-flex justify-content-center align-items-center flex-column">
<div class="mb-3">
<a href="https://discord.gg/UyVAHJtXPA" class="text-decoration-none">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord me-2 self_largeIcon" viewBox="0 0 16 16">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
</svg>
</a>
<a href="https://steamcommunity.com/groups/sg-grupa" class="text-decoration-none">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-steam self_largeIcon ms-3 me-4" viewBox="0 0 16 16">
<path d="M.329 10.333A8.01 8.01 0 0 0 7.99 16C12.414 16 16 12.418 16 8s-3.586-8-8.009-8A8.006 8.006 0 0 0 0 7.468l.003.006 4.304 1.769A2.198 2.198 0 0 1 5.62 8.88l1.96-2.844-.001-.04a3.046 3.046 0 0 1 3.042-3.043 3.046 3.046 0 0 1 3.042 3.043 3.047 3.047 0 0 1-3.111 3.044l-2.804 2a2.223 2.223 0 0 1-3.075 2.11 2.217 2.217 0 0 1-1.312-1.568L.33 10.333Z"/>
<path d="M4.868 12.683a1.715 1.715 0 0 0 1.318-3.165 1.705 1.705 0 0 0-1.263-.02l1.023.424a1.261 1.261 0 1 1-.97 2.33l-.99-.41a1.7 1.7 0 0 0 .882.84Zm3.726-6.687a2.03 2.03 0 0 0 2.027 2.029 2.03 2.03 0 0 0 2.027-2.029 2.03 2.03 0 0 0-2.027-2.027 2.03 2.03 0 0 0-2.027 2.027Zm2.03-1.527a1.524 1.524 0 1 1-.002 3.048 1.524 1.524 0 0 1 .002-3.048Z"/>
</svg>
</a>
<a href="https://www.facebook.com/people/Strefa-Gier/100066493794051" class="text-decoration-none">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook self_largeIcon" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</a>
</div>
<div class="d-flex align-items-center text-center">
<span>© 2001-2023 <br class="d-sm-none"> Strefa Gier</span>
<span class="vr mx-3"></span>
<span>CREATED BY: <br class="d-sm-none"> Shoka1ei</span>
<span class="vr mx-3"></span>
<span>DESIGNED BY: <br class="d-sm-none"> Strefa Gier</span>
</div>
</footer>
</body>
</html>