-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathserviceOld.php
441 lines (397 loc) · 23.4 KB
/
serviceOld.php
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
433
434
435
436
437
438
439
440
441
<?php include "app/app.php"; $page = 3; head($page); ?>
<body onLoad="cookie()" class="<?php if (empty($_COOKIE["color"])){ echo "dark"; }else{echo $_COOKIE["color"]; } ?>"> <header> <?php navbar($page); ?> </header>
<main>
<section id="projet">
<br>
<h2 class="titleP">Nos Prestations</h2>
<p>Cette page contient les prestations, avec ci-dessous toutes les différentes prestations que nous vendons.</p>
<br>
<hr style="background: rgb(161, 161, 161);">
<br>
</section>
<section id="service-start" class="row container">
<div class="col-9">
<h2 class="titleS"><i class="fas fa-caret-right" style=" color: #1325d7;"></i> Site Web</h2>
<br id="991none">
<p class="container">Ci-dessous les différentes formules sont affichées,<br> nous faisons majoritairement de la création de sites web.</p>
<br>
</div>
<div class="col-3">
<img src="assets/Coding%20_Monochromatic.png" style="width: 125px;margin-left: -185px;">
<br>
</div>
</section>
<section class="service-page">
<div class="background">
<div class="container container-serv">
<div class="panel pricing-table">
<div class="pricing-plan">
<img src="assets/paper-plane.png" alt="PaperPlane" class="pricing-img">
<h2 class="pricing-header"><?php echo $env_presta_web['0'] ?></h2>
<br>
<p class="pricing-header" style="margin-bottom: -10px; color: #888;">à partir de </p>
<span class="pricing-price">50€</span>
<ul class="pricing-features">
<li class="pricing-features-item"><div><span class="underline bold">Concrètement</span> : Il s'agit d'une formule bien pour les porte-folios.
Les sites de présentation juste avec du texte pour présenter un projet.</div>
</li>
<li class="pricing-features-item"><div><span class="underline bold">Techniquement</span> : Il s'agit d'une simple ou de plusieurs pages où l'on travaille juste avec des langages de front-end.
Aucune relation avec une API ou une base de données ne sera faite avec cette formule.</div></li>
</ul>
<span class="pricing-price"></span>
<?php tyrobtn("contact.php?name=web&form=1", "contact", "Contactez-nous pour cette formule");?>
</div>
<div class="pricing-plan">
<img src="assets/plane.png" alt="Plane" class="pricing-img">
<h2 class="pricing-header"><?php echo $env_presta_web['1'] ?></h2>
<br>
<p class="pricing-header" style="margin-bottom: -10px; color: #888;">à partir de </p>
<span class="pricing-price">400€</span>
<ul class="pricing-features">
<li class="pricing-features-item"><div><span class="underline bold">Concrètement</span> : Il s'agit d'une formule bien pour les entreprises, les sites qui demande plus qu'un simple texte mais une présention qui pourra afficher des informations. Avec cette formule le site pourra être modifier grâce à un panel administrateur.</div></li>
<li class="pricing-features-item"><div><span class="underline bold">Techniquement</span> : Il s'agit de plusieurs pages qui pourra être modifiable, on pourra se connecter à des API simple, où l'on utilisera plus régulièrement des FrameWork front-end, avec Php-Object.</div></li>
</ul>
<span class="pricing-price"></span>
<?php tyrobtn("contact.php?name=web&form=2", "contact", "Contactez-nous pour cette formule");?>
</div>
<div class="pricing-plan">
<img src="assets/space-ship.png" alt="SpaceShip" class="pricing-img">
<h2 class="pricing-header"><?php echo $env_presta_web['2'] ?></h2>
<br>
<p class="pricing-header" style="margin-bottom: -10px; color: #888;">à partir de </p>
<span class="pricing-price">1600€</span>
<ul class="pricing-features">
<li class="pricing-features-item"><div><span class="underline bold">Concrètement</span> : Il s'agit d'une bonne formule notamment pour un gros projet,
créer un réseau social, créer une boutique en ligne, un blog ou une application de gestion personnalisée.</div></li>
<li class="pricing-features-item"><div><span class="underline bold"> Techniquement</span> : Cette formule se fera avec un FrameWork front-end et back-end, avec une base de donnée, une création d'API obligatoire, gestion de compte et panel administrateur.</div></li>
</ul>
<span class="pricing-price"></span>
<?php tyrobtn("contact.php?name=web&form=3", "contact", "Contactez-nous pour cette formule");?>
</div>
</div>
</div>
</div>
</section>
<section id="service-start-but">
<div class="popups-cont">
<div class="popups-cont__overlay"></div>
<div class="popup">
<div class="popup__pieces"></div>
<div class="popup__content">
<div class="popup__close"></div>
<h3 class="popup__heading">Nos réalisations</h3>
<div class="popup__text" style="">
<p>Voici les sites que nous avons réaliser</p>
<br>
<div class="row">
<div class="col">
Bâtir Positif :
<a target="_blank" href="https://batirpositif.com">Lien</a>
<br><br>
CLS-Habitat :
<a target="_blank" href="https://cls-habitat.com">Lien</a>
<br><br>
Groupe Cloudy :
<a target="_blank">Soon</a>
<br><br>
Tyrolium :
<a target="_blank">Ici</a>
<br><br>
SolidServ :
<a target="_blank" href="https://solidserv.fr">Lien</a>
<br><br>
Gamenium :
<a target="_blank">Soon</a>
<br><br>
Wonderlium :
<a target="_blank" href="http://site.wonderlium.yt">Lien</a>
<br><br>
Useritium :
<a target="_blank" href="https://useritium.fr">Lien</a>
<br><br>
TyroDiscord :
<a target="_blank" href="https://themaxium69.github.io/TyroDiscord-WebSite/">Lien</a>
<br><br>
</div>
<div class="col">
Kaleidoscope :
<a target="_blank" href="https://kaleidoscope.tyrolium.fr/">Lien</a>
<br><br>
Génération IUM :
<a target="_blank">Soon</a>
<br><br>
Agape :
<a target="_blank">Soon</a>
<br><br>
TyroServ :
<a target="_blank" href="https://www.tyroserv.fr">Lien</a>
<br><br>
Influnias :
<a target="_blank" href="https://www.influnias.fr">Lien</a>
<br><br>
Vturias :
<a target="_blank">Soon</a>
<br><br>
Sélémusium :
<a target="_blank" href="http://selemusium.tyrolium.fr">Lien</a>
<br><br>
Artomyx :
<a target="_blank" href="https://themaxium69.github.io/Artomyx-Site/">Lien</a>
<br><br>
Tyrolium Status :
<a target="_blank" href="https://tyrolium.fr/Status/">Lien</a>
<br><br>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<h2 class="titleS" style="text-align: center; font-size:18px;"><i class="fas fa-caret-right" style=" color: #1325d7;"></i> Les sites déjà réaliser par Tyrolium</p>
<br>
<button style="font-size: 18px;" type="button" id="btn-contact" class="tyrobuttonNone popup-btn">Voir nos réalisations</button>
<script src="javascript/popup.js"></script>
<br>
<br>
<br>
<hr style="background: rgb(161, 161, 161);">
<br>
<h2 class="titleS">Autres Prestations</h2>
</section>
<!-- PC -->
<div class="home-desktop">
<!-- <section id="service-second" class="container row">
<div class="col-6" style="text-align: end">
<img class="img-home" src="assets/Designer%20_Monochromatic.png" style="width: 100%; height: 100%">
</div>
<div class="container col-5">
<article id="art-home">
<h2 class="art">Graphisme / Illustration</h2>
<p class="art">
Dans ce domaine très important pour vos projets, nous sommes capables de vous faire l'entièreté de votre identité visuelle.<br>
Nous vous accompagnerons pour créer votre logo, illustration ou même vos posts réseaux.
Nous sommes dans la capacité de vous aider à choisir et réaliser votre branding, votre charte graphique et vos couleurs.
Cette prestation sers avant tout à vous accompagner dans les choix graphiques de votre projet.</p>
<div style="text-align: center">
<?php //tyrobtn("contact.php?name=graph", "contact", "Contactez-nous pour cette prestation");?>
</div>
</article>
</div>
</section> -->
<!-- <section id="service-second-but" class="container row">
<div class="container col-5">
<article>
<h2 class="art">Musicales</h2>
<p class="art">
Cette prestation peut accompagner les entreprises dans leurs identités musicales.
On l'oublie souvent, mais l'identité musicale est le meilleur moyen de ne pas vous faire oublier par vos clients.<br><br>
De plus, nous proposons également des créations musicales pour les particuliers qui voudraient créer leur albums/EP/jingles/singles/domaine de l'audiovisuel.
</p>
<div style="text-align: center">
<?php //tyrobtn("contact.php?name=music", "contact", "Contactez-nous pour cette prestation");?>
</div>
</article>
</div>
<div class="col-6">
<img class="img-home" src="assets/Music_Monochromatic.png" style="width: 100%">
</div>
</section> -->
<section id="service-second-but" class="container row service-ecart">
<div class="container col-5">
<article>
<h2 class="art"><i class="fas fa-caret-right"></i> Minecraft</h2>
<p class="art">Prestation où nous réalisons le développement de votre mod ou de votre plugin.<br>
Nous pouvons également configurer votre serveur, nos équipes ont beaucoup travaillé avec ce jeu et nous sommes en mesure de réaliser toutes vos demandes concernant celui-ci.</p>
<div style="text-align: center">
<?php tyrobtn("contact.php?name=mc", "contact", "Contactez-nous pour cette prestation");?>
</div>
</article>
</div>
<div class="col-6">
<img class="img-home" src="assets/Mc_Monochromatic.png" style="width: 96%; height: 100%">
</div>
</section>
<section id="service-second-but" class="container row service-ecart">
<div class="col-6">
<img class="img-home" src="assets/Online%20storage_Monochromatic.png" style="width: 100%;">
</div>
<div class="container col-5">
<article id="art-home">
<h2 class="art"><i class="fas fa-caret-right"></i> Configurations Serveur</h2>
<p class="art">Nous pouvons vous conseiller ou/et vous configurer vos serveurs.
Linux est parfois compliqué à comprendre.
Nous pouvons installer et mettre en place toutes vos demandes sur vos serveurs en fonction de vos besoins. </p>
<div style="text-align: center">
<?php tyrobtn("contact.php?name=bot", "contact", "Contactez-nous pour cette prestation");?>
</div>
</article>
</div>
</section>
<div id="service-solidserv-fleche"></div>
<section id="service-solidserv" class="service-ecart">
<div class="container row">
<div class="col-6" style="text-align: center;">
<a href="https://solidserv.fr">
<img class="img-solidserv img-home" src="assets/solidserv_service.png">
</a>
</div>
<div class="container col-5">
<article>
<h2 class="art"><i class="fas fa-caret-right"></i> Avec SolidServ</h2>
<p class="art" style=' padding-bottom: 10px;
margin-top: -21px;'>Beneficier de 50% de réduction sur tout les serveur de <strong>SolidServ</strong>, notre propre hébergeur serveur créer et porté par Tyrolium et ses équipes</p>
<div style="text-align: center">
<?php tyrobtn("https://solidserv.fr", "solidserv", "Site de SolidServ");?>
</div>
</article>
</div>
</div>
</section>
<section id="service-second-but" class="container row service-ecart">
<div class="container col-5">
<article>
<h2 class="art"><i class="fas fa-caret-right"></i> Bot Discord</h2>
<p class="art">Nous sommes capable de vous créer votre bot discord, autant pour automatiser ou personnaliser les moindres fonctionnalités de vos serveurs discord.
Nous pouvons aussi le lier à des API et autres logiciels ou applications.</p>
<div style="text-align: center">
<?php tyrobtn("contact.php?name=serv", "contact", "Contactez-nous pour cette prestation");?>
</div>
</article>
</div>
<div class="col-6" style="text-align: end">
<img class="img-home" src="assets/Social%20Media_Monochromatic.png" style="width: 96%; height: 100%">
</div>
</section>
<section id="service-second" class="container row" style="margin-bottom: 100px">
<div class="col-6" style="text-align: end">
<img class="img-home" src="assets/User%20interface_Monochromatic.png" style="width: 96%; height: 100%">
</div>
<div class="container col-5">
<article id="art-home">
<h2 class="art"><i class="fas fa-caret-right"></i> Montage Vidéo / Animation</h2>
<p class="art">
Nos équipes peuvent vous aider dans vos projets audiovisuel.
Vous voulez impacter vos client avec une animation ou un montage vidéo ?
<br>
Vous êtes un vidéaste plein d'idées et vous voulez un monteur qui vous simplifie votre travail ?
<br>
Avec cette prestation nos équipes pourront vous accompagner dans vos projets et réaliser vos animations, vidéos promotionnelles ou vos vidéos personnelles pour votre propre projet.
</p>
<div style="text-align: center">
<?php tyrobtn("contact.php?name=anim", "contact", "Contactez-nous pour cette prestation");?>
</div>
</article>
</div>
</section>
</div>
<!-- MOBILE -->
<div class="home-res service-res">
<!-- <section id="service-second">
<h2>Graphisme</h2>
<p>
Dans ce domaine très important pour vos projets, nous sommes capables de vous faire l'entièreté de votre identité visuelle.
Nous vous accompagnerons pour créer votre logo, illustration ou même vos posts réseaux.
Nous sommes dans la capacité de vous aider à choisir et réaliser votre branding, votre charte graphique et vos couleurs.
Cette prestation sers avant tout à vous accompagner dans les choix graphiques à votre projet.</p>
<div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/Designer%20_Monochromatic.png" width="100%" height="100%">
</div>
</div>
<br>
<?php //tyrobtn("contact.php?name=graph", "contact", "Contactez-nous pour cette prestation");?>
</section> -->
<!-- <section id="service-second-but">
<h2>Musicales</h2>
<p>
Cette prestation peut accompagner les entreprises dans leurs identités musicales.
On l'oublie souvent, mais l'identité musicale est le meilleur moyen de ne pas vous faire oublier par vos clients.<br><br>
De plus, nous proposons également des créations musicales pour les particuliers qui voudraient créer leur albums/EP/jingles/singles/domaine de l'audiovisuel.
</p><div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/Music_Monochromatic.png" width="100%" height="100%">
</div>
</div>
<br>
<?php //tyrobtn("contact.php?name=music", "contact", "Contactez-nous pour cette prestation");?>
</section> -->
<section id="service-second-but">
<h2><i class="fas fa-caret-right"></i> Minecraft</h2>
<p>Prestation où nous réalisons le développement de votre mod ou de votre plugin.<br>
Nous pouvons également configurer votre serveur, nos équipes ont beaucoup travaillé avec ce jeu et nous sommes en mesure de réaliser toutes vos demandes concernant celui-ci.</p>
<div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/Mc_Monochromatic.png" width="100%" height="100%">
</div>
</div>
<br>
<?php tyrobtn("contact.php?name=mc", "contact", "Contactez-nous pour cette prestation");?>
</section>
<section id="service-second-but">
<h2><i class="fas fa-caret-right"></i> Configurations Serveur</h2>
<p>Nous pouvons vous conseiller ou/et vous configurer vos serveurs.
Linux est parfois compliqué à comprendre.
Nous pouvons installer et mettre en place toutes vos demandes sur vos serveurs en fonction de vos besoins. </p>
<div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/Online%20storage_Monochromatic.png" width="100%" height="100%">
</div>
</div>
<br>
<?php tyrobtn("contact.php?name=serv", "contact", "Contactez-nous pour cette prestation");?>
</section>
<section id="home-account" style="margin-top: 34px;">
<div class="container col-4" style="padding-bottom: 38px">
<article>
<h2 class="art-res"><i class="fas fa-arrow-up" style="margin: unset;"></i> Avec SolidServ <i class="fas fa-arrow-up"></i></h2>
<p class="art-res">Beneficier de 50% de réduction sur tout les serveur de <strong>SolidServ</strong>, notre propre hébergeur serveur créer et porté par Tyrolium et ses équipes</p>
<div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/solidserv_service.png" width="100%" height="100%">
</div>
<div class="" style="text-align: center; margin-top: 15px" >
<?php tyrobtn("https://solidserv.fr", "solidservbtn", "Site de SolidServ");?>
<style>
.tyrobutton{
width: 100%;
}
</style>
</div>
</div>
</article>
</div>
</section>
<section id="service-second-but">
<h2><i class="fas fa-caret-right"></i> Bot Discord</h2>
<p>Nous sommes capable de vous créer votre bot discord, autant pour automatiser ou personnaliser les moindres fonctionnalités de vos serveurs discord.
Nous pouvons aussi le lier à des API et autres logiciels ou applications.</p>
<div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/Social%20Media_Monochromatic.png" width="100%" height="100%">
</div>
</div>
<br>
<?php tyrobtn("contact.php?name=bot", "contact", "Contactez-nous pour cette prestation");?>
</section>
<section id="service-second-but">
<h2><i class="fas fa-caret-right"></i> Montage Vidéo / Animation</h2>
<p>
Nos équipes peuvent vous aider dans vos projets audiovisuel.
Vous voulez impacter vos client avec une animation ou un montage vidéo ?
<br>
Vous êtes un vidéaste plein d'idées et vous voulez un monteur qui vous simplifie votre travail ?
<br>
Avec cette prestation nos équipes pourront vous accompagner dans vos projets et réaliser vos animations, vidéos promotionnelles ou vos vidéos personnelles pour votre propre projet.
</p><div>
<div class="" style="width: 60%; margin-left: 20%">
<img src="assets/User%20interface_Monochromatic.png" width="100%" height="100%">
</div>
</div>
<br>
<?php tyrobtn("contact.php?name=anim", "contact", "Contactez-nous pour cette prestation");?>
</section>
</div>
<br><br>
</main>
<?php footer(); ?> </body> </html>