-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (137 loc) · 4.34 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
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FAYAFAYTA</title>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<img src="images/logo.webp" alt="logo" />
<div>
<h1>
Rejoignez les courageux pompiers volontaires dans leur mission de
protection et de service.
</h1>
</div>
</header>
<main>
<div>
<section id="lastNews">
<h2>Dernières actualités</h2>
<ul>
<li>
<img src="images/icon-logo.webp" alt="icon" />
<div>
<h3>Autonomisation des pompiers volontaires</h3>
<p>Publié le 12/12/12</p>
<p>
Découvrez comment nos pompiers volontaires font la différence
dans la communauté.
</p>
<a href="#">lire la suite>></a>
</div>
</li>
<li>
<img src="images/icon-logo.webp" alt="icon" />
<div>
<h3>Sécurité incendie en milieu urbain</h3>
<p>Publié le 15/01/13</p>
<p>
Les défis et les solutions pour assurer la sécurité incendie
dans les zones urbaines.
</p>
<a href="#">lire la suite>></a>
</div>
</li>
<li>
<img src="images/icon-logo.webp" alt="icon" />
<div>
<h3>Entraînement intensif des pompiers</h3>
<p>Publié le 20/02/13</p>
<p>
Découvrez comment nos pompiers se préparent à affronter les
situations d'urgence avecun entraînement intensif.
</p>
<a href="#">lire la suite>></a>
</div>
</li>
<li>
<img src="images/icon-logo.webp" alt="icon" />
<div>
<h3>Les pompiers volontaires en action</h3>
<p>Publié le 25/03/13</p>
<p>
Suivez nos pompiers volontaires dans leur missions courageuses
pour sauver des vies et protéger la communauté.
</p>
<a href="#">lire la suite>></a>
</div>
</li>
</ul>
</section>
<section id="focusNews">
<h2>Á la une</h2>
<ul>
<li>
<img src="images/fireman4.webp" alt="" />
<div>
<h3>Les pompiers courageux</h3>
<p>
Découvrez les histoires incroyables de nos pompiers à la une.
</p>
<a href="">lire la suite>></a>
</div>
</li>
<li>
<img src="images/fireman5.webp" alt="" />
<div>
<h3>Les pompiers courageux</h3>
<p>
Découvrez les histoires incroyables de nos pompiers à la une.
</p>
<a href="">lire la suite>></a>
</div>
</li>
</ul>
</section>
</div>
<div>
<section id="gallery">
<h2>Galerie</h2>
<div>
<img src="images/fireman1.webp" alt="fireman1" />
<img src="images/fireman2.webp" alt="fireman2" />
<img src="images/fireman3.webp" alt="fireman3" />
</div>
</section>
<section id="contacts">
<h2>Connectez-vous avec nous</h2>
<div>
<a href="">Twitter</a>
<a href="">Facebook</a>
<a href="">Google+</a>
</div>
</section>
</div>
</main>
<footer>
<ul>
<li>
<a href="">Accueil</a>
<a href="">Á props</a>
<a href="">Blog</a>
<a href="">Contact</a>
</li>
</ul>
<p>© Droits d'auteur 2023, tous droits réservés</p>
</footer>
</body>
</html>