-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage.html
58 lines (49 loc) · 2.92 KB
/
page.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
<!DOCTYPE html>
<html>
<head>
<title>Coronavirus</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="feuille.css">
</head>
<body>
<div class="main_wrapper">
<header>
<h1>Restez informés :</h1>
<div><a href="https://www.who.int/fr/" class="mobile nav-logo">
<img class="svg" src="OMS-logo.jpg"/>
</a> </div>
<div> <a href="http://www.sante.gouv.sn/Pr%C3%A9sentation/coronavirus-informations-officielles-et-quotidiennes-du-msas">
<img class="logo-ministere" src="mns.png"
</a> </div>
<div><a href="https://www.france24.com/fr/tag/coronavirus/">
<img class="f24" src="fr24.png">
</a> <br></div>
</header>
<div class="tronc">
<section class="niv1">
<div ><img class="image1" src="image1.jpeg" alt="image préventive"></div>
<p class="text1">Lavez vous très régulièrement les mains avec du savon de préference ou alors du gel hydroalcolique. Le virus peut être partout: sur une poignée de porte dans un établissement très fréquenté, sur une barre dans dans les escaliers, sur les boutons de l'ascenceur et dans les endroits ou objets les moins soupçonnés.</p>
</section>
<section class="niv2">
<h2 style="word-wrap: break-word; background-color: rgba(0, 0, 255, 0.6); width: 310px; height: 55px; position: absolute; top:15%; left:46%; text-align: center;"> Passe sur le millieu de chaque<br> icône pour découvrir !</h2>
<div class="vidéo" style="display=flex; justify-content: center;"><iframe class="vid" width="1280" height="720" src="https://www.youtube.com/embed/lz7FK5xD1Qk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div><div><img class="image2" src="image2.jpeg" alt="image préventive"></div>
<p class="text2">Respectez les gestes barrières. Absolument tout le monde est probablement infecté ou porteur du virus inconsciemment ou non. Le Covid-19 peut être transmis à travers les postillons ou tout contact. </p></div>
</section>
<section class="niv3">
<div><img class="image3" src="image3.jpeg" alt="image préventive"></div>
<p class="text3">Ne cedez pas ! Nos "bonnes habitudes" pourraient nous trahir. N'embrassez et ne saluez de la main ni vos collègues ni vos proches. Tout contact humain direct ou indirect est à éviter voir à bannir le temps de revenir à un contexte plus adéquat. </p>
</section>
</div>
<footer>
Site réalisé par Moustapha Kachab </br>
<h3>Contact:</h3>
<b>Email:</b> [email protected]
<a href="mailto:[email protected]" style="word-wrap: break-word;">Cliquez ici pour m'envoyer un mail !</a> <br/>
<a href="file:///home/bibo/Bureau/WEB/Projet%201:%20CV/page.html">Visitez ma page personnelle</a>
<b>Tél:</b> +221 785395220 <br/>
<b>Adresse:</b> 85 rue Abdou Karim Bourgi, Dakar, Sénégal
</footer>
</div>
</body>
</html>