-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
391 lines (388 loc) · 19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Purpose is a unique and beautiful collection of UI elements that are all flexible and modular. A complete and customizable solution to building the website of your dreams.">
<meta name="author" content="Webpixels">
<title>Prism Gameservers</title>
<!-- Favicon -->
<link rel="icon" href="/assets/img/favicon.png" type="image/png">
<!-- Font Awesome 5 -->
<link rel="stylesheet" href="/assets/libs/@fortawesome/fontawesome-free/css/all.min.css"><!-- Page CSS -->
<link type="text/css" href="/assets/libs/@fancyapps/fancybox/dist/jquery.fancybox.min.css" rel="stylesheet">
<!-- Purpose CSS -->
<link rel="stylesheet" href="/assets/css/purpose.css" id="stylesheet">
</head>
<body>
<header class="header header-transparent" id="header-main">
<!-- Topbar -->
<div id="navbar-top-main" class="navbar-top navbar-dark bg-dark border-bottom">
<div class="container px-0">
<div class="navbar-nav align-items-center">
<div class="d-none d-lg-inline-block">
<span class="navbar-text mr-3">Prism — Swiss Gameservers</span>
</div>
<div class="ml-auto">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="/">Support</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Main navbar -->
<nav class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-dark bg-dark" id="navbar-main">
<div class="container px-lg-0">
<!-- Logo -->
<a class="navbar-brand mr-lg-5" href="/index.html">
<img alt="Image placeholder" src="/assets/img/logo.png" id="navbar-logo" style="height: 50px;">
</a>
<!-- Navbar collapse trigger -->
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#navbar-main-collapse" aria-controls="navbar-main-collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar nav -->
<div class="collapse navbar-collapse" id="navbar-main-collapse">
<ul class="navbar-nav align-items-lg-center ml-lg-auto">
<li class="nav-item mr-0">
<a href="https://prism.siegrist.io/servers/new" target="_blank" class="nav-link d-lg-none">Start now!</a>
<a href="https://prism.siegrist.io/servers/new" target="_blank" class="btn btn-sm btn-white btn-icon rounded-pill d-none d-lg-inline-flex" data-toggle="tooltip" data-placement="left" title="Setup your CS:GO server now">
<span class="btn-inner--icon"><i class="fas fa-rocket"></i></span>
<span class="btn-inner--text">Start now!</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="main-content">
<!-- Header (v14) -->
<section class="slice slice-lg bg-primary" data-offset-top="#header-main">
<!-- SVG background -->
<div class="bg-absolute-cover bg-size--contain d-flex align-items-center">
<figure class="w-100 d-none d-lg-block">
<img alt="Image placeholder" src="/assets/img/svg/backgrounds/bg-3.svg" class="svg-inject">
</figure>
</div>
<div class="container position-relative zindex-100">
<div class="row row-grid justify-content-between align-items-center">
<div class="col-lg-6 align-self-end">
<div class="py-6 py-lg-8 text-center text-lg-left">
<h2 class="h1 text-white mb-4">
The lowest latency in Switzerland.
</h2>
<p class="lead lh-180 text-white">
Save your valuable time setting up a gameserver by hand. Our swiss-based infrastructure provides low-latency and optimal performance.
</p>
<div class="mt-5">
<a href="https://prism.siegrist.io/servers/new" class="btn btn-soft-info rounded-pill mr-lg-4 mb-4 mb-md-0">Deploy a CS:GO server</a>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="d-none d-lg-block">
<img alt="Image placeholder" src="/assets/img/csgo.svg" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="shape-container" data-shape-position="bottom">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 220" preserveAspectRatio="none" class="ie-shape-wave-3">
<path d="M918.34,99.41C388.23,343.6,47.11,117.12,0,87.54V220H1600V87.54C1378.72-76.71,1077.32,27.41,918.34,99.41Z"></path>
</svg>
</div>
</section>
<!-- Features (v26) -->
<section class="slice slice-lg">
<div class="container">
<div class="mb-5 text-center">
<h3 class=" mt-4">We help you setup your next tournament.</h3>
<div class="fluid-paragraph mt-3">
<p class="lead lh-180">Start deploying CS:GO servers in no time using our product.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="px-4">
<div class="">
<div class="pb-5">
<div class="icon bg-white text-primary rounded-circle icon-lg icon-shape shadow">
<i class="fas fa-layer-group"></i>
</div>
</div>
<h5 class="font-weight-bold">9 preconfigured server configs</h5>
<p class="mt-2 mb-0">It's as easy as running <code>rcon exec live</code> to have an ESL lobby up and running.</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="px-4">
<div class="">
<div class="pb-5">
<div class="icon bg-white text-primary rounded-circle icon-lg icon-shape shadow">
<i class="fas fa-tachometer-alt"></i>
</div>
</div>
<h5 class="font-weight-bold">Swiss-based infrastructure</h5>
<p class="mt-2 mb-0">As our servers are hosted in Switzerland you can expect the best ping as a swiss player.</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="px-4">
<div class="">
<div class="pb-5">
<div class="icon bg-white text-primary rounded-circle icon-lg icon-shape shadow">
<i class="fas fa-dollar-sign"></i>
</div>
</div>
<h5 class="font-weight-bold">Efficient</h5>
<p class="mt-2 mb-0">Setting up your server requires no techincal knowledge. Get your server up and running in a matter of minutes!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials (v5) -->
<section class="slice">
<div class="container">
<div class="row">
<div class="col-lg-8">
<blockquote class="blockquote blockquote-card py-5 px-5 rounded-right bg-neutral hover-scale-110">
<h3 class="h2 font-weight-700">Swiss gameservers, finally!</h3>
<p class="lead">Prism helped us host a tournament with ease. The players had the best latency we have ever recorded and the admins were able to easily manage all the servers needed for the tournament.</p>
<footer class="blockquote-footer">CEO of Swiss esports <cite class="font-weight-600" title="Source Title">John Doe</cite>
</footer>
</blockquote>
</div>
</div>
</div>
</section>
<!-- Features (v27) -->
<section class="slice pt-5 bg-primary">
<div class="container">
<div class="row row-grid align-items-center justify-content-around">
<div class="col-lg-5">
<div class="pr-md-4">
<h3 class="text-white">Change the way you manage gameservers. Forever.</h3>
<p class="lead text-white my-4">If you need a surf server for your community or a professional server for esports tournaments, we got you covered.</p>
<a href="https://themes.getbootstrap.com/product/purpose-website-ui-kit/" class="btn btn-white rounded-pill btn-icon mt-4">
<span class="btn-inner--icon"><i class="fas fa-cart-plus"></i></span>
<span class="btn-inner--text">Purchase now</span>
</a>
</div>
</div>
<div class="col-lg-6">
<div class="position-relative mt--150" style="z-index: 10;">
<img alt="Image placeholder" src="/assets/img/server-preview.png" class="img-center img-fluid border">
</div>
</div>
</div>
</div>
</section>
<!-- Features (v28) -->
<section class="slice slice-lg">
<div class="container">
<div class="mb-5 text-center">
<h3 class=" mt-4">Things we offer</h3>
<div class="fluid-paragraph mt-3">
<p class="lead lh-180">
Start setting up CS:GO servers in no time.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="card text-center py-3 hover-translate-y-n10">
<div class="card-body">
<div class="">
<div class="pb-5">
<div class="icon bg-white text-danger rounded-circle icon-lg icon-shape shadow">
<i class="fas fa-server"></i>
</div>
</div>
<h5 class="font-weight-bold">Latest virtualization technology</h5>
<p class="mt-2 mb-0">Using Red Hat® OpenShift® we use bleeding-edge virtualization which allows us to scale your servers with ease.</p>
<a href="https://www.redhat.com/en/technologies/cloud-computing/openshift" target="_blank" class="d-inline-block link link-underline-danger text-danger mt-4">Find out more</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card text-center py-3 hover-translate-y-n10">
<div class="card-body">
<div class="">
<div class="pb-5">
<div class="icon bg-white text-info rounded-circle icon-lg icon-shape shadow">
<i class="fab fa-github"></i>
</div>
</div>
<h5 class="font-weight-bold">Open Source</h5>
<p class="mt-2 mb-0">Sharing is caring. That's why we host our code on GitHub. You can contribute to the project by opening a pull request.</p>
<a href="https://github.com/prism-hosting" target="_blank" class="d-inline-block link link-underline-info text-info mt-4">Find out more</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card text-center py-3 hover-translate-y-n10">
<div class="card-body">
<div class="">
<div class="pb-5">
<div class="icon bg-white text-success rounded-circle icon-lg icon-shape shadow">
<i class="fas fa-pen"></i>
</div>
</div>
<h5 class="font-weight-bold">Customize your servers</h5>
<p class="mt-2 mb-0">You can attach a custom picture to give your server a personal touch; This won't be visible in-game.</p>
<a href="https://prism.siegrist.io/servers/new" class="d-inline-block link link-underline-success text-success mt-4">Find out more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing (v1) -->
<section class="slice slice-lg bg-gradient-primary">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="mb-5 text-center">
<h3 class="mt-4 text-white">Pricing plans</h3>
<div class="fluid-paragraph mt-3">
<p class="lead lh-180 text-white">We'll make sure we build everything you need from now on</p>
</div>
</div>
<div class="pricing-container">
<div class="text-center mb-7">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary active" data-pricing="monthly">Monthly billing</button>
<button type="button" class="btn btn-secondary" data-pricing="yearly">Yearly billing</button>
</div>
</div>
<div class="pricing card-group flex-column flex-lg-row mb-3 shadow-none">
<div class="card card-pricing text-center border shadow-none hover-shadow">
<div class="card-header py-5 border-0 delimiter-bottom">
<span class="d-block h5 mb-4">Single</span>
<div class="h1 text-primary text-center mb-0" data-pricing-value="196">$<span class="price">49</span></div>
<span class="h6 text-muted">per month</span>
</div>
<div class="card-body">
<ul class="list-unstyled mb-4">
<li>Up to 5 users</li>
<li>Basic support on Github</li>
<li>Monthly updates</li>
<li>Free cancelation</li>
</ul>
<button type="button" class="btn btn-sm btn-neutral mb-3">Start free trial</button>
</div>
</div>
<div class="card card-pricing text-center popular scale-110">
<div class="card-header py-5 border-0 delimiter-bottom">
<span class="d-block h5 mb-4">Multiple</span>
<div class="h1 text-primary text-center mb-0" data-pricing-value="396">$<span class="price">99</span></div>
<span class="h6 text-muted">per month</span>
</div>
<div class="card-body">
<ul class="list-unstyled mb-4">
<li>Up to 5 users</li>
<li>Basic support on Github</li>
<li>Monthly updates</li>
<li>Free cancelation</li>
</ul>
<button type="button" class="btn btn-sm btn-neutral mb-3">Start free trial</button>
</div>
</div>
<div class="card card-pricing text-center border shadow-none hover-shadow">
<div class="card-header py-5 border-0 delimiter-bottom">
<span class="d-block h5 mb-4">Extended</span>
<div class="h1 text-primary text-center mb-0" data-pricing-value="1596">$<span class="price">399</span></div>
<span class="h6 text-muted">per month</span>
</div>
<div class="card-body">
<ul class="list-unstyled mb-4">
<li>Up to 5 users</li>
<li>Basic support on Github</li>
<li>Monthly updates</li>
<li>Free cancelation</li>
</ul>
<button type="button" class="btn btn-sm btn-neutral mb-3">Start free trial</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to action (v1) -->
<section class="slice slice-lg delimiter-top">
<div class="container">
<div class="text-center">
<h1>It's time to change the game</h1>
<div class="fluid-paragraph mt-4">
<p class="lead text-muted lh-180">
Prism provides an easy-to-use web interface to get started. Admins love to manage servers with our platform.
</p>
<a href="https://prism.siegrist.io/servers/new" class="btn btn-dark btn-icon rounded-pill hover-scale-110 mt-5">
<span class="btn-inner--text">Let's get started</span>
<span class="btn-inner--icon"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
</div>
</section>
</div><footer class="footer p-0 footer-light bg-section-secondary" id="footer-main">
<div class="container">
<div class="py-4">
<div class="row align-items-md-center">
<div class="col-md-4 mb-4 mb-md-0">
<div class="d-flex align-items-center">
<p class="text-sm mb-0">© Prism-Hosting 2023</p>
</div>
</div>
<div class="col-sm-6 col-md-4 mb-4 mb-sm-0">
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link" href="/">Support</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/">Terms</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/">Privacy</a>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-4">
<ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
<li class="nav-item">
<a class="nav-link" href="https://github.com/Prism-Hosting" target="_blank">
<i class="fab fa-github"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://hub.docker.com/prismhosting" target="_blank">
<i class="fab fa-docker"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Core JS - includes jquery, bootstrap, popper, in-view and sticky-kit -->
<script src="/assets/js/purpose.core.js"></script>
<!-- Page JS -->
<script src="/assets/libs/@fancyapps/fancybox/dist/jquery.fancybox.min.js"></script>
<!-- Purpose JS -->
<script src="/assets/js/purpose.js"></script>
</body>
</html>