-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
79 lines (66 loc) · 3.96 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/b050931f68.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="public/css/style.css">
<title>Home page</title>
</head>
<body>
<?php include 'public/layouts/_header.php'; ?>
<section>
<div class="home">
<h1>La maison des Part’Âges</h1>
<h2>Découvrez notre projet et devenez acteur de la solidarité en contribuant à notre collecte de vêtements.</h2>
</div>
</section>
<section class="btn">
<a href="#">Donner <img src="images/kdo.png" alt="Logo cadeau"></a>
<a href="#">Récuperer <img src="images/panier.png" alt="Logo panier"></a>
</section>
<section class="main">
<div class="mainBloc1 hide">
<img src="images/img1.png" alt="photo dessin animation">
<div class="mainTxt">
<h3>Le projet de la ville
de Le Plessis-Robinsson</h3>
<p>Communauté solidaire et engagée dans l’écoresponsabilité, la ville s’engage avec La Maison des Part’Âges pour collecter vos vêtements et objets et les redistribuer aux personnes dans le besoin. <br><br>
Vous pouvez publier vos vêtements sur notre site pour qu'ils trouvent une nouvelle vie auprès d'une personne dans le besoin. Nous organisons également une ou deux bourses aux vêtements chaque année. <br>
Rejoignez-nous dès maintenant en cliquant sur le bouton ci-dessus pour publier vos vêtements ou en explorant notre site pour en savoir plus sur notre initiative solidaire.
</p>
</div>
</div>
<div class="mainBloc2 hide">
<div class="mainTxt">
<h3>Le projet de la ville
de Le Plessis-Robinsson</h3>
<p>Communauté solidaire et engagée dans l’écoresponsabilité, la ville s’engage avec La Maison des Part’Âges pour collecter vos vêtements et objets et les redistribuer aux personnes dans le besoin. <br><br>
Vous pouvez publier vos vêtements sur notre site pour qu'ils trouvent une nouvelle vie auprès d'une personne dans le besoin. Nous organisons également une ou deux bourses aux vêtements chaque année. <br>
Rejoignez-nous dès maintenant en cliquant sur le bouton ci-dessus pour publier vos vêtements ou en explorant notre site pour en savoir plus sur notre initiative solidaire.
</p>
</div>
<img src="images/img2.png" alt="photo dessin animation">
</div>
<div class="mainBloc3 hide">
<img src="images/img3.png" alt="photo dessin animation">
<div class="mainTxt">
<h3>Le projet de la ville
de Le Plessis-Robinsson</h3>
<p>Communauté solidaire et engagée dans l’écoresponsabilité, la ville s’engage avec La Maison des Part’Âges pour collecter vos vêtements et objets et les redistribuer aux personnes dans le besoin. <br><br>
Vous pouvez publier vos vêtements sur notre site pour qu'ils trouvent une nouvelle vie auprès d'une personne dans le besoin. Nous organisons également une ou deux bourses aux vêtements chaque année. <br>
Rejoignez-nous dès maintenant en cliquant sur le bouton ci-dessus pour publier vos vêtements ou en explorant notre site pour en savoir plus sur notre initiative solidaire.
</p>
</div>
</div>
</section>
<?php include 'public/layouts/_footer.php'; ?>
<script>
window.addEventListener('scroll',function(){
var header = document.querySelector('header');
header.classList.toggle('sticky',window.scrollY > 0);
});
</script>
</body>
</html>