PageSourceSearch

https://www.vliferoleplay.fr/index.php

html vliferoleplay.fr collected 2026-10-06 11:01:03 UTC 59,064 bytes, 1,121 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="fr">
4
5	<head>
6	  <meta charset="utf-8">
7	  <meta content="width=device-width, initial-scale=1.0" name="viewport">
8	<meta name="copyrighted-site-verification" content="19a03e9b2956baff" />
9
10	  <title>vLife Roleplay</title>
11	   <meta content="Serveur de jeu GTA V PC axé sur les
12services de secours français." name="description">
13	  <meta content="vlife roleplay boutique, boutique vlife, v-life rp boutique, vlife rp boutique,v-life roleplay, v-life gmod, v-life, vlife-roleplay, gmod, vlife gmod, vlife gta v, gta v, gta rp, vliferoleplay, vlife fivem, vlife, vlife rp, vlife-rp, v-life rp, vlife roleplay" name="keywords">
14	  <meta property="og:locale" content="fr_FR">
15<meta property="og:type" content="website">
16<meta property="og:title" content="Communauté vLife Roleplay">
17<meta property="og:description" content="Serveur de jeu GTA V PC axé sur les
18services de secours français.">
19<meta property="og:url" content="http://vliferoleplay.fr/">
20<meta property="og:site_name" content="vLife Roleplay">
21<meta property="og:image" content="https://cdn.vliferoleplay.fr/logo/favicon.png">
22	  <meta name="google-site-verification" content="WFSp5XR_4u1pVnEdqWJf7eQnw-NvDCPG3gwn41zBX7o" />
23	  	  <!-- Favicons -->
24			<link rel="apple-touch-icon" sizes="180x180" href="https://www.vliferoleplay.fr/assets/img/favicon/apple-touch-icon.png">
25			<link rel="icon" type="image/png" sizes="32x32" href="https://www.vliferoleplay.fr/assets/img/favicon/favicon-32x32.png">
26			<link rel="icon" type="image/png" sizes="16x16" href="https://www.vliferoleplay.fr/assets/img/favicon/favicon-16x16.png">
27			<link rel="manifest" href="https://www.vliferoleplay.fr/assets/img/favicon/site.webmanifest">
28			<link rel="mask-icon" href="https://www.vliferoleplay.fr/assets/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
29			<link rel="shortcut icon" href="https://www.vliferoleplay.fr/assets/img/favicon/favicon.ico">
30			<meta name="msapplication-TileColor" content="#2b5797">
31			<meta name="msapplication-config" content="https://www.vliferoleplay.fr/assets/img/favicon/browserconfig.xml">
32			<meta name="theme-color" content="#ffffff">
33		
34	  <!-- Vendor CSS Files 
35	  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
36	   <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
37	  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
38	  -->
39	  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
40	 <!-- <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">-->
41	   <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
42	  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
43	  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
44	   <!-- <link rel="stylesheet" href="assets/vendor/font-awesome/css/all.min.css">Font Awesome 5.12.1 Pro -->
45
46	  <!-- Template Main CSS File -->
47	  <link href="assets/css/style.css?v=1768259022" rel="stylesheet">
48	  <link rel="stylesheet" href="assets/css/cookiealert.css?v=1767433968">
49	
50		
51	</head>
52
53	<body>
54	<div id="preloader"></div>
55
56
57		<!DOCTYPE html>
58<html lang="fr">
59<style>
60</style>
61<body>
62	<!--<div class="row ml-auto pull-right" style="margin-top:60px;position:absolute; top: 10px !important; right: 25px !important;">
63		<div class="alert-group" style="width:100%">
64            <div class="alert alert-info alert-dismissable" style="border-left: 4px solid #38a8bb;">
65                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
66                <strong>Nouvelle page pour découvrir une partie de notre <a href="https://vliferoleplay.fr/about.php" target="_blank">contenu</a>.</strong>
67            </div>
68       	  </div>
69	</div>-->
70	<!-- ======= Header ======= -->
71	  <header id="header" class="fixed-top ">
72<div class="container d-flex align-items-center">
73		<a href="index.php" class="mr-auto">
74		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224.56 98.54"><defs><style>.cls-1{fill:#fff;}</style></defs>
74<g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polygon class="cls-1" points="61.81 0 61.81 58.08 102.66 58.08 102.66 46.8 75.35 46.8 75.35 0 61.81 0"/><rect class="cls-1" x="108.94" width="14.26" height="58.08"/><path class="cls-1" d="M129.48,0H172.8V12.56H143.41v9.59h27.08V34H143.41v24H129.48Z"/><polygon class="cls-1" points="179.08 0 222.41 0 222.41 12.56 193.01 12.56 193.01 22.15 220.09 22.15 220.09 34.02 193.01 34.02 193.01 45.64 222.41 45.64 222.41 58.08 179.08 58.08 179.08 0"/><path class="cls-1" d="M66,84.44a13.74,13.74,0,0,1-1.1,5.49,14.14,14.14,0,0,1-3,4.47,14.37,14.37,0,0,1-4.49,3,13.92,13.92,0,0,1-10.94,0,14.37,14.37,0,0,1-4.49-3,14.14,14.14,0,0,1-3-4.47,14.28,14.28,0,0,1,0-11,14.24,14.24,0,0,1,7.52-7.51,14.15,14.15,0,0,1,10.94,0,14.24,14.24,0,0,1,7.52,7.51A13.75,13.75,0,0,1,66,84.44Zm-4.38,0a9.94,9.94,0,0,0-2.86-7,10,10,0,0,0-3.09-2.14,9.24,9.24,0,0,0-7.52,0,10,10,0,0,0-5.18,5.28,9.77,9.77,0,0,0-.77,3.85,9.63,9.63,0,0,0,.77,3.8A10.34,10.34,0,0,0,45,91.41a10,10,0,0,0,3.09,2.15,9.31,9.31,0,0,0,7.55,0,9.87,9.87,0,0,0,3.08-2.15,10.47,10.47,0,0,0,2.07-3.17A9.63,9.63,0,0,0,61.58,84.44Z"/><path class="cls-1" d="M90.09,98H72.42V70.83h4.39v23H90.09Z"/><path class="cls-1" d="M143.91,79.59a8.72,8.72,0,0,1-.68,3.41,8.88,8.88,0,0,1-1.85,2.79,8.74,8.74,0,0,1-2.76,1.89,8.11,8.11,0,0,1-3.35.7h-8.6v9.69h-4.35V70.8h13a8.11,8.11,0,0,1,3.35.7,8.75,8.75,0,0,1,4.61,4.68A8.72,8.72,0,0,1,143.91,79.59Zm-4.42,0a4.43,4.43,0,0,0-.36-1.76,4.38,4.38,0,0,0-1-1.47,4.46,4.46,0,0,0-1.42-1A4.13,4.13,0,0,0,135,75h-8.33V84.2h8.26a4.47,4.47,0,0,0,1.79-.36,4.28,4.28,0,0,0,1.44-1,4.55,4.55,0,0,0,1-1.46A4.5,4.5,0,0,0,139.49,79.59Z"/><path class="cls-1" d="M169.68,98H149.35V70.83h4.39v23h15.94Z"/><path class="cls-1" d="M200,98h-4.66l-3.19-7.2H179.75l-3.2,7.2h-4.66L184,70.83h3.95Zm-9.72-11.39-4.36-9.79-4.31,9.79Z"/><path class="cls-1" d="M224.56,70.83,213.1,86.54V98h-4.32V86.54L197.29,70.83h5.27l8.36,11.46,8.44-11.46Z"/><path class="cls-1" d="M26.76,87a8.21,8.21,0,0,0,3.55-3.14,9.42,9.42,0,0,0,1-2.19,8.21,8.21,0,0,0,.36-2.4A8.33,8.33,0,0,0,31,76a8.62,8.62,0,0,0-1.77-2.69,8.48,8.48,0,0,0-2.63-1.84,7.8,7.8,0,0,0-3.21-.68H10.17v5.94h4.35V75h8.54a4,4,0,0,1,1.61.34,4.35,4.35,0,0,1,1.34.93,4.29,4.29,0,0,1,.9,1.37,4.24,4.24,0,0,1,.33,1.66A4.34,4.34,0,0,1,26.91,81a3.89,3.89,0,0,1-.9,1.37,4.3,4.3,0,0,1-1.36.92,4.2,4.2,0,0,1-1.66.33H14.52V79.17H10.17v18.9h4.35V87.77h7.55L28.87,98H34Z"/><polygon class="cls-1" points="100.22 86.37 114.81 86.37 114.81 82.19 100.22 82.19 100.22 79.17 95.87 79.17 95.87 98.03 116.54 98.03 116.54 93.85 100.22 93.85 100.22 86.37"/><polygon class="cls-1" points="95.87 70.8 95.87 76.74 100.22 76.74 100.22 74.98 116.54 74.98 116.54 70.8 95.87 70.8"/><path class="cls-1" d="M15.29,4.9c-.63-1.79-1.21-3.46-1.72-4.9H0C.45,1.4,1,3.06,1.56,4.9Z"/><path class="cls-1" d="M38.4,0l-12,36.61L16.76,9.09H2.89C8.39,26.4,17.16,54,18.47,58.08H34.32L52.87,0Z"/></g></g></svg>
75		<!--<img src="https://cdn.vliferoleplay.fr/logo/logo_white.svg" alt="vLife RP" style="width: 110px;">-->
76		</a>
77		  <!--<h1 class="logo mr-auto"><a href="index.php">vLife RP</a></h1>
78		  <!-- Uncomment below if you prefer to use an image logo -->
79		  <!-- <a href="index.html" class="logo mr-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
80						
81			
82		  <nav class="nav-menu d-none d-lg-block">
83			<ul>
84			  <!--<li class="active nav"><a href="#hero">Accueil</a></li>-->
85			  <li class="nav"><a href="about.php">Notre contenu</a></li>
86			  <li class="dropdown"><a href="#"  class="dropdown-toggle" id="recrutement" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Recrutement</span> </a>
87            <ul class="dropdown-menu" class="color:black" aria-labelledby="recrutement">
88              <li><a class="dropdown-item" href="recrutement/"><i class="fas fa-file-signature fa-fw"></i> Rejoindre le serveur</a></li>
89              <li><a class="dropdown-item" href ="#" data-toggle="modal" data-target="#Pole"><i class="fas fa-tools fa-fw"></i> Rejoindre le pôle technique</a></li>
90              <li><a class="dropdown-item" href ="#" data-toggle="modal" data-target="#Fonction"><i class="fas fa-file-search fa-fw"></i> Fonctionnement</a></li>
91              <li><a class="dropdown-item" class="dropdown-item" href ="#" data-toggle="modal" data-target="#FAQ"><i class="fas fa-question fa-fw"></i> Foire aux questions</a></li>
92            </ul>
93          </li>
94		  
95		  
96		  <li class="dropdown"><a href="#"  class="dropdown-toggle" id="communication" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Communication</span> </a>
97            <ul class="dropdown-menu" class="color:black" aria-labelledby="communication">
98              <li><a class="dropdown-item" href="https://www.twitch.tv/vliferoleplay" target="_blank"><i class="fab fa-twitch fa-fw"></i> Twitch</a></li>
99              <li><a class="dropdown-item" href="#portfolio"><i class="fas fa-image fa-fw"></i> Portfolio</a></li>
100              <li><a class="dropdown-item" href ="https://twitter.com/vLifeRoleplay"  target="_blank"><i class="fab fa-twitter fa-fw"></i> Twitter</a></li>
101			  <!--<li><a  class="dropdown-item" href="about.php"><i class="fas fa-box-open-full fa-fw"></i>
101 Notre contenu</a></li>-->
102            </ul>
103          </li>
104		  
105		   <li class="dropdown"><a href="#"  class="dropdown-toggle" id="communaute" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Communauté</span></a>
106            <ul class="dropdown-menu" class="color:black" aria-labelledby="communaute">
107              <li><a class="dropdown-item"  href="https://discord.gg/vliferp" target="_blank"><i class="fab fa-discord fa-fw"></i> Discord</a></li>
108              <li><a class="dropdown-item" href="#team"><i class="fas fa-users-cog fa-fw"></i> Team</a></li>
109			<!--<li><a class="dropdown-item" href="https://dons.vliferoleplay.fr/"><i class="fas fa-shop fa-fw"></i> Boutique</a></li>-->
110			<li><a class="dropdown-item" href="https://dons.vliferoleplay.fr/"><i class="fab fa-paypal fa-fw"></i>Donations</a></li>
111			      			  
112            </ul>
113          </li>
114			  <li class="nav"><a href="partenaire.php">Partenaires</a></li>
115			</ul>
116			</nav>
117		  <!-- .nav-menu -->
118			<a href="?action=login" class="get-started-btn scrollto">Connexion</a>			
119		</div>
120		
121	  </header><!-- End Header -->
122	  <div class="modal fade faq" id="FAQ" tabindex="-1" role="dialog" aria-labelledby="FAQLabel" aria-hidden="false">
123				  <div class="modal-dialog" role="document">
124					<div class="modal-content">
125					  <div class="modal-header">
126						<h5 class="modal-title" id="FAQLabel">Foire aux questions</h5>
127						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
128						  <span aria-hidden="true">&times;</span>
129						</button>
130					  </div>
131					  <div class="modal-body">
132						<div class="section-title">
133			  <h2 style="color:black;">Les questions souvent posées</h2>
134			  <p>Vous trouverez ici plusieurs réponses à vos questions concernant le recrutement. Si malgré tout vous nécessitez une assistance, merci de passer par le discord, ou à défaut le formulaire de contact.</p>
135			</div>
136
137			<div class="faq-list" style="padding:0px;">
138			  <ul>
139				<li data-aos="fade-up" data-aos-delay="100">
140				  <i class="fal fa-question-circle icon-help"></i> <a data-toggle="collapse" class="collapse" href="#faq-list-1"> Quel est le délai de réponse suite à une candidature ? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
141				  <div id="faq-list-1" class="collapse show" data-parent=".faq-list">
142					<p>
143					  Il est de 48h, sauf période festive où il peut être plus long. 
144					</p>
145				  </div>
146				</li>
147
148				<li data-aos="fade-up" data-aos-delay="200">
149				  <i class="fal fa-question-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-2" class="collapsed">Quel est l'âge minimum d'entrée ?<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
150				  <div id="faq-list-2" class="collapse" data-parent=".faq-list">
151					<p>
152					  L'âge minimal d'entrée pour le poste de civil est de 15 ans. 
153					  Il est de 16 ans pour les services de secours, il n'y a aucune dérogation possible.
154					</p>
155				  </div>
156				</li>
157
158				<li data-aos="fade-up" data-aos-delay="300">
159				  <i class="fal fa-question-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-3" class="collapsed"> L'expérience RP est-elle un critère d'évaluation important ?<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
160				  <div id="faq-list-3" class="collapse" data-parent=".faq-list">
161					<p>
162					  Non. Même si vous n'avez pas d'expérience, cela ne pénalisera en rien votre candidature.
163					</p>
164				  </div>
165				</li>
166
167				<li data-aos="fade-up" data-aos-delay="400">
168				  <i class="fal fa-question-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-4" class="collapsed">Si je suis professionnel du métier, serais-je favorisé ? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
169				  <div id="faq-list-4" class="collapse" data-parent=".faq-list">
170					<p>
171					  En aucun cas, nous privilégions l'équité entre les candidats, qu'importe votre statut, âge ou métier.
172					</p>
173				  </div>
174				</li>
175				<li data-aos="fade-up" data-aos-delay="500">
176				  <i class="fal fa-question-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-5" class="collapsed">J'ai postulé pour un service de secours et je souhaiterais devenir Civil, en attendant d'avoir ma réponse, est-ce possible ? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
177				  <div id="faq-list-5" class="collapse" data-parent=".faq-list">
178					<p>
179					  Cela n'est en aucun cas possible. Veuillez prendre votre mal en patience.
180					</p>
181				  </div>
182				</li>
183				
184				<li data-aos="fade-up" data-aos-delay="600">
185				  <i class="fal fa-question-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-6" class="collapsed">
185Si je suis refusé à l'écris ou à l'oral que dois-je faire ? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
186				  <div id="faq-list-6" class="collapse" data-parent=".faq-list">
187					<p>
188					  En dehors d'un refus définitif ou d'un bannissement vous avez la possibilité de déposer une seconde candidature deux semaines après la date de votre refus. 
189					  Le deuxième refus sera cependant définitif
190					</p>
191				  </div>
192				</li>
193
194			  </ul>
195			</div>
196					  </div>
197					  <div class="modal-footer">
198						<button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
199					  </div>
200					</div>
201				  </div>
202				</div>
203			<div class="modal fade" id="Fonction" tabindex="-1" role="dialog" aria-labelledby="FonctionLabel" aria-hidden="false">
204				<div class="modal-dialog" role="document">
205					<div class="modal-content">
206					  <div class="modal-header">
207						<h5 class="modal-title" id="FonctionLabel">Fonctionnement</h5>
208						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
209						  <span aria-hidden="true">&times;</span>
210						</button>
211					  </div>
212					<div class="modal-body">
213						<div class="section-title">
214						  <h2 style="color:black;">Fonctionnement du serveur</h2>
215						  <p>Vous trouverez ici le fonctionnement du serveur se trouvant à la limite du life et du totalement scénarisé.</p>
216						</div>
217						<div  style="padding:0px;">
218						<p style="white-space:pre-line;overflow:auto;">Nous fonctionnons par session de jeu définie, le roleplay n'est pas constant pour pouvoir tous se réunir aux heures de jeu. 
219						Chaque session débute à 21h00 et n'a pas d'heure de fin (jusqu'à que l'ensemble des joueurs déconnectent). Ces sessions RP sont réalisées tous les jours.
220						Les actions doivent impliquer les services de secours, de temps en temps encadré par des plus anciens. On parle ici d'accompagnement pour un jeune joueur sur notre serveur, qu'il ne soit pas perdu. Cela demande aussi de la coordination, pour que chaque intervention soient réalisées au bon moment, et que tout le monde en profite (pas de temps mort)
221						Vu que les actions sont créées par les civils, elles peuvent être non spontanées (montée de toute pièce), c'est de l'action passive.
222						Néanmoins, les services de secours ne sont pas au courant de ce qui se déroule, et l'ensemble des manœuvres faites par les secours ne sont pas connues ni préparées, tout doit être géré par le pompier/policier/médecin qui doit mettre en pratique ce qu'il a pu apprendre en formation.
223						À savoir que la vie civile perdure constamment, chaque interventions peuvent avoir un lien entre elles.</p>
224						</div>
225					</div>
226					<div class="modal-footer">
227						<button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
228					</div>
229					</div>
230				</div>
231			</div>
232			
233			<div class="modal fade" id="Pole" tabindex="-1" role="dialog" aria-labelledby="polet" aria-hidden="false">
234				<div class="modal-dialog" role="document">
235					<div class="modal-content">
236					  <div class="modal-header">
237						<h5 class="modal-title" id="polet">Rejoindre le pôle technique</h5>
238						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
239						  <span aria-hidden="true">&times;</span>
240						</button>
241					  </div>
242					<div class="modal-body">
243						<div class="section-title">
244						  <h2 style="color:black;">Rejoindre le pôle technique</h2>
245						  <p>Si vous souhaitez rejoindre notre pôle technique, merci de suivre les indications suivantes :</p>
246						</div>
247						<div  style="padding:0px;">
248						<a style="cursor: zoom-in;" href="assets/img/tech/pole_tech.png" data-gall="Gall" class="venobox preview-link" title="Agrandir"><img loading="lazy" class="img-fluid" src="assets/img/tech/pole_tech.jpg" alt="Rejoindre pôle technique"></a>
249						<p style="white-space:pre-line;overflow:auto;">
250						Vous pouvez également contacter tout membre de l'<img class="img-fluid" loading="lazy" src="https://imgur.com/eKuVhJU.png" width="20%" alt="état-major"></img> via notre <a href="https://discord.gg/vliferp" target="_blank"><i style="font-size:20px;" class="fab fa-discord"></i></a>
251						</p>
252						</div>
253					</div>
254					<div class="modal-footer">
255						<button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
256					</div>
257					</div>
258				</div>
259			</div>
260			
261			
262	
262<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6ecd7afc8a31459e9f3dbfa4c50d01ba","r":1,"spa":2}' crossorigin="anonymous"></script>
262
263</body>
264</html>
265
266	  <!-- ======= Hero Section ======= -->
267	  <section id="hero" class="d-flex align-items-center hero">
268
269		<div class="container">
270		  <div class="row">
271
272			<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
273			  <h1>Serveur vLife Roleplay</h1>
274			  <h2>Serveur GTA V de services de secours<br>
275			  <i><small>Nos actions se déroulent dans le cadre de la simulation</small></i></h2>
276			   
277			  <div class="d-lg-flex">
278				<a href="recrutement/" class="btn-get-started scrollto">Nous rejoindre</a>
279				<a href="https://www.youtube.com/watch?v=wAaj6yLhdhs" class="venobox btn-watch-video" data-vbtype="video" data-autoplay="true"> Regarder la vidéo <i class="fal fa-play-circle" style="display:flex;"></i></a>
280			  	<div class="talk-bubble triangle left-top">
281  					<div class="talktext">
282    						<p>Nouveau</p>
283  					</div>
284				</div>
285			  </div>
286			</div>
287			<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
288			  <img src="assets/img/hero-img.webp" class="img-fluid animated" alt="">
289			</div>
290		  </div>
291		</div>
292	  </section><!-- End Hero -->
293
294	  <main id="main">
295
296		<!-- ======= Cliens Section ======= -->
297		<section class="cliens section-bg">
298		  <div class="container">
299
300			<div class="row" data-aos="zoom-in">
301
302			  <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
303				<a href="https://discord.gg/letigreroyal-model-515659740177629185 " target="_blank">
304				<img src="assets/img/clients/client-9.png" class="img-fluid" alt="">
305				</a>
306			  </div>
307
308				<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
309					<a href="https://discord.gg/bryg4DgkKf" target="_blank">
310					<img src="assets/img/clients/client-10.png" class="img-fluid" alt="">
311					</a>
312				</div>
313			  
314			  <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
315				<a href="https://brocloud.fr" target="_blank">
316				<img src="https://imgur.com/xO24Gdh.png" class="img-fluid" alt="">
317				</a>
318			  </div>
319
320			  <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
321				<a href="https://mastermods.dev/" target="_blank">
322				<img src="https://i.imgur.com/QzjQqMS.png" class="img-fluid p-0" alt="">
323				</a>
324			  </div>
325			   <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
326				<a href ="https://discord.gg/m7JuqpYqVj" target="_blank"> 
327				<img  src="assets/img/clients/client-8.png" class="img-fluid" alt="">
328				</a>
329			  </div>
330
331			  <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
332				<a href ="https://rytrak.fr/" target="_blank">
333				<img src="https://imgur.com/u6i0XaJ.png" class="img-fluid" alt="">
334				</a>
335			  </div>
336
337			  <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
338				<a href ="https://discord.gg/mkQsmHf5pw" target="_blank">
339				<img  src="assets/img/clients/client-6.png" class="img-fluid" alt="">
340				</a>
341			  </div>
342					
343
344			</div>
345
346		  </div>
347		</section><!-- End Cliens Section -->
348
349		<!-- ======= About Us Section ======= -->
350		<section id="about" class="about">
351		  <div class="container" data-aos="fade-up">
352
353			<div class="section-title">
354			  <h2>Présentation</h2>
355			</div>
356
357			<div class="row content">
358			  <div class="col-lg-6">
359				<p>
360				  L'organisation vLife est un serveur de jeu GTA V PC axé sur les services de secours français.
361				</p>
362				<ul>
363				  <li><i class="fal fa-check-double"></i> Rempli de passionnés et de professionnels du métier</li>
364				  <li><i class="fal fa-check-double"></i> Approche du roleplay différente et enrichissante.</li>
365				  <li><i class="fal fa-check-double"></i> Discipline, respect et rigueur vous accompagneront.</li>
366				</ul>
367			  </div>
368			  <div class="col-lg-6 pt-4 pt-lg-0">
369				<p>
370				  Nous avons été crée en mars 2019, nous avons pour but de rassembler toutes personnes intéressées par les services de secours. 
371				  Nous étions à la base sur GMOD, voyant nos capacités être limitées, nous avons rapidement évolué vers GTA V. 
372				  Toujours en continuant à offrir plus de contenus et dans le confort d'une communauté toujours plus grandissante.
373				</p>
374				<!--<a href="#" class="btn-learn-more">Learn More</a> -->
375			  </div>
376			</div>
377
378		  </div>
379		</section><!-- End About Us Section -->
380				<!-- ======= Services Section ======= -->
381		<section id="services" class="services section-bg">
382		  <div class="container" data-aos="fade-up">
383
384			<div class="section-title">
385			  <h2>Caractéristiques</h2>
386			  <p>Ce que nous proposons au sein de la communauté vLife RP.</p>
387			</div>
388
389			<div class="row">
390			  <div class="col-xl-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
391				<div class="icon-box">
392				  <div class="icon"><i class="fal fa-basketball-ball"></i></div>
393				  <h4><a href="#services">Communautaire</a></h4>
394				  <p>Nous sommes avant tout un serveur communautaire, basé sur l'entraide et totalement gratuit.</p>
395				</div>
396			   </div>
397			<!--
398			# Autre design : 
399			<div data-aos="zoom-in" data-aos-delay="100" class="col-xl-3 col-md-2 aos-init aos-animate" style="padding-right: 15px;">
400				<div class="icon-box" style="padding-right: 10px;border-right-width: 0px;border-right-style: solid;padding-bottom: 10px;padding-top: 10px;padding-left: 10px;border-top: 3px solid #47b2e442;border-bottom: 3px solid #47b2e442;">
401					
402					<figurine class="icon" style=""> <i class="bx bxl-dribbble" style="color;background: #334bac45;border-radius:10px;font-size:25px"></i></figurine>
403				  <a href="#services" style="font-size: 20px;padding-top: 0px;padding-right: 0px;border-bottom-style: solid;border-bottom-width: 0px;vertical-align: super;">Communautaire</a>
404				  
405				  <p>Nous sommes avant tout un serveur communautaire, à l'écoute de vos retours et demandes.</p>
406				</div>
407			  </div>-->
408
409			  <div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
410				<div class="icon-box">
411				  <div class="icon"><i class="fal fa-file-code"></i></div>
412				  <h4><a href="https://vliferoleplay.fr/about.php">Mods uniques</a></h4>
413				  <p>Nous avons en notre possession plusieurs mods et véhicules uniques au serveur.</p>
414				 
415				</div>
416			  </div>
417
418			  <div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0" data-aos="zoom-in" data-aos-delay="300">
419				<div class="icon-box">
420				  <div class="icon"><i class="fal fa-tachometer-fastest"></i></div>
421				  <h4><a href="#services">Performance</a></h4>
422				  <p>Nous avons un serveur performant, compléter par un système de ticket. </p>
423				</div>
424			  </div>
425
426			  <div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0" data-aos="zoom-in" data-aos-delay="400">
427				<div class="icon-box">
428				  <div class="icon"><i class="fal fa-layer-group"></i></div>
429				  <h4><a href="#services">Professionnalisme</a></h4>
430				  <p>Support de transmission et partage de connaissances entre professionnels et passionnés. </p>
431				</div>
432			  </div>
433
434			</div>
435
436		  </div>
437		</section><!-- End Services Section -->
438
439		<!-- ======= Don Section ======= -->
440		<section id="don" class="cta">
441		  <div class="container" data-aos="zoom-in">
442
443			<div class="row">
444			  <div class="col-lg-9 text-center text-lg-left">
445				<h3>Nous découvrir ?</h3>
446				<p>Si vous souhaitez découvrir une partie de notre contenu, nous avons une page dédiée.</p>
447			  </div>
448			  <div class="col-lg-3 cta-btn-container text-center">
449				<a class="cta-btn align-middle" target="_blank"href="https://vliferoleplay.fr/about.php">Présentation</a>
450			  </div>
451			</div>
452
453		  </div>
454		</section>
455		<!-- End Don Section -->
456
457		<!-- ======= Portfolio Section ======= -->
458		<section id="portfolio" class="portfolio">
459		  <div class="container" data-aos="fade-up">
460
461			<div class="section-title">
462			  <h2>Portfolio</h2>
463			  <p>Le serveur est constitué de plusieurs services de secours, dont la Police, les Sapeurs-Pompiers et le S.A.M.U.</p>
464			</div>
465
466			<ul id="portfolio-flters" class="d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
467			  <li data-filter="*" class="filter-active">Tout</li>
468			  <li data-filter=".filter-app">Pompier</li>
469			  <li data-filter=".filter-card">Police</li>
470			  <li data-filter=".filter-web">SAMU</li>
471			</ul>
472
473			<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
474
475			  <div class="col-lg-4 col-md-6 portfolio-item filter-app">
476				<div class="portfolio-img">
476<img loading="lazy" src="assets/img/portfolio/portfolio-4.jpg"  class="img-fluid" alt=""></div>
477				<div class="portfolio-info">
478				  <h4>Pompier 1</h4>
479				  <p>Pompier</p>
480				  <a href="assets/img/portfolio/portfolio-4.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
481				  <a href="assets/img/portfolio/portfolio-4.png" download="Pompier 1 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
482				</div>
483			  </div>
484
485			  <div class="col-lg-4 col-md-6 portfolio-item filter-web">
486				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt=""></div>
487				<div class="portfolio-info">
488				  <h4>SAMU 1</h4>
489				  <p>SAMU</p>
490				  <a href="assets/img/portfolio/portfolio-7.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
491				  <a href="assets/img/portfolio/portfolio-7.png" download="SAMU 1 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
492				</div>
493			  </div>
494
495			  <div class="col-lg-4 col-md-6 portfolio-item filter-app">
496				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt=""></div>
497				<div class="portfolio-info">
498				  <h4>Pompier 2</h4>
499				  <p>Pompier</p>
500				  <a href="assets/img/portfolio/portfolio-5.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
501				  <a href="assets/img/portfolio/portfolio-5.png" download = "Pompier 2 - vLife"class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
502				</div>
503			  </div>
504
505			  <div class="col-lg-4 col-md-6 portfolio-item filter-card">
506				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt=""></div>
507				<div class="portfolio-info">
508				  <h4>Police 1</h4>
509				  <p>Police</p>
510				  <a href="assets/img/portfolio/portfolio-1.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
511				  <a href="assets/img/portfolio/portfolio-1.png" download="Police 1 - vLife"class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
512				</div>
513			  </div>
514
515			  <div class="col-lg-4 col-md-6 portfolio-item filter-web">
516				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt=""></div>
517				<div class="portfolio-info">
518				  <h4>SAMU 2</h4>
519				  <p>SAMU</p>
520				  <a href="assets/img/portfolio/portfolio-8.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
521				  <a href="assets/img/portfolio/portfolio-8.png" download="SAMU 2 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
522				</div>
523			  </div>
524
525			  <div class="col-lg-4 col-md-6 portfolio-item filter-app">
526				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt=""></div>
527				<div class="portfolio-info">
528				  <h4>Pompier 3</h4>
529				  <p>Pompier</p>
530				  <a href="assets/img/portfolio/portfolio-6.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
531				  <a href="assets/img/portfolio/portfolio-6.png" download ="Pompier 3 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
532				</div>
533			  </div>
534
535			  <div class="col-lg-4 col-md-6 portfolio-item filter-card">
536				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt=""></div>
537				<div class="portfolio-info">
538				  <h4>Police 2</h4>
539				  <p>Police</p>
540				  <a href="assets/img/portfolio/portfolio-2.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
541				  <a href="assets/img/portfolio/portfolio-2.png" download ="Police 2 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
542				</div>
543			  </div>
544
545			  <div class="col-lg-4 col-md-6 portfolio-item filter-card">
546				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt=""></div>
547				<div class="portfolio-info">
548				  <h4>Police 3</h4>
549				  <p>Police</p>
550				  <a href="assets/img/portfolio/portfolio-3.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
551				  <a href="assets/img/portfolio/portfolio-3.png" download="Police 3 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
552				</div>
553			  </div>
554
555			  <div class="col-lg-4 col-md-6 portfolio-item filter-web">
556				<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt=""></div>
557				<div class="portfolio-info">
558				  <h4>Samu 3</h4>
559				  <p>Samu</p>
560				  <a href="assets/img/portfolio/portfolio-9.png" data-gall="portfolioGallery" class="venobox preview-link" title="Agrandir"><i class="fal fa-plus"></i></a>
561				  <a href="assets/img/portfolio/portfolio-9.png" download="Samu 3 - vLife" class="details-link" title="Télécharger"><i class="fal fa-download"></i></a>
562				</div>
563			  </div>
564
565			</div>
566
567		  </div>
568		</section><!-- End Portfolio Section -->
569
570		<!-- ======= Team Section ======= -->
571		<section id="team" class="team section-bg">
572		  <div class="container" data-aos="fade-up">
573			
574			<div class="section-title">
575			  <h2>Team</h2>
576			  <p>Voici une partie de notre team qui s'efforce toujours d'améliorer et pousser plus loin les limites du serveur.</p>
577			</div>
578
579			<div class="row blog">
580				 <div class="col-md-12">
581                    <div id="blogCarousel" class="carousel slide" data-ride="carousel">
582				<ol class="carousel-indicators">
583                            <li data-target="#blogCarousel" data-slide-to="0" class="active"></li>
584                            <li data-target="#blogCarousel" data-slide-to="1"></li>
585							<li data-target="#blogCarousel" data-slide-to="2"></li>
586							<li data-target="#blogCarousel" data-slide-to="3"></li>
587                        </ol>	
588						
589			<div class="carousel-inner">
590			
591			 <div class="carousel-item active">
592                 <div class="row">
593			  <div class="col-lg-6">
594				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
595				  <div class="pic"><img loading="lazy" src="assets/img/team/team-1.webp" class="img-fluid" alt=""></div>
596				  <div class="member-info">
597					<h4 class="emajor">Brayan Vagler</h4>
598					<span>CEO | Chef de Projet</span>
599					<p>Fort de son expérience, il s'occupe de la coordination de l'ensemble du projet et du personnel.</p>
600					<div class="social">
601					  <a href="https://twitter.com/vLifeRoleplay" target="_blank"><i class="fab fa-twitter"></i></a>
602					  <a href="https://www.youtube.com/channel/UCGIaj2gVvI2P49KcdKPHUJQ" target="_blank"><i class="fab fa-youtube"></i></a>
603					  <a href="https://www.instagram.com/vliferoleplay/" target="_blank"><i class="fab fa-instagram"></i></a>
604					  <a href="https://www.twitch.tv/vliferoleplay" target="_blank"><i class="fab fa-twitch"></i></a>
605					</div>
606				  </div>
607				</div>
608			  </div>
609
610			  <div class="col-lg-6 mt-4 mt-lg-0">
611				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
612				  <div class="pic"><img loading="lazy" src="assets/img/team/team-3.webp" class="img-fluid" alt=""></div>
613				  <div class="member-info">
614					<h4 class="emajor">Rytrak</h4>
615					<span>Administrateur réseau</span>
616					<p>Développeur et modélisateur au sein de notre serveur. C'est l'un des couteaux suisses de vLife.</p>
617					<div class="social">
618					  <a href="https://steamcommunity.com/id/rytrak" target="_blank"><i class="fab fa-steam-symbol"></i></a>
619					   <a href="https://www.youtube.com/channel/UCsAbsoJdj0-yZAt-kQzK-PA" target="_blank"><i class="fab fa-youtube"></i></a>
620					</div>
621				  </div>
622				</div>
623			  </div>
624
625			  <div class="col-lg-6 mt-4">
626				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
627				  <div class="pic"><img loading="lazy" src="assets/img/team/team-5.webp" class="img-fluid" alt=""></div>
628				  <div class="member-info">
629					<h4 class="staff">Charles Bertier</h4>
630					<span>Développeur logiciel</span>
631					<p>Développe, héberge et assure la maintenance de logiciels pour le serveur.</p><br>
632				  </div>
633				</div>
634			  </div>
635
636			  <div class="col-lg-6 mt-4">
637				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
638				    <div class="pic"><img loading="lazy" src="https://i.imgur.com/fgc2qju.png" class="img-fluid" alt=""></div>
639				  <div class="member-info">
640					<h4 class="staff">Dr0msis</h4>
641					<span>Lead Pôle Technique</span>
642					<p>Moddeur à plein temps sur notre serveur.</p>
643					<div class="social">
644					  <a href="https://dromsis.tebex.io/" target="_blank"><i class="fal fa-link"></i></a>
645					   <a href="https://discord.gg/m7JuqpYqVj" target="_blank"><i class="fab fa-discord"></i></a>
646					</div>  
647				  </div>
648				</div>
649			  </div>
650
651			</div>
652			</div>
653			
654			<div class="carousel-item">
655                 <div class="row">
656			  <div class="col-lg-6">
657				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
658				  <div class="pic"><img loading="lazy" src="assets/img/team/team-8.webp" class="img-fluid" alt=""></div>
659				  <div class="member-info">
660					<h4 class="ptech">W4nou</h4>
661					<span>Modélisateur</span>
662					<p>Modélisateur 3D sur le serveur vLife.</p>
663					<div class="social">
664					  <a href="https://steamcommunity.com/id/w4nou/" target="_blank"><i class="fab fa-steam-symbol"></i></a>
665					   <a href="https://discord.gg/mkQsmHf5pw" target="_blank"><i class="fab fa-discord"></i></a>
666					</div>
667				  </div>
668				</div>
669			  </div>
670
671			  
672			  <div class="col-lg-6 mt-4 mt-lg-0">
673				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
674				  	 <div class="pic"><img loading="lazy" src="assets/img/team/team-12.webp" class="img-fluid" alt=""></div>
675				  <div class="member-info">
676					<h4 class="staff">Matthieu Hubert</h4>
677					<span>Chef de service au SAMU 93 du serveur</span>
678					<p>Passionné par les secours, il assure les fonctions de responsable administratif du service d'aide médicale urgente du serveur.</p><br>
679				  </div>
680				</div>
681			  </div>
682
683			  <div class="col-lg-6 mt-4">
684				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
685				  
686				 <div class="pic"><img loading="lazy" src="assets/img/team/team-4.webp" class="img-fluid" alt=""></div>
687				  <div class="member-info">
688					<h4 class="emajor">AuraAngel</h4>
689					<span>Développeur web | <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Directeur des Ressources Humaines">DRH</a> du serveur</span>
690					<p>Développeur web de ce site et <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Directeur des Ressources Humaines">DRH</a> du serveur.</p><br><br>
691					</div>
692				</div>
693			  </div>
694
695			  <div class="col-lg-6 mt-4">
696				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
697				  <div class="pic"><img loading="lazy" src="https://www.mastermods.dev/web/image/477-5b686154/nathan2.webp" class="img-fluid" alt=""></div>
698				  <div class="member-info">
699					<h4 class="ptech">Nathan</h4>
700					<span>Moddeur</span>
701					<p>Moddeur sur le serveur vLife.</p>
702					<div class="social">
703					  <a href="https://mastermods.dev/" target="_blank"><i class="fal fa-link"></i></a>
704					   <a href="https://discord.gg/mastermods-communaute-793846969197002804" target="_blank"><i class="fab fa-discord"></i></a>
705					</div>
706				  </div>
707				</div>
708			  </div>
709
710			</div>
711			</div>
712			
713			<!-- New item -->
714			
715			
716			<div class="carousel-item">
717                 <div class="row">
718			  <div class="col-lg-6">
719				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
720				  
721					<div class="pic"><img loading="lazy" src="assets/img/team/team-9.webp" class="img-fluid" alt=""></div>
722				  <div class="member-info">
723					<h4 class="staff">Clément Bonnet</h4>
724					<span>Commissaire de Police - Chef de la circonscription d’Aulnay-Sous-Bois du serveur.</span>
725					<p>Professionnel du métier, il gère l'ensemble de la circonscription du serveur.</p>
726				</div>
727				</div>
728			  </div>
729
730			  
731			 
732				
733			 <!--<div class="col-lg-6 mt-4">
734				<div style="background:none !important;box-shadow:none !important;" class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
735				  <div class="pic"></div>
736				  <div class="member-info">
737				  </div>
738				</div>
739			  </div>!-->
740			 <div class="col-lg-6 mt-4 mt-lg-0">
741				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
742				  <div class="pic"><img loading="lazy" src="assets/img/team/team-10.webp" class="img-fluid" alt=""></div>
743				  <div class="member-info">
744					<h4>Florian Ruiz</h4>
745					<span>Commandant de Police - Adjoint au chef de service de la circonscription d’Aulnay-Sous-Bois du serveur </span>
746					<p>Gendarme, futur OPJ, apprécie transmettre son savoir-faire et son expérience aux effectifs !</p><br>
747				
748				  </div>
749				</div>
750			  </div>
751			  
752			   <div class="col-lg-6 mt-4">
753				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
754				  <div class="pic"><img loading="lazy" src="assets/img/team/team-10.webp" class="img-fluid" alt=""></div>
755				  <div class="member-info">
756					<h4>Masséna Maxence</h4>
757					<span>Commandant de police - Chef du <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Service de la Sécurité des Quartiers">SSQ</a>, <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Système d'Alerte et d'Information des Populations">SAIP</a> et autorité <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Unité d'Assistance et de Protection">UAP</a> </span>
758					<p>Professionnel du métier depuis plusieurs années, il aime partager sa passion de policier de terrain.</p><br>
759				  </div>
760				</div>
761			  </div>
762			  
763			  <div class="col-lg-6 mt-4">
764				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
765				  <div class="pic"><img loading="lazy" src="https://i.imgur.com/yTNQyuk.png" class="img-fluid" alt=""></div>
766				  <div class="member-info">
767					<h4>Hugo Lefebvre</h4>
768					<span>Adjoint du <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Directeur des Ressources Humaines">DRH</a></span>
769					<p>Il s'occupe de la partie recrutement et gère l'ensemble des recruteurs du serveurs vLife</p><br>
770				  </div>
771				</div>
772			  </div>
773			</div>
774
775			</div>
776			
777			
778			<div class="carousel-item">
779                 <div class="row">
780			  <div class="col-lg-6">
781				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
782				  
783					<div class="pic"><img loading="lazy" src="https://www.mastermods.dev/web/image/480-5c3b7201/anto.webp" class="img-fluid" alt=""></div>
784				  <div class="member-info">
785					<h4 class="ptech">Anto'</h4>
786					<span>Moddeur.</span>
787					<p>Moddeur chez Mastermods et fort de 4 ans d'expérience en modélisation 3D, il modélise et convertit des véhicules pour vLife.</p>
788					<div class="social">
789					  <a href="https://antomods.mastermods.dev/" target="_blank"><i class="fal fa-link"></i></a>
790					   <a href="https://mastermods.dev/discord" target="_blank"><i class="fab fa-discord"></i></a>
791					</div>
792				  </div>
793				</div>
794			  </div>
795
796			  
797			  <div class="col-lg-6 mt-4 mt-lg-0">
798				<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
799				  <div class="pic"><img loading="lazy" src="assets/img/team/team-15.webp" class="img-fluid" alt=""></div>
800				  <div class="member-info">
801					<h4 class="ptech">Pingouin</h4>
802					<span>Développeur</span>
803					<p>Passionné d’algorithmique et programmation, il développe des scripts pour vLife</p>
804				 	<div class="social">
805					  <a href="https://www.pingouin.dev/" target="_blank"><i class="fal fa-link"></i></a>
806					   <a href="https://discord.gg/Hf2G43ZY4S" target="_blank"><i class="fab fa-discord"></i></a>
807					</div>  
808				</div>
809				</div>
810			  </div>
811			  
812			  <div class="col-lg-6 mt-4">
813				<div style="background:none !important;box-shadow:none !important;" class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
814				  <div class="pic"></div>
815				  <div class="member-info">
816				  </div>
817				</div>
818			  </div>
819				<div class="col-lg-6 mt-4">
820				<div style="background:none !important;box-shadow:none !important;" class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
821				  <div class="pic"></div>
822				  <div class="member-info">
823				  </div>
824				</div>
825			  </div>			  
826			
827			
828			</div>
829			
830			</div>
831			</div>
832			
833		
834		
835		  </div>
836		  <div class="legend"> 
837		  <p>Légende : Membres <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Constitué des membres fondateurs ou administrateurs du serveur">État-Major</a> <i class="circle red"></i>
838		  | Membres du <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Constitué des membres du personnel du serveur, assistant l'état-major dans la prise de décision">Staff</a> <i class="circle orange"></i> 
839		  | Membres <a class="tip" data-toggle="tooltip" data-placement="bottom" title="Constitué des moddeurs ou développeur du serveur">Pôle technique</a> <i class="circle yellow"></i></p></div></div>
840		</section>
841		<!-- End Team Section -->
842		<!-- ======= Cta Section ======= -->
843		<section id="cta" class="cta">
844		  <div class="container" data-aos="zoom-in">
845
846			<div class="row">
847			  <div class="col-lg-9 text-center text-lg-left">
848				<h3>Devenir Civil ?</h3>
849				<p>Vous avez 15 ans et vous souhaitez tenter l'expérience vLife ? Mettez un pied dans le métier et jouez avec des professionnels et passionnés au sein de notre serveur GTAV !</p>
850			  </div>
851			  <div class="col-lg-3 cta-btn-container text-center">
852				<a class="cta-btn align-middle" href="recrutement/">Nous rejoindre</a>
853			  </div>
854			</div>
855
856		  </div>
857		</section>
858		<!-- End Cta Section -->
859				<!-- ======= Contact Section ======= -->
860		<section id="contact" class="contact">
861		  <div class="container" data-aos="fade-up">
862
863			<div class="section-title">
864			  <h2>Contact</h2>
865			  <p>Si vous êtes désireux de nous contacter, veuillez remplir le formulaire ci-dessous.
866</p>
867				<i>Tout contact abusif ne recevra aucune réponse, merci de votre compréhension</i>
868			</div>
869
870			<div class="row">
871
872				<div class="col-lg-3 d-flex align-items-stretch">
873			  <!--  <div class="info">
874				  <div class="address">
875					<i class="icofont-google-map"></i>
876					<h4>Location:</h4>
877					<p>A108 Adam Street, New York, NY 535022</p>
878				  </div>
879
880				  <div class="email">
881					<i class="icofont-envelope"></i>
882					<h4>Email:</h4>
883					<p>[email protected]</p>
884				  </div>
885
886				  <div class="phone">
887					<i class="icofont-phone"></i>
888					<h4>Call:</h4>
889					<p>+1 5589 55488 55s</p>
890				  </div>
891
892				  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" style="border:0; width: 100%; height: 290px;" allowfullscreen></iframe>
893				</div>-->
894
895			  </div>
896
897			  <div class="col-lg-6 mt-5 mt-lg-0 d-flex align-items-stretch">
898				<!--<form action="forms/contact.php" method="post" role="form" class="php-email-form">-->
899				<form role="form" id="contactForm" action="forms/contact-process.php" data-toggle="validator" class="php-email-form">
900				  <div class="form-row">
901					<div class="form-group col-md-6">
902					  <label for="name">Votre nom</label>
903					  <input type="text" name="name" class="form-control" id="name" data-rule="minlen:4" data-msg="Merci d'entrer au moins 4 caractères." />
904					  <div class="validate"></div>
905					</div>
906					<div class="form-group col-md-6">
907					  <label for="name">Votre email</label>
908					  <!--<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">-->
909					   <input type="email" class="form-control" name="email" id="email" data-rule="email" data-msg="Merci d'entrer un email" />					  <div class="validate"></div>
910					</div>
911				  </div>
912				  <div class="form-group">
913					<label for="name">Sujet</label>
914					<input type="text" class="form-control" name="subject" id="subject" data-rule="minlen:4" data-msg="Merci d'entrer au moins 8 caractères" />
915					<div class="validate"></div>
916				  </div>
917				  <div class="form-group">
918					<label for="name">Message</label>
919					<textarea class="form-control" id="contactmessage"name="message" maxlength="1500" rows="10"  data-rule="required" data-msg="Veuillez remplir cette partie"></textarea>
920					<div class="validate"></div>
921				  </div>
922				  <div class="mb-3">
923					<div class="loading">Chargement</div>
924					<div id ="message"class="error-message"></div>
925					<div class="sent-message">Ton message a été envoyé, merci</div>
926				  </div>
927				  <div class="text-center"><button type="submit">Envoyer</button></div>
928				</form>
929			  </div>
930
931			</div>
932
933		  </div>
934		</section><!-- End Contact Section -->
935
936	  </main><!-- End #main -->
937
938	 <!DOCTYPE php>
939<html lang="fr">
940
941
942	  <!-- =======================================================
943	  * Template Name: Arsha - v2.2.0
944	  * Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
945	  * Author: BootstrapMade.com
946	  * License: https://bootstrapmade.com/license/
947	  ======================================================== -->
948
949	<body>
950	 <!-- ======= Footer ======= -->
951		  <footer id="footer" >
952
953			<div class="footer-newsletter" id="discord">
954			  <div class="container">
955				<div class="row justify-content-center">
956				  <div class="col-lg-6">
957					<h4>Rejoindre notre discord</h4>
958					<a href = "https://discord.gg/vliferp"  target="_blank" class="join-discord">Discord vLife RP</a>
959				  </div>
960				</div>
961			  </div>
962			</div>
963
964			<div class="footer-top">
965			  <div class="container">
966				<div class="row">
967				  <div class="col-lg-5 col-md-6 footer-contact">
968					<img src="https://cdn.vliferoleplay.fr/logo/logo_white.svg" alt="vLife RP" style="width: 110px;padding-bottom: 10px;">
969					<p>
970					  Serveur de jeu GTA V PC axé sur les<br> services de secours français. 
971					</p><br>
972					<a class="copyrighted-badge" title="Copyrighted.com Registered &amp; Protected" target="_blank" href="https://www.copyrighted.com/website/qOQZ9XGBfscFCNFp"><img alt="Copyrighted.com Registered &amp; Protected" border="0" width="125" height="25" srcset="https://static.copyrighted.com/badges/125x25/01_2_2x.png 2x" src="https://static.copyrighted.com/badges/125x25/01_2.png" /></a>
972<script src="https://static.copyrighted.com/badges/helper.js"></script>
972
973
974				  </div>
975
976				  <div class="col-lg-4 col-md-7 footer-links">
977					<h4>Liens Utiles</h4>
978					<ul>
979						<li><i class="fal fa-thermometer-three-quarters  fa-fw" style="margin-right: 10px;"></i><a href="https://status.vliferoleplay.fr/" target="_blank"> Statut des services</a></li>
980						<li><i class="far fa-handshake  fa-fw" style="margin-right: 10px;"></i><a href="http://vliferoleplay.fr/partenaire.php">Partenaire</a></li>
981						<li><i style="margin: 0px 7px 0px 2px;" class="fal fa-file-exclamation fa-fw"></i><a href="http://vliferoleplay.fr/mentions.php">Mentions légales</a></li>
982					</ul>
983				  </div>
984
985				  <div class="col-lg-3 col-md-6 footer-links">
986					<h4>Nos réseaux sociaux</h4>
987					<p>Vous pouvez nous suivre via nos réseaux sociaux pour toujours rester informé.</p>
988					<div class="social-links mt-3">
989					  <a href="https://twitter.com/vLifeRoleplay" target="_blank" class="twitter"><i class="fab fa-twitter"></i></a>
990					  <a href="https://www.youtube.com/channel/UCGIaj2gVvI2P49KcdKPHUJQ" target="_blank" class="youtube"><i class="fab fa-youtube"></i></a>
991					  <a href="https://www.instagram.com/vliferoleplay/" target="_blank" class="instagram"><i class="fab fa-instagram"></i></a>
992					  <a href="https://www.twitch.tv/vliferoleplay" target="_blank" class="twitch"><i class="fab fa-twitch"></i></a>
993					  <a href="https://www.tiktok.com/@vliferoleplay" target="_blank" class="tiktok"><!--<i class="fab fa-tiktok"></i>--><i class="">
994					  <svg viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg" height="15pt" width="15pt" style="margin-bottom: 5px;fill: white;"><path d="m432.734375 112.464844c-53.742187 0-97.464844-43.722656-97.464844-97.464844 0-8.285156-6.71875-15-15-15h-80.335937c-8.285156 0-15 6.714844-15 15v329.367188c0 31.59375-25.703125 57.296874-57.300782 57.296874-31.59375 0-57.296874-25.703124-57.296874-57.296874 0-31.597657 25.703124-57.300782 57.296874-57.300782 8.285157 0 15-6.714844 15-15v-80.335937c0-8.28125-6.714843-15-15-15-92.433593 0-167.632812 75.203125-167.632812 167.636719 0 92.433593 75.199219 167.632812 167.632812 167.632812 92.433594 0 167.636719-75.199219 167.636719-167.632812v-145.792969c29.855469 15.917969 63.074219 24.226562 97.464844 24.226562 8.285156 0 15-6.714843 15-15v-80.335937c0-8.28125-6.714844-15-15-15zm-15 79.714844c-32.023437-2.664063-62.433594-13.851563-88.707031-32.75-4.566406-3.289063-10.589844-3.742188-15.601563-1.171876-5.007812 2.5625-8.15625 7.71875-8.15625 13.347657v172.761719c0 75.890624-61.746093 137.632812-137.636719 137.632812-75.890624 0-137.632812-61.742188-137.632812-137.632812 0-70.824219 53.773438-129.328126 122.632812-136.824219v50.8125c-41.015624 7.132812-72.296874 42.984375-72.296874 86.011719 0 48.136718 39.160156 87.300781 87.296874 87.300781 48.140626 0 87.300782-39.164063 87.300782-87.300781v-314.367188h51.210937c6.871094 58.320312 53.269531 104.71875 111.589844 111.589844zm0 0"></path></svg>
995					  </i></a>
996					</div>
997				  </div>
998				
999				</div>
1000			  </div>
1001			</div>
1002		  </footer><!-- End Footer -->
1003	</body>
1004</html>
1005	<!-- Button Up -->
1006	  <a href="#" class="back-to-top"><i class="fal fa-arrow-up"></i></a>
1007	<!-- Alert Cookie -->
1008	<div class="alert text-center cookiealert" role="alert">
1009    <b>Aimez-vous les cookies?</b> &#x1F36A; Ce site utilise des cookies pour vous offrir le meilleur service. En poursuivant votre navigation, vous acceptez l’utilisation des cookies. <a href="https://www.vliferoleplay.fr/mentions.php#cookie" target="_blank">En savoir plus</a>
1010    <button type="button" class="btn btn-primary btn-sm acceptcookies">
1011        J'accepte
1012    </button>		
1013
1014	  <!-- Include cookiealert script -->
1015	  
1015<script src="assets/js/cookiealert.js"></script>
1015
1016	  <!-- Vendor JS Files  -->
1017	  
1017<script src="assets/vendor/font-awesome/js/all.js" data-auto-replace-svg="nest"></script>
1017
1018	  
1018<script src="assets/vendor/jquery/jquery.min.js"></script>
1018
1019	  
1019<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
1019
1020	  
1020<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
1020
1021	  
1021<script src="assets/vendor/php-email-form/validate.js"></script>
1021
1022	  
1022<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
1022
1023	  
1023<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
1023
1024	  
1024<script src="assets/vendor/venobox/venobox.min.js"></script>
1024
1025	  
1025<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
1025
1026	  
1026<script src="assets/vendor/aos/aos.js"></script>
1026
1027
1028	  <!-- Template Main JS File -->
1029	  
1029<script src="assets/js/main.js?v=1768259372"></script>
1029
1030	  
1030<script>$( document ).ready(function() {
1031		  
1032		 async function checkInviteLink() {
1033  var inviteLink = 'https://discord.com/invite/vliferp';
1034  var inviteCode = inviteLink.split('/').pop();
1035
1036  try {
1037    const response = await fetch(`https://discord.com/api/v9/invites/${inviteCode}`);
1038    if (response.ok) {
1039      const data = await response.json();
1040      console.log(data);
1041      return true;
1042    } else {
1043      throw new Error('Invalid invite link');
1044    }
1045  } catch (error) {
1046    console.error('Erreur:', error);
1047    return false;
1048  }
1049}
1050
1051// Utilisation de la fonction asynchrone
1052checkInviteLink().then(isValid => {
1053  if (!isValid) {
1054    $('#footer').find('a').attr("href", "https://discord.com/invite/xkYb7hw");
1055  }
1056});
1057		  
1058		  
1059		  $('.filter-active').click()
1060	  
1061	  $.ajax({
1062			type: 'POST',
1063			url: 'inc/visits.php',
1064			data: { page_name: 'Accueil' },
1065			success: function (data) {
1066			}
1067		});
1068	  
1069var substr = ["/assets/img/cta-bg.webp", "https://imgur.com/z49aRJR.png", "https://imgur.com/XTzYGVJ.png", "https://imgur.com/SrrQe2s.png","https://imgur.com/oU73lr1.png", "https://imgur.com/d8d3Wdy.png"];
1070var time = 5000;
1071
1072function LoopForever() {
1073    var i;
1074    for (i = 0; i < substr.length; ++i) {
1075        task(i)
1076    }
1077
1078    function task(i) {
1079        setTimeout(function () {
1080            $('.hero').delay(1000 * i).css({
1081  "background": 'linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url("' + substr[i] + '")',
1082  "background-size": "cover",
1083  "background-attachment": "fixed" 
1084});
1085        }, time * i);
1086    }
1087}
1088
1089LoopForever()
1090var interval = self.setInterval(function(){LoopForever()},time * substr.length);
1091	  
1092	  
1093	 $('a.tip').tooltip();
1094	/*	$('form').submit(function (event) {
1095    event.preventDefault();
1096    if ($(this)[0].checkValidity() === false) {
1097        event.stopPropagation();
1098    } else {
1099$.ajax({
1100			   type: "POST",
1101			   url: 'forms/form-process.php',
1102			   data: form.serialize(), // serializes the form's elements.
1103			   success: function(data)
1104			   {
1105				   alert(data);
1106				   //alert(data); // show response from the php script.
1107				   //$('.fetched_data').html(data);
1108				   //$('.toggle').hide();
1109			   }
1110			 });
1111
1112});*/
1113	  
1114	  
1115	  });
1116	  
1117	  
1118	  </script>
1118
1119	</body>
1120
1121</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.