You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

228 lines
7.4 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VisitMyParis - Le Monde Du Gaming</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css"
>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img src="img/Logo.png" alt="Logo - Le Monde Du Gaming">
</a>
<!--NAVBAR-->
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="parcours.html">
Le parcours
</a>
<a class="navbar-item" href="guide.html">
Votre guide
</a>
<a class="navbar-item" href="contact.html">
Contact
</a>
</div>
</div>
</div>
</nav>
<!--FIN NAVBAR-->
<!--LAYOUT-->
<section class="hero my-hero is-large is-info">
<div class="hero-body">
<p class="title"></p>
<p class="subtitle"></p>
</div>
</section>
<!--FIN LAYOUT-->
<!--SECTION-->
<section class="section is-medium">
<h1 class="title">Le Monde Du Gaming est</h1>
<h2 class="subtitle">
<strong>un univers qui attire naturellement les passionnés</strong> Comme tout type de divertissement et d'art, il possède donc ses propres termes techniques régulièrement utilisés par ses adeptes.
</h2>
</section>
<!--FIN SECTION-->
<section>
<div class="columns">
<!--section colonnes-->
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img
src="img/Cybercafé V.Hive by Team Vitality.png"
alt="Cybercafé V.Hive by Team Vitality - image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="img/Cybercafé V.Hive by Team Vitality.png"
alt="Cybercafé V.Hive by Team Vitality - image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">Cybercafé V.Hive by Team Vitality</p>
<p class="subtitle is-6"></p>
</div>
</div>
<div class="content">
Vous pouvez maintenant voir labeille briller à travers les fenêtres de notre QG au 102 Boulevard de Sébastopol à Paris. En plus dabriter les bureaux de léquipe Team Vitality, V.Hive est à la fois un cybercafé, un café et un magasin :
<br>• V. Play : pour partager ensemble la passion du jeu vidéo sur du matériel très hauts de gamme.
<br>• V. Cafe : parce que cest aussi un lieu de vie, un espace café a été conçu pour faire une pause entre deux parties et regarder des matchs.
<br>• V. Shop : venez découvrir nos produits dans notre boutique et refaire votre garde-robe aux couleurs de Vitality.
<br>• V. Bootcamp : un espace dentraînement pour nos joueurs, que vous pouvez également privatiser. <a href= "https://vitality.gg/v-hive/" href="#">#Cybercafé V.Hive by Team Vitality.</a>
<br />
</div>
</div>
</div>
</div>
<!--fin section colonnes-->
<!--section colonnes 2-->
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-6by3">
<img
src="img/PGW1.jpeg"
alt="PGW - image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="img/PGW1.jpeg"
alt="PGW - image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">Paris Games Week</p>
<p class="subtitle is-6"></p>
</div>
</div>
<div class="content">
La Paris Games Week (PGW) est le plus grand salon français de jeu vidéo, organisé par le Syndicat des Editeurs de Logiciels de Loisirs (SELL). Crée en 2010, ouvert au grand public pendant 5 jours, le salon na cessé de grandir, atteignant jusquà 317 000 visiteurs en 2019.
La Paris Games Week est devenu le 2ème plus grand salon en Europe, le 5ème dans le monde. Le succès du salon reflète le formidable dynamisme du jeu vidéo en France : un chiffre daffaires du secteur à 6,1 milliards deuros en 2023 et 72% des français pratiquant le jeu vidéo. <a href= "https://www.parisgamesweek.com/fr-FR
" href="#">#PGW</a>
<br />
</div>
</div>
</div>
</div>
<!--fin section colonnes 2-->
<!--section colonnes 3-->
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-6by3">
<img
src="img/Milklub2.png"
alt="Milklub - image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="img/Milklub2.png"
alt="Milklub - image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">Milklub</p>
<p class="subtitle is-6"></p>
</div>
</div>
<div class="content">
Un espace unique à Paris ! espace produit fourni par Asus de plus de 600 m2 avec 130 postes au cœur de Paris entre Beaubourg et le forum des Halles, ouvert 24/7 où vous pouvez travailler, imprimer et jouer. <a href= "https://milklub.com/wp/" href="#">#Milklub</a>
<br />
</div>
</div>
</div>
</div>
<!--fin section colonnes 3-->
<!--section colonnes 4-->
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img
src="img/Luxembourg_micro.png"
alt="Luxembourg_micro - image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="img/Luxembourg_micro.png"
alt="Luxembourg_micro - image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">LuxembourgMicro</p>
<p class="subtitle is-6"></p>
</div>
</div>
<div class="content">
Avec Luxembourg Micro facilitez vous la vie et profitez notre expertise et nos services de haute qualité. Être à vôtre service est notre métier.
<a href= "https://www.facebook.com/LuxMicro/" href="#">#LuxembourgMicro</a>
<br />
</div>
</div>
</div>
</div>
<!--fin section colonnes 4-->
</section>
</body>
</html>