-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
125 lines (111 loc) · 5.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./src/css/style.css">
</head>
<body>
<div class="navbar">
<img class="navbar__logo" src="./Design/Assets/SVG/logo__sante.svg" alt="">
<div class="navbar__listes">
<a href="#" class="navbar__listes--link">Conseil</a>
<a href="#" class="navbar__listes--link">Aceuil</a>
<a href="#" class="langue">عربي</a>
</div>
</div>
<article class="info">
<h3 class="info__dernière">LA DERNIÈRE INFO MÉDICALE</h3>
<p class="info__Médicale">
La prise d'anti-inflammatoires (ibuprofène, cortisone ...) pourrait être un facteur<br>
d'aggravation de l’infection. En cas de fièvre, prenez du paracétamol.<br>
N'arrêtez pas votre traitement ! Consultez votre médecin ou votre pharmacien.
</p>
</article>
<div class="container">
<div class="secOne">
<img class="secOne__img" src="./Design/Assets/png/Group_80.png" alt="">
<div class="secOne__cntnt">
<h1 class="secOne__cntnt--h1"> Vous pensez avoir été exposé au<br> Coronavirus COVID-19 et avez des
symptômes ? </h1>
<img class="secOne__cntnt--img" src="./Design/Assets/SVG/1f637.svg" alt="">
<p class="secOne__cntnt--p">Je reste vigilant ?<br> Je programme une téléconsultation ?<br> J'appelle le
15 ?<br>
Faites le test pour répondre en citoyen<br> éclairé selon vos symptômes.</p>
<a class="secOne__cntnt--a" href="#">Demarer le test</a>
</div>
</div>
<h1 class="symptomes">Quels sont les symptômes à surveiller ?</h1>
<div class="fourSymp">
<div class="fourSymp__card">
<img class="fourSymp__card--img" src="./Design/Assets/png/Calque 2.png" alt="">
<p class="fourSymp__card--p">Fièvre</p>
</div>
<div class="fourSymp__card">
<img class="fourSymp__card--img" src="./Design/Assets/png/Calque 2.png" alt="">
<p class="fourSymp__card--p">Nausées<br> et vomissements</p>
</div>
<div class="fourSymp__card">
<img class="fourSymp__card--img" src="./Design/Assets/png/Calque -2.png" alt="">
<p class="fourSymp__card--p"> Gêne<br> respiratoire </p>
</div>
<div class="fourSymp__card">
<img class="fourSymp__card--img" src="./Design/Assets/png/Calque -1.png" alt="">
<p class="fourSymp__card--p">Toux et maux <br>de gorge </p>
</div>
</div>
<section class="recom">
<h1 class="recom__h1">Recommandations officielles</h1>
<div class="recom__recommandation">
<div>
<p class="blackP">Si vous pensez être malade,</p>
<p>évitez les endroits publics.</p>
<p>Ne rendez pas visite aux personnes fragiles. </p>
<p>Évitez de sortir de chez vous.</p>
<p>Respectez les mesures barrière (lavage de main, masque).</p>
<p>Surveillez vos symptômes, l’évolution de votre température</p>
<p>corporelle et recherchez un avis médical.</p>
</div>
<div class="recommandation__appele">
<h1 class="recommandation__appele--h1">Apple Gratuit</h1><br><br>
<a class="recommandation__appele--num" href="#">080 100 47 47</a><br><br>
<a class="recommandation__appele--site" href="#">www.sante.gov.ma</a>
</div>
</div>
</section>
<section class="test">
<h1 class="test__h1">Vous pensez avoir été exposé au Coronavirus COVID-19 et avez des symptômes ? </h1>
<img class="test__img" src="./Design/Assets/png/1f637.png" alt=""><br>
<a class="test__a" href="#">Demarer le test</a>
</section>
<div class="logo-footer">
<img src="./Design/Assets/png/[email protected]" alt="">
</div>
<div class="footer">
<div class="nav">
<div class="nav__listes">
<a href="#" class="nav__listes--a">Conseil</a>
<a href="#" class="nav__listes--a">Aceuil</a>
<a href="#" class="langue">عربي</a>
</div>
</div>
<div class="footer__contact">
<h1 class="footer__contact--firsth1">Contacts utiles</h1>
<h2 class="footer__contact--firsth2">Chiffre économique "Alo épidémie vigilance"</h2>
<h1 class="footer__contact--secondh1">080 100 47 47</h1>
<h2 class="footer__contact--secondh2">Aide médicale urgente</h2>
<h1 class="footer__contact--lasth1">114</h1>
</div>
<div class="footer__algo">
<p>Algorithme d'orientation mis à jour sur les recommandations en vigueur<br>
au 22/03/2020 à 16h15. Ce site d’information n’est pas un dispositif médical,<br>
il ne délivre pas d’avis médical. Projet solidaire d'urgence,financé par l’Alliance<br>
Digitale contre le COVID-19 : @maladiecovid19</p>
</div>
</div>
<div class="bare-footer">footer</div>
</div>
<script src="./src/js/general.js"></script>
</body>
</html>