-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTest.html
159 lines (132 loc) · 5.25 KB
/
Test.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs="
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-------------------------------------------- start navbar -------------------------------------->
<nav>
<div class="logo">
<img src="img/logo.png" width="60px" alt="logo" />
</div>
<div class="list">
<ul>
<il><a class="conseil" href="./conseil.html"> Conseil</a></il>
<il><a class="acceil" href="./index.html"> Accueil</a></il>
<il
>عربي
<img src="img/Icon material-language.png" alt="" />
</il>
</ul>
</div>
</nav>
<!---------------------------------------- end navbar ------------------------------------------->
<!---------------------------------------- stepper navbar ------------------------------------------->
<section class="stepper">
<h1 class="select">Informations</h1>
<h1>Questionnaire</h1>
<h1>Résultats</h1>
</section>
<!---------------------------------------- stepper navbar ------------------------------------------->
<!------------------------------------- start Préambule section ------------------------>
<section class="Préambule">
<h1>Préambule</h1>
<p>
L’application est fournie à titre gratuit, en l’état, uniquement à des
fins d’information pour contribuer à fluidifier la prise en charge des
personnes par les services d’urgences pendant l’épidémie de Coronavirus
COVID-19. L’exhaustivité, l’exactitude, le caractère à jour des
informations et contenus mis à disposition dans cette application, ou
leur adéquation à des finalités particulières, ne sont pas garantis.
</p>
<hr />
<p>
Cette application ne substitue pas votre médecin qui est plus apte à
vous donner plus de précision. Les informations de cette application est
le premier niveau de la détection des cas possibles du COVID-19.
</p>
</section>
<button class="start-btn">Demarer le test</button>
<!------------------------------------- end Préambule section ------------------------>
<section class="questionnaire">
<div class="progress">
<h3><span class="question-number">1</span> /22</h3>
<div class="progress__bar">
<div class="bar"></div>
</div>
</div>
<div class="animation">
<h1 class="question"></h1>
<div class="answer-inputs"></div>
<div class="btn-container">
<button class="previous">Précédent</button>
<button class="next">Suivant</button>
</div>
</div>
</section>
<!------------------------------------- start Recommandations section ------------------------>
<section class="Recommandations">
<h1>Recommandations officielles</h1>
<div class="Recommandations__content">
<p>
<span> Si vous pensez être malade, </span><br />
évitez les endroits publics.<br />
Ne rendez pas visite aux personnes fragiles.<br />
Évitez de sortir de chez vous.<br />
Respectez les mesures barrière (lavage de main, masque).<br />
Surveillez vos symptômes, l’évolution de votre température<br />
corporelle et recherchez un avis médical.<br />
</p>
<div class="contact">
<h3>Apple Gratuit</h3>
<h4>080 100 47 47</h4>
<h5>www.sante.gov.ma</h5>
</div>
</div>
</section>
<!------------------------------------- end Recommandations section ------------------------>
<!-------------------------------------- start footer ------------------------------------>
<footer>
<img src="img/logo.png" width="70px" alt="" />
<div class="footer-content">
<div>
<ul>
<il
>fran
<img src="img/Icon material-language.png" alt="" />
</il>
<il>Accueil</il>
<il>Conseil</il>
</ul>
</div>
<div class="contact">
<h2>Contacts utiles</h2>
<h4>Chiffre économique "Alo épidémie vigilance"</h4>
<h3>080 100 47 47</h3>
<h4>Aide médicale urgente</h4>
<h3>114</h3>
</div>
<div class="para">
<p>
Algorithme d'orientation mis à jour sur les recommandations en
vigueur au 22/03/2020 à 16h15. Ce site d’information n’est pas un
dispositif médical, il ne délivre pas d’avis médical. Projet
solidaire d'urgence,financé par l’Alliance Digitale contre le
COVID-19 : @maladiecovid19
</p>
</div>
</div>
<div class="footer-bg"></div>
</footer>
<!-------------------------------------- end footer ------------------------------------>
<script src="js/script.js"></script>
</body>
</html>