ajout dossiers et fichiers MondeDuGaming

main
visiteur 3 months ago
parent e18a06f2b0
commit 12bf3006ca

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.0 MiB

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Votre guide</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Votre guide</h1>
<p> Bonjour à tous ! Je m'appelle Manuel, j'ai 20 ans, et je suis ravie de vous emmener dans un voyage unique à travers quatre exceptionnels situés au cœur de Paris. Préparez-vous à découvrir des saveurs authentiques, innovantes, délicieuses et abordables. Allons-y !</p>
<br><p> Nous débutons chez Gangnam Falafel, un restaurant fusion coréen et libanais 100% vegan et végétarien. Attendez-vous à une expérience culinaire innovante qui saura vous surprendre.</p>
<br><p> Ensuite, nous poursuivons chez Xing Fu Tang, une célèbre chaîne taïwanaise de bubble tea. Découvrez une multitude de variations qui vous transporteront directement à Taipei.</p>
<br><p> Pour la troisième étape, nous nous rendons chez Omusubi Gonbei, spécialisé dans les onigiris façonnés à la main. C'est l'endroit parfait pour une pause rapide et savoureuse.</p>
<br><p> Enfin, nous terminons notre parcours gastronomique chez Ace Boucherie & Traiteur, une ancienne boucherie française transformée en boucherie-restaurant coréenne. Attendez-vous à une fusion unique de traditions culinaires françaises et coréennes.</p>
<p>Rejoignez-moi dans ce parcours gourmand et laissez-vous séduire par le meilleur de la cuisine asiatique à Paris ! Bon appétit et bonne découverte !</p>
<br>
<a href="index.html" class="pink-button">Retour à l'Accueil</a>

Binary file not shown.

After

Width:  |  Height:  |  Size: 507 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

@ -0,0 +1,228 @@
<!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>

@ -0,0 +1,71 @@
<!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="qtyles.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-medium is-info">
<div class="hero-body">
<p class="title"></p>
<p class="subtitle"></p>
</div>
</section>
<!--FIN LAYOUT-->
<br>
<a href= "flyer_Manuel.svg"
>
<button class="button is-black">Flyer</button>
<br>
voici ci-dessus le Flyer.
</body>
</html>

@ -0,0 +1,13 @@
.my-hero {
background-image: url(img/gaming-cyberpunk.png);
background-size: cover;
background-repeat: no-repeat;
background-position-y: -70px;
background-position-x: -1px;
height: 550px;
}
body {
text-align: center;
}

@ -0,0 +1,13 @@
.my-hero
{
background-image: url(img/img2.png);
background-size: cover;
height: 500px;
}
.navbar {
position: fixed;
width: 100%;
}
Loading…
Cancel
Save