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">×</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">×</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">×</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 & Protected" target="_blank" href="https://www.copyrighted.com/website/qOQZ9XGBfscFCNFp"><img alt="Copyrighted.com Registered & 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> 🍪 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.