This repository has been archived by the owner on Mar 30, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
285 lines (272 loc) · 22.2 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
<!doctype html>
<html lang="fr">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="title" content="Tyrolium Site">
<meta name="description" content="Entreprise De Développement, Programmation Et D'High Tech. fondé par Maxime Tournier"/>
<meta property="og:title" content="Tyrolium Site"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://tyrolium.fr/"/>
<meta property="og:image" content="https://tyrolium.fr/Contenu/Image/Tyrolium.png"/>
<meta property="og:description" content="Entreprise De Développement, Programmation Et D'High Tech. fondé par Maxime Tournier"/>
<title>Tyrolium</title>
<!-- Link -->
<link href="https://tyrolium.fr/Contenu/Image/Tyrolium Site.png" rel="shortcut icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oxanium&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://tyrolium.fr/Contenu/Css/Tyrolium/all.css">
<link rel="stylesheet" href="https://tyrolium.fr/Contenu/Css/Tyrolium/normalize.css">
<link rel="stylesheet" href="https://tyrolium.fr/Contenu/Css/Tyrolium/base.css">
<link rel="stylesheet" type="text/css" media="screen" href="https://tyrolium.fr/Contenu/Css/Tyrolium/styles.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SX0VTCMSGD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SX0VTCMSGD');
</script>
</head>
<body>
<header>
<nav class="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="">
<img src="http://tyrolium.fr/Contenu/Image/Tyrolium Site.png" alt="TyroliumLogo" width="40px" class="d-inline-block align-text-top">
Tyrolium <!-- <span class="badge bg-warning">4 ans déjà <img id="emote" src="https://tyrolium.fr/Contenu/Image/icone/emote.png" alt="emoteAniv"></span> -->
</a>
</div>
</nav>
</header>
<main>
<section id="accueil">
<div class="container">
<article>
<h2>TYROLIUM ENTERTAINMENT</h2>
<br>
<h3>L'informatique au coeur de notre société.</h3>
<br>
<p>De nos jours, nous sommes beaucoup à rêver de créer des projets en informatique. Tyrolium a réussi le pari de réaliser les rêves de nos employés passionés. Nous sommes fiers de ce que nous accomplissons tous les jours. Nous vous proposons des projets informatiques de grande ampleur toujours avec la passion de tous nos employés. Tyrolium veut vous proposer des services et des projets bien realisés, de quoi vous divertir.</p>
</article>
</div>
</section>
<section id="projet">
<br>
<h2>Nos Projets</h2>
<p>Les projets sont créés avec une passion commune au sein de l'entreprise nous souhaitons toujours proposer le meilleur.</p>
<br>
<hr style="background: rgb(161, 161, 161);">
<br>
<div id="title"><h2>Projet de développement</h2></div>
<ul>
<li id="start">
<img class="logo" src="http://tyrolium.fr/Contenu/Image/Tyrolium ServerMC S2.png" alt="TyroservLogo">
<h2>TyroServ</h2>
<p id="notgras">Le plus important de nos projets,<br> il est à l'origine même de la création de l'entreprise.</p>
<p>Serveur moddé sur le jeu Minecraft.</p>
<small>Disponible entièrement sur le site officiel.</small><br>
<a href="http://tyroserv.fr/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/link.png" alt="link"/> Allez sur le site</a><br>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/></a>
<a href="https://www.instagram.com/tyroliumserver/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/instagram.png" alt="instagram"/></a>
<a href="https://twitter.com/tyrolium" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/twitter.png" alt="twitter"/></a>
<a href="https://www.youtube.com/channel/UCZTbdKAcFw2xrLFjO9WpYYw" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/youtube.png" alt="youtube"/></a>
<a href="https://github.com/TyroServ" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/github.png" alt="github"/></a>
<a href="https://www.curseforge.com/minecraft/mc-mods/tyromod/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/curse.png" alt="curseforge"/></a>
<a href="https://www.tiktok.com/@tyroserv?" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/tiktok.png" alt="tiktok"/></a>
</li>
</ul>
<ul>
<li>
<img class="logo" src="http://tyrolium.fr/Contenu/Image/Gamenium.png" alt="GameniumLogo">
<h2>Gamenium</h2>
<p>Site d'actualités et de critiques<br> de jeux-vidéos.</p>
<small>Site en cours de Développement, et il y a l'actualité<br> et les sondages disponible sur notre Discord.</small><br>
<a href="https://www.instagram.com/gamenium/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/instagram.png" alt="instagram"/> Allez sur notre Instagram</a><br>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/></a>
<a href="https://www.tiktok.com/@gamenium?" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/tiktok.png" alt="tiktok"/></a>
<a href="https://www.twitch.tv/gamenium_off" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/twitch.png" alt="twitch"/></a>
</li>
<li>
<img class="logo" src="https://tyrolium.fr/Contenu/Image/TyroDiscord.png" alt="TyroDiscord">
<h2>TyroDiscord</h2>
<p>Projet de bot et logiciel pour<br> améliorer l'expérience de Discord.</p>
<small>Site en cours de Développement,<br> et information sur le projet sur Discord.</small><br>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/> Allez sur notre Discord</a><br>
</li>
<li>
<img class="logo" src="http://tyrolium.fr/Contenu/Image/Tyrolium Studio.png" alt="StudioLogo">
<h2>Studio</h2>
<p>Projet d'un studio de développement<br> de jeux-vidéo.</p>
<small>En cours de rélfexion<br> et de création.</small><br>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/> Allez sur notre Discord</a><br>
<a href="https://www.instagram.com/tyroliumstudio/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/instagram.png" alt="instagram"/></a>
</li>
</ul>
<div id="title"><h2>Projet artistique</h2></div>
<ul>
<li>
<img class="logo" src="http://tyrolium.fr/Contenu/Image/Wonderlium.png" alt="WonderliumLogo">
<h2>Wonderlium</h2>
<p>Collectif réalisant des vidéos<br> sur l'univers geek.</p>
<small>Des vidéos en cours de création.</small><br>
<a href="https://www.youtube.com/channel/UC8tEUehEz2p53Pw8wSky3TQ" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/youtube.png" alt="youtube"/> Allez sur notre chaine</a><br>
<a href="http://site.wonderlium.yt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/link.png" alt="link"/></a>
<a href="https://www.instagram.com/wonderlium/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/instagram.png" alt="instagram"/></a>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/></a>
</li>
<li>
<img class="logo" src="https://tyrolium.fr/Contenu/Image/Selemusium.png" alt="SelemusiumLogo">
<h2>Sélémusium</h2>
<p>Projet de création de musiques.</p>
<small>Des prods en création déjà disponibles sur<br> notre Instagram et notre Soundcloud</small><br>
<a href="http://selemusium.xyz/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/link.png" alt="link"/> Allez sur le site</a><br>
<a href="https://soundcloud.com/selemusium" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/soundcloud.png" alt="soundcloud"/></a>
<a href="https://www.instagram.com/selemusium/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/instagram.png" alt="instagram"/></a>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/></a>
</li>
<li>
<img class="logo" src="https://tyrolium.fr/Contenu/Image/TyroShop.png" alt="ShopLogo">
<h2>TyroShop</h2>
<p>Notre boutique avec des collections<br> faites par nos graphistes.</p>
<small>Une nouvelle collection en cours de création.</small><br>
<a href="http://shop.tyrolium.fr/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/link.png" alt="link"/> Allez sur le site</a><br>
<a href="https://discord.gg/km8h5jHezt" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/discord.png" alt="discord"/></a>
<a href="https://www.instagram.com/tyroliumshop/" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/instagram.png" alt="instagram"/></a>
<a href="https://www.tiktok.com/@tyroshop?" class="btn" target="_blank" style="color: black;"><img class="icon" src="http://tyrolium.fr/Contenu/Image/icone/tiktok.png" alt="tiktok"/></a>
</li>
</ul>
</section>
<section id="website">
<div class="container">
<article>
<h2>TYROLIUM VEND CES SERVICES</h2>
<br>
<p>Après 4 ans, nous avons l'honneur de pouvoir vous proposer nos services, nous sommes une entreprise récente qui n'a pas que l'argent en bouche, nos tarifs sont asset abordable</p>
<small>contact : maxime.tournier@tyrolium.fr</small>
<br><hr style="background: rgb(161, 161, 161);"><br>
<div class="titleService"><span class="material-icons">public</span><h3>Créations de votre site web.</h3></div>
<br>
<p>Nous pouvons créer votre site web et nous pouvons vous faire un site à très bon prix.
Nos équipes sont encore en formation ou sont de jeunes diplômés en Développement, nous cherchons à monter notre structure.<br>
Si vous êtes intéressés par un site web professionnel à prix abordable et si vous voulez soutenir une petite structure, n'hésitez pas à nous contacter à l'adresse mail ci-dessous.</p>
<br>
<div class="titleService"><span class="material-icons">dns</span><h3>Configuration et Conseil de votre serveur.</h3></div>
<br>
<p>Nous configurons votre serveur pour pouvoir héberger en ligne votre site web, vos applications, vos bots ou même vos serveurs de jeux vidéos.<br>
Mais nous vous conseillerons aussi sur les différents moyens d'hébergement et les différentes caractéristiques de serveurs.</p>
<br>
<!-- <div class="titleService"><span class="material-icons">movie</span><h3>Monter et Animer votre vidéo.</h3></div>
<br>
<p>Des montages de qualité beaux et dynamiques à des tarifs très bas modelables selon vos envies</p>
<br>
<div class="titleService"><span class="material-icons">audiotrack</span><h3>Composer votre musique.</h3></div>
<br>
<p>Nous pouvons créer vos productions musicales à très bons prix, nous sommes aptes à faire beaucoup de styles différents, de la pop en passant par la trap et le hip hop.
Si vous êtes intéressés vous pouvez nous contacter et nous discuterons de vos envies, nous pouvons aussi vous conseiller sur vos productions musicales.</p>
<br>
<br> -->
</article>
</div>
</section>
<section id="recrut">
<div class="container">
<br>
<h2>Nous Recrutons</h2>
<br>
<p>Tyrolium recrute des membres passionnés par notre travail, nous n'avons pas spécialement de critères de sélection si ce n'est la compréhension de notre travail et l'investissement au sein de celui-ci ou d'un projet.</p>
<button id="desactive" class="btn" onclick="myFunction()">
<div class="row">
<span class="material-icons js">expand_more</span>
<p id="btn">Afficher les formulaires de recrutement</p>
</div>
</button>
<br>
<div id="rep">
</div>
</div>
</section>
<section id="credit">
<div class="container">
<article>
<h2>notre équipe</h2>
<br>
<h3>Directeur-Fondateur</h3>
<br> <p>Maxime Tournier</p>
<br>
<h3>Membres</h3>
<br>
<p>Dylan Argentino</p>
<p>Edward Thouvenin</p>
<p>Théotime Vandevoorde Rostankowski</p>
<p>Arthur Verschelde</p>
<br>
<h3>Modérateur(ice)</h3>
<br>
<p>Amine Nouali</p>
<br>
<h3>Assistant(e)</h3>
<br> <p>Pierre-Louis Devaud</p>
<p>Léna Chervier</p>
</article>
</div>
</section>
</main>
<footer>
<div class="container">
<article>
<img src="http://tyrolium.fr/Contenu/Image/Tyrolium%20White.png" alt="TyroliumWhiteLogo">
<p>Tyrolium est une entreprise à but lucratif, toute création de l'entreprise nous appartient.<br> Créer par Maxime Tournier <br> Copyright © Tyrolium. Ent. <br> All Right Reserved ©<u>Tyrolium</u></p>
<a href="https://www.facebook.com/tyrolium/" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/facebookWhite.png" alt="facebook"/></a>
<a href="https://www.instagram.com/tyroliumentertainment/" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/instagramWhite.png" alt="instagram"/></i></a>
<a href="https://discord.gg/km8h5jHezt" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/discordWhite.png" alt="discord"/></a>
<a href="https://twitter.com/TyroliumE" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/twitterWhite.png" alt="twitter"/></a>
<a href="https://www.youtube.com/channel/UCY7TQJxzGSawF0YnixBAAXA" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/youtubeWhite.png" alt="youtube"/></a>
<a href="https://github.com/Tyrolium" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/githubWhite.png" alt="github"/></a>
<a href="https://www.linkedin.com/company/tyrolium" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/linkedInWhite.png" alt="linkedin"/></a>
<a href="https://www.google.com/search?q=tyrolium&oq=tyrolium+&aqs=chrome.0.69i59j69i60l5.1698j0j4&sourceid=chrome&ie=UTF-8" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/googleWhite.png" alt="google"/></a>
<a href="https://www.google.com/maps/place/Tyrolium/@45.7579341,4.7650812,12z/data=!3m1!4b1!4m5!3m4!1s0x47f4c773107f0ffd:0x645f65cd189abc30!8m2!3d45.7579555!4d4.8351209" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/mapsWhite.png" alt="maps"/></a>
<a href="https://paypal.me/tyroliument" target="_blank"><img class="iconFooter" src="http://tyrolium.fr/Contenu/Image/icone/paypalWhite.png" alt="paypal"/></a>
</article>
<form method="post"a action="">
<h2>Nous contacter</h2>
<p>Laissez nous votre nom et votre mail et on vous recontactera rapidement.</p>
<input type="text" name="name" id="name" placeholder="Nom">
<input type="email" name="email" id="email" placeholder="Email">
<input type="submit" name="formsend" id="formsend" value="Envoyer" class="btnSub">
</form>
<ul>
<li>
<span class="material-icons">place</span>
<div>
<h3>Adresse</h3>
<p>Dans la métropole <br>Lyonnaise 69000</p>
</div>
</li>
<li>
<span class="material-icons">phone</span>
<div>
<h3>Téléphone</h3>
<p>+33 6 11 11 26 69</p>
</div>
</li>
<li>
<span class="material-icons">mail</span>
<div>
<h3>Mail</h3>
<p id="mail">officiel@tyrolium.fr<br>maxime.tournier@tyrolium.fr</p>
</div>
</li>
</ul>
</div>
</footer>
<script src="https://tyrolium.fr/Contenu/Js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>