-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (68 loc) · 3.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="fr">
<head>
<title>GeoChercheur - acceuil</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/reset.css" rel="stylesheet">
<link href="css/global.css" rel="stylesheet">
<link href="css/style_acceuil.css" rel="stylesheet">
</head>
<body class="flex-column">
<header class="bienvenue-header">
<a href="index.html"><img class="logo" src="assets/img/tmp-logo2.png" alt="logo"></a>
<a class="connexion" href="login.html">se connecter</a>
</header>
<main class="flex-column flex-col-vert-center">
<article class="bienvenue">
<h1 class="title">Venez découvrir <span>le monde !</span></h1>
<p>Vous êtes perdus ?
Alors retrouvez votre chemin, le monde est votre nouveau terrain de jeu.
GeoChercheur est un nouveau jeu qui vous amusera tout en vous instruisant. N'hésitez donc pas et venez découvrir le monde avec nous !</p>
</article>
<div class="slider-container">
<div class="slide-menu">
<label class="slide-menu-item" for="slide-dot-1"></label>
<label class="slide-menu-item" for="slide-dot-2"></label>
<label class="slide-menu-item" for="slide-dot-3"></label>
</div>
<input class="slide-input" id="slide-dot-1" type="radio" name="slides" checked>
<!--<img class="slide-item" src="assets/img/acceuil/comm1.png"> --->
<article class="slide-item">
<p>"Un jeu parfait pour passer des soirées entres copain ou en famille. Les différents
parcours nous donnent un large choix de question, j'ai adoré le concept."
</p>
<img src="assets/img/acceuil/star.png">
<p>
Bernard M, 12/12/2022
</p>
</article>
<input class="slide-input" id="slide-dot-2" type="radio" name="slides">
<!---<img class="slide-item" src="assets/img/acceuil/comm2.png"> --->
<article class="slide-item">
<p>"Un concept simple mais qui amuse tout le monde, je le conseille à
tout ceux qui veulent apprendre en jouant"
</p>
<img src="assets/img/acceuil/star.png">
<p>
Jackson width, 02/10/2022
</p>
</article>
<input class="slide-input" id="slide-dot-3" type="radio" name="slides">
<!-- <img class="slide-item" src="assets/img/acceuil/comm3.png"> -->
<article class="slide-item">
<p> "Lorsque j'ai du temps libre, je le passe directement sur GeoChercheur.
donc je considère que ces cinq étoiles sont amplement méritées."
</p>
<img src="assets/img/acceuil/star.png">
<p>
George B, 11/09/2022
</p>
</article>
</div>
<div id="inscription" >
<a class="button" href="login.html" >S'inscrire</a>
</div>
</main>
</body>
</html>