-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (207 loc) · 10.9 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css" />
<script src="https://unpkg.com/scrollreveal"></script>
<title>Un repas Un sourire</title>
<!-- référencement -->
<meta name="key-words" content="Un repas Un sourire, un repas, un sourire, sans-abris, association, aide, sdf,
association sans-abris, projet etudiant">
<meta name="description" content="Projet associatif lancé par 5 étudiants afin de venir en aide aux sans-abris">
</head>
<body data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="0" tabindex="0">
<nav id="navbar" class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#accueil">Un repas Un sourire</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html#situation">La situation actuelle</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#actions">Nos actions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#presentation">Qui sommes nous?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="maraude.html#maraude">Les maraudes</a>
</li>
</ul>
</div>
</nav>
<div id="accueil">
<img src="images/logo.png" id="logo" alt="logoUnRepasUnSourire" class="reveal-top"/>
<h1 class="reveal-left">Bienvenue sur le site de 1 repas 1 sourire!</h1>
<p class="reveal-right">
Projet associatif lancé par 5 étudiants de l’IUT de Sceaux.
Nous nous sommes rassemblés autour d’une même idée : soutenir et rassembler ! <br> <br>
Notre principal objectif est de venir en aide aux personnes en situation de précarité.
En effet, à cause de la crise sanitaire, les actions pour les aider ont diminué.
Ainsi, nous avons décidé d’organiser une maraude afin de servir des repas chauds et de leur
apporter par la même occasion du réconfort et des encouragements. Nous voulons leur redonner le sourire.
</p>
</div>
<div id="situation">
<h1 class="reveal-top">La situation actuelle</h1>
<div id="presentationSituation">
<p id="postItSituationBlue" class="shadow reveal-left">
Aujourd’hui, en France, on estime le nombre de sans-abris à environ 300 000,
contre 145 000 en 2012, soit un chiffre qui a doublé en moins de 10 ans.
La moitié de ce chiffre représente des personnes se trouvant en Île de France,
il est donc impératif de leur venir en aide !
</p>
<img src="images/situationSDF1.jpg" class="img-fluid reveal-right" alt="image situation sdf">
</div>
<div id="presentationSituation2">
<img src="images/situationSDF2.jpg" class="img-fluid reveal-left" alt="image situation sdf">
<p id="postItSituationOrange" class="shadow reveal-right">
C’est un chiffre que l’on a du mal à imaginer et dont on ne se rend pas forcément compte.
La précarité ne touche pas seulement les sans-emploi. En effet, les étudiants,
les retraités et les salariés peuvent également connaître des difficultés.
</p>
</div>
</div>
<div class="boutonMaraude"><a href="maraude.html" class="voirMaraude">Voir les Maraudes</a></div>
<div id="actions">
<h1 class="reveal-top">Nos actions</h1>
<p class="reveal-bottom">
Nous avons pour objectif de récolter au minimum 900€ afin de financer ce projet.
Le financement aura pour seul et unique but l’achat de denrées alimentaires et
d’accessoires afin de pouvoir distribuer des repas de qualité et convenant à tous :
</p>
<table class="table table-hover reveal-bottom">
<tr>
<td>Plat</td>
<td>Pâtes bolognaise faîtes maison (Viande halal, coulis tomate, carottes, oignons)</td>
</tr>
<tr>
<td>Dessert</td>
<td>Compotes de fruit et gâteaux</td>
</tr>
<tr>
<td>Boissons</td>
<td>Bouteilles d'eaux et café</td>
</tr>
<tr>
<td>Accessoires</td>
<td>Couverts, gobelets et barquettes</td>
</tr>
</table>
<p class="reveal-left">
Les fonds serviront également à l'achat de vêtements et de produits hygièniques.
</p>
<p class="reveal-right">
Chaque don à son importance, avec 2€, vous nous donnez la possibilité d’acheter 1kg de pâtes.
</p>
<div id="enCooperation">
<h2>
En coopération avec le CUP Solidarité
Ensemble nous sommes solidaires !
</h2>
<img src="images/logoCupSolidarite.png" alt="logo cup solidarité">
</div>
</div>
<hr width="100%" color="#FF914D" class="hr">
<div id="presentation">
<h1>Qui sommes nous?</h1>
<div id="personneImpair">
<div id="infoPersonne" class="reveal-left">
<img src="images/pierre.jpg" id="pdp" alt="photo Pierre">
<h5>Pierre</h5>
</div>
<p class="reveal-right">
Une nouvelle année et un nouveau projet, je m’appelle Pierre STASSINET.
Organisé et pointilleux sur les détails, j'ai pour mission de motiver mon équipe afin d'être
toujours performant et de mener à bien ce projet !
</p>
</div>
<div id="personnePair">
<p class="reveal-left">
Salut a tous ! Moi, c'est Jessy NORTE, on me surnomme Le Ronaldinho de cette équipe.
La légende dit que j'ai le même pied droit. Il m'est impossible
de manquer un seul match. Je suis très motivé à l'idée de mener ce projet
à bien, j'espère que vous pourrez nous apporter votre aide !
</p>
<div id="infoPersonne" class="reveal-right">
<img src="images/jessy.jpg" id="pdp" alt="photo Jessy">
<h5>Jessy</h5>
</div>
</div>
<div id="personneImpair">
<div id="infoPersonne" class="reveal-left">
<img src="images/alexis.jpg" id="pdp" alt="photo Alexis">
<h5>Alexis</h5>
</div>
<p class="reveal-right">
Salut, Alexis PERSEILLE. Le Papy du groupe mais le plus sage. Posé, réfléchi, je m'occupe de la trésorerie du groupe.
</p>
</div>
<div id="personnePair">
<p class="reveal-left">
Moi c’est Marta SOUSA DA COSTA. Comme vous pouvez le voir je suis la seule fille du groupe.
J'ai pour but de promouvoir notre projet ! Pour cela, je serai chargé de gérer au mieux la
communication à travers nos réseaux.
</p>
<div id="infoPersonne" class="reveal-right">
<img src="images/marta.jpg" id="pdp" alt="photo Marta">
<h5>Marta</h5>
</div>
</div>
<div id="personneImpair">
<div id="infoPersonne" class="reveal-left">
<img src="images/axel.jpg" id="pdp" alt="photo Axel">
<h5>Axel</h5>
</div>
<p class="reveal-right">
Bonjour, moi c’est Axel HUBERT. Le rigolo du groupe. Un peu joueur et surtout bosseur,
je m’occupe moi aussi de la trésorerie du groupe avec mon papy préféré Alexis. Par la même occasion,
je suis chargé des achats d'1 Repas 1 Sourire.
</p>
</div>
<hr width="100%" color="#FF914D" class="hr">
<div id="nousSoutenir">
<h1 class="reveal-top">Soutenez-nous, aidez les!</h1>
<p class="border border-dark rounded-pill shadow p-3 mb-5 bg-white rounded reveal">
<strong>Chaque don compte et a le pouvoir d’aider !</strong><br>
Outre les dons, le simple fait de partager cette initiative peut nous aider à augmenter considérablement notre visibilité !
<br><br>
Je pense que vous avez maintenant toutes les cartes en mains, à vous de jouer !
</p>
<a href="http://www.leetchi.com/c/1repas-1sourire-rke2g1aw" target="blank" class="btn btn-outline-danger btn-soutenir reveal-bottom">Nous soutenir!</a>
</div>
</div>
<footer>
<div id="realisationProjet" class="reveal">
<h6>projet réalisé par:</h6>
<ul class="list-group list-group-flush">
<li class="list-group-item list-group-item-dark">Pierre STASSINET</li>
<li class="list-group-item list-group-item-dark">Jessy NORTE</li>
<li class="list-group-item list-group-item-dark">Alexis PERSEILLE</li>
<li class="list-group-item list-group-item-dark">Marta SOUSA DA COSTA</li>
<li class="list-group-item list-group-item-dark">Axel HUBERT</li>
</ul>
</div>
<div id="reseauxSociaux" class="reveal">
<h6>Rejoignez-nous sur les réseaux!</h6>
<div id="iconeReseaux">
<a href="https://www.instagram.com/1repas.1sourire/" target="blank"><img class="icone" src="images/instagram.png"></a>
<a href="https://www.facebook.com/1repas1sourire" target="blank"><img class="icone" src="images/facebook.png"></a>
</div>
<p>1repas.1sourire</p>
</div>
<div id="realisationSite" class="reveal">
<h6>Site web réalisé par:</h6>
<a href="https://tonnerre-ewen.netlify.app/" target="blank">Ewen Tonnerre</a>
<p>©CopyRight - Tonnerre Ewen - 2022</p>
</div>
</footer>
</body>
<script src="sr.js"></script>
</html>