-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (118 loc) · 6.73 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SeriousGame Nutrition</title>
<!-- Custom fonts for this template-->
<link href="packages\fontawesome-free\css\all.min.css" rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
<link rel="manifest" href="img/favicons/site.webmanifest">
</head>
<body class="bg-gradient-dark">
<div class="m-5">
<div class="row justify-content-center">
<div class="col-12">
<div class="card o-hidden border-0 shadow-lg">
<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="container my-5">
<div class="error mx-auto bigTitle" data-text="SeriousGame Nutrition">
SeriousGame Nutrition
</div>
</div>
<div class="row">
<div class="col-3">
<div class="text-center">
<img class="img-menu mx-3 center-block img-fluid" src="img\impacts\success.png"/>
</div>
<div class="text-center mt-5">
<h4>
<i>
<b>
<q>Anima sana in corpore sano</q>
</b>
</i>
</h4>
</div>
</div>
<div class="col-9 px-5">
<div class="text-justify text-gray-900">
<h4 class="m-3 pb-3">Notre personnage principal se nomme <b>Arthur</b>, il a été imaginé
par les
habitants de la résidence Domitys de Nîmes.</h4>
<div class="card shadow mb-4 m-3">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">Présentation du jeu</h6>
</div>
<div class="card-body">
<h5>Dans ce jeu, vous allez accompagner Arthur durant <b>12 situations</b> de sa
vie quotidienne
et l’aider à prendre des décisions optimales pour sa santé telle que l’OMS
la définie :
<b><q>un état de complet bien-être physique, moral et social</q></b><br><br>Pour
cela vous
allez former 2 équipes :
<ul>
<li>L'équipe <b>Équilibre</b> défendra son bien-être physique et son
équilibre alimentaire afin
qu’il arbore un corps sain
</li>
<li>L'équipe <b>Moral</b> défendra son bien-être moral, en lui accordant
des plaisirs et
en ménageant ses efforts afin qu’Arthur soit saint d’esprit et plein
d’énergie !
</li>
</ul>
</h5>
</div>
</div>
<h5 class="m-3 alert alert-primary"><i class="fa fa-exclamation-triangle"
aria-hidden="true"></i>
Attention ! <b>Votre personnage dispose de son propre libre
arbitre</b> et choisira l’option qui lui plaira ! Collaborez ou confrontez-vous
pour proposer à Arthur les choix les plus adaptés.</h5>
<h5 class="m-3 alert alert-success"><i class="fa fa-check-square"
aria-hidden="true"></i> Les équipes
remportent la partie si Arthur est en bonne santé à la fin des 12 situations.</h5>
</div>
</div>
</div>
<div class="text-center">
<div class="text-center">
<a href="tuto.html">
<button type="button" class="btn btn-primary m-5 pt-3 pb-2 px-3">
<b><h3>Lancer le tutoriel
!</h3></b>
</button>
</a>
</div>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<div class="mx-5 mb-5">
<img class="img-semi-fluid shadow" src="img/logos.jpg"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>