-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (90 loc) · 3.93 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style/style.css" rel="stylesheet" />
<title>Accueil</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<!-- Main content section -->
<div class="content">
<!-- Navbar -->
<header>
<nav class="d-flex justify-content-between align-items-center p-3">
<a href="index.html">
<img src="images/logo.jpg" alt="Logo" >
</a>
<div>
<a href="index.html">Accueil</a>
<a href="a-propos.html">Actualités</a>
<a href="rdv.html">rendez-vous</a>
<a href="gallery.html">Gallery</a>
<a href="contact.html">Contact</a>
<a href="about.html">About Us</a>
</div>
</nav>
</header>
<!-- Main Section -->
<div class="main-section">
<h1 class="display-4">Bienvenue Au Association de Promotion de la Santé Mentale</h1>
<p class="lead">Rejoignez notre communauté pour faire la différence.</p>
<a href="about.html" class="btn btn-primary">En savoir plus</a>
</div>
<!-- President's Message Section -->
<div class="president-message">
<div class="message-text">
<h4>Le mot du président</h4>
<p>Chères amies, chers amis,</p>
<p>Permettez-moi, en ce début d'année 2024, de vous présenter en mon nom et au nom de l'ensemble du
bureau
et du conseil d'administration de l'ANP3SM, tous nos voeux de santé, de joie et de sérénité...</p>
<p>J'ai donc hâte de vous retrouver pour notre 22<sup>ème</sup> édition, d'ici là portez-vous bien et
prenez
soin de vous et de vos proches.</p>
<p style="color: #767171;"><strong>Docteur Nabil HALLOUCHE, Président de l'ANP3SM</strong></p>
</div>
<a href="https://www.anp3sm.com/wp-content/uploads/2014/06/nabil-300x300-2.jpg">
<img src="https://www.anp3sm.com/wp-content/uploads/2014/06/nabil-300x300-2-150x150.jpg" alt="nabil"
class="img-fluid">
</a>
</div>
<!-- Scroll to Top Button -->
</div>
<button id="scrollToTopBtn" class="rounded-circle" title="Retour en haut">⇧</button>
<!-- Footer -->
<footer>
<img src="images/logo.jpg" alt="Logo " width="5%" height="5%">
<div>
<a target="_blank" href="https://twitter.com/" class="lien-icone">
<img src="images/twitter.png" alt="Logo Twitter">
</a>
<a target="_blank" href="https://www.instagram.com/" class="lien-icone">
<img src="images/instagram.png" alt="Logo Instagram">
</a>
</div>
</footer>
<!-- Scroll to Top JavaScript -->
<script>
// Get the button
let mybutton = document.getElementById("scrollToTopBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
};
// When the user clicks on the button, scroll to the top of the document
mybutton.onclick = function () {
window.scrollTo({
top: 0,
behavior: "smooth"
});
};
</script>
</body>
</html>