diff --git a/.DS_Store b/.DS_Store
index c5390d74ced7a32426713ddc923567bdedae38d6..882b270bd65bf9ac01f677cddd0cf5c69dc98a6e 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/Bobo.html b/Bobo.html
index bfee3570ce176d6809e74252eee1c593e12d374a..e72f1751942546eef6f5ab1c9410166d2431a192 100644
--- a/Bobo.html
+++ b/Bobo.html
@@ -1,142 +1,172 @@
<!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">
+ <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" />
<title>Le centre de Bobo - Africa Unite</title>
- <link rel="stylesheet" href="styles.css">
-</head>
-<body>
+ <link rel="stylesheet" href="styles.css" />
+ </head>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="index.html"
+ ><img
+ src="images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="equipes.html">Nos différentes équipes</a></li>
+ <li><a href="histoire.html">L'histoire de l'association</a></li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px" style="position: absolute; right:1%; top:20px">
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
- <!--Coeur de la page: Historique du centre à Bobo-->
- <div class="row">
- <h2>Le centre de Bobo</h2>
- <div class="column2">
- <p>A l’été 2014, nous avons acheté notre propre
- terrain, dans un quartier en construction, en
- périphérie de Bobo-Dioulasso. En 2015, nous
- avons signé notre premier devis pour construire
- les murs de l’enceinte, une maison de gardien,
- ainsi qu’une buvette, pour permettre au centre
- de devenir indépendant financièrement.</p>
- <p>En 2016, nous avons mis en place un forage
- puisant de l’eau potable.</p>
- <p>En 2017, nous avons débuté pour le centre la construction d’un château d’eau dans le centre.
- Nous avons aidé à installer un polytank équipé d’une pompe électrique fonctionnant à énergie
- solaire pour remplacer l’ancienne pompe manuelle.</p>
- </div>
- <div class="column2">
- <img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="250px">
- </div>
- </div>
- <div class="row">
- <div class="column2">
- </div>
- <div class="column2">
-
- </div>
- </div>
- <div class="row">
- <div class="column2">
- <p>
- </p>
- </div>
- <div class="column2">
+ <li><a href="actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
- </div>
- </div>
+ <!--Coeur de la page: Historique du centre à Bobo-->
+ <h2>Le centre de Bobo</h2>
+ <p>
+ A l’été 2014, nous avons acheté notre propre terrain, dans un quartier
+ en construction, en périphérie de Bobo-Dioulasso. En 2015, nous avons
+ signé notre premier devis pour construire les murs de l’enceinte, une
+ maison de gardien, ainsi qu’une buvette, pour permettre au centre de
+ devenir indépendant financièrement.
+ </p>
+ <p>
+ En 2016, nous avons mis en place un forage puisant de l’eau potable.
+ </p>
+ <p>
+ En 2017, nous avons débuté pour le centre la construction d’un château
+ d’eau dans le centre. Nous avons aidé à installer un polytank équipé
+ d’une pompe électrique fonctionnant à énergie solaire pour remplacer
+ l’ancienne pompe manuelle.
+ </p>
</div>
<!-- Slideshow container -->
<div class="slideshow-container">
+ <!-- Full-width images with number and caption text -->
+ <div class="mySlides fade">
+ <div class="numbertext">1 / 8</div>
+ <img src="images/Bobo/1.jpg" style="width: 100%" />
+ <div class="text">Arts du cirque au centre à Bobo-Dioulasso, 2020</div>
+ </div>
- <!-- Full-width images with number and caption text -->
- <div class="mySlides fade">
- <div class="numbertext">1 / 4</div>
- <img src="images/africaday1.jpg" style="width:100%">
- <div class="text">Caption Text</div>
- </div>
-
- <div class="mySlides fade">
- <div class="numbertext">2 / 4</div>
- <img src="images/centre-front-2.jpg" style="width:100%">
- <div class="text">Caption Two</div>
- </div>
-
- <div class="mySlides fade">
- <div class="numbertext">3 / 4</div>
- <img src="images/centre-front.jpg" style="width:100%">
- <div class="text">Caption Three</div>
- </div>
+ <div class="mySlides fade">
+ <div class="numbertext">2 / 8</div>
+ <img src="images/Bobo/2.jpg" style="width: 100%" />
+ <div class="text">Activités pour les enfants, 2020</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">3 / 8</div>
+ <img src="images/Bobo/3.jpg" style="width: 100%" />
+ <div class="text">Soutien scolaire, 2019</div>
+ </div>
- <div class="mySlides fade">
- <div class="numbertext">4 / 4</div>
- <img src="images/cirque-bobo-2.jpeg" style="width:100%">
- <div class="text">Caption Three</div>
- </div>
-
- <div class="mySlides fade">
- <div class="numbertext">4 / 4</div>
- <img src="images/2010/2010Promo.png" style="width:100%">
- <div class="text">Caption Three</div>
- </div>
- <!-- Next and previous buttons -->
- <a class="prev" onclick="plusSlides(-1)">❮</a>
- <a class="next" onclick="plusSlides(1)">❯</a>
+ <div class="mySlides fade">
+ <div class="numbertext">4 / 8</div>
+ <img src="images/Bobo/4.jpg" style="width: 100%" />
+ <div class="text">Enfants aux centre à Bobo-Dioulasso, 2019</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">5 / 8</div>
+ <img src="images/Bobo/5.jpg" style="width: 100%" />
+ <div class="text">Plantations au centre, 2019</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">6 / 8</div>
+ <img src="images/Bobo/6.jpg" style="width: 100%" />
+ <div class="text">Centre à Bobo-Dioulasso en travaux, 2017</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">7 / 8</div>
+ <img src="images/Bobo/7.jpg" style="width: 100%" />
+ <div class="text">Cours de soutien scolaire, 2016</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">8 / 8</div>
+ <img src="images/Bobo/8.jpg" style="width: 100%" />
+ <div class="text">Construction d'une pompe à eau, 2016</div>
+ </div>
+ <!-- Next and previous buttons -->
+ <a class="prev" onclick="plusSlides(-1)">❮</a>
+ <a class="next" onclick="plusSlides(1)">❯</a>
</div>
- <br>
-
+ <br />
+
<!-- The dots/circles -->
- <div style="text-align:center">
- <span class="dot" onclick="currentSlide(1)"></span>
- <span class="dot" onclick="currentSlide(2)"></span>
- <span class="dot" onclick="currentSlide(3)"></span>
- <span class="dot" onclick="currentSlide(4)"></span>
- <span class="dot" onclick="currentSlide(5)"></span>
- </div>
+ <div style="text-align: center">
+ <span class="dot" onclick="currentSlide(1)"></span>
+ <span class="dot" onclick="currentSlide(2)"></span>
+ <span class="dot" onclick="currentSlide(3)"></span>
+ <span class="dot" onclick="currentSlide(4)"></span>
+ <span class="dot" onclick="currentSlide(5)"></span>
+ <span class="dot" onclick="currentSlide(6)"></span>
+ <span class="dot" onclick="currentSlide(7)"></span>
+ <span class="dot" onclick="currentSlide(8)"></span>
+ </div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
</div>
+ </div>
</div>
-</body>
-<script src="main.js"></script>
-</html>
\ No newline at end of file
+ </body>
+ <script src="main.js"></script>
+</html>
diff --git a/actions.html b/actions.html
index 5fdf1677d6893664dae5fdc2dce8cafc0a35e70b..6c3318c58c8a7314136096ffe8fe3e3b3a44cdd1 100644
--- a/actions.html
+++ b/actions.html
@@ -1,226 +1,225 @@
<!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">
+ <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" />
<title>Nos actions - Africa Unite</title>
- <link rel="stylesheet" href="styles.css">
-</head>
+ <link rel="stylesheet" href="styles.css" />
+ </head>
-<body>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="index.html"
+ ><img
+ src="images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="equipes.html">Nos différentes équipes</a></li>
+ <li><a href="histoire.html">L'histoire de l'association</a></li>
+ </ul>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="nvprojet.html">Le nouveau projet</a></li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px"
- style="position: absolute; right:1%; top:20px">
+ </li>
+
+ <li><a href="actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
- <!--Corps de la page-->
- <h2>Nos actions</h2>
- <h4>Nos actions sur le campus</h4>
- <!--Caroussel des actions-->
- <div class="actions">
- <div class="scroller">
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/africaday1.jpg" alt="Africa Day">
- </div>
- <h3>Journée de l'Afrique</h3>
- <p>
- Autour du mercredi 25 mai (jour officiel de la Journée de l’Afrique),
- nous organisons une journée entièrement dédiée à célébrer la culture
- africaine : déjeuner de plats traditionnels, ventes d’objets africains,
- de nombreuses activités et une conférence nous permettent d’échanger
- avec tout le campus et de les sensibiliser à notre projet…
- Tout cela grâce à l’aide précieuse de l’association CS Afrique de notre école !
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/patisseries-1.jpg" alt="Africa ">
- </div>
- <h3>Ventes de pâtisseries orientales</h3>
- <p>
- A l’occasion de certains événements, nous vendons de délicieuses pâtisseries orientales de
- toutes sortes sur le campus de l'école, en partenariat avec la Rose de Tunis. Que ce soit au
- moment des fêtes ou pour la journée de l’Afrique, nous avons à cœur de régaler les étudiants
- avec ces pâtisseries dont tout le monde raffole !
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/logo_africaunite_fondvert.png" alt="Africa ">
- </div>
- <h3>Galettes des rois</h3>
- <p>
- En partenariat avec l’association de cuisine, le Paps, nous avons préparé des galettes des
- rois
- pour les vendre sur le campus. La seule et unique galette frangipane, à partager, pour se
- régaler le jour de l’Épiphanie !
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/2022humavironfin.JPG" alt="Africa">
- </div>
- <h3>Semaine Huma</h3>
- <p>
- Organisée en mars par l’ensemble des sections de HumaCS, la Semaine Huma est l’occasion de
- faire connaître l’association sur le campus et de proposer des activités pour régaler en
- retour les élèves de l’école.
- Avec l’aide de la majorité des associations
- étudiantes de l’école, la Semaine Huma propose des repas « barspé » , des ateliers de
- cuisine, une conférence orientée Solidarité (la conférence de 2022 a par exemple accueilli
- Jon Cerezo, le Responsable Campagne humanitaire et migrations à Oxfam), une Tombola, des
- escape games, un tournoi de beach-volley, une soirée « Jeux télévisés », des initiations et
- activités proposées par les différentes associations et bien sûr l’évènement phare de la
- semaine, l’Humaviron. Pendant 24 heures, les associations de l’école s’affrontent sur des
- rameurs à celle qui couvrira la plus grande distance. Une subvention est gagnée pour Huma CS
- si la barre des 7 000 km
- est franchie (et c’est toujours le cas grâce à la motivation de tous !). La Semaine Huma,
- c’est surtout un moment privilégié qui rapproche les étudiants des causes portées par les
- projets de solidarité des sections dans une atmosphère joyeuse et très dynamique. Un
- incontournable de l’année !!
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
+ <!--Corps de la page-->
+ <h2>Nos actions</h2>
+ <h4>Nos actions sur le campus</h4>
+ <!--Caroussel des actions-->
+ <div class="actions">
+ <div class="scroller">
+ <div class="item">
+ <div class="card">
+ <div class="imag">
+ <img src="images/africaday1.jpg" alt="Africa Day" />
+ </div>
+ <h3>Journée de l'Afrique</h3>
+ <p>
+ Autour du mercredi 25 mai (jour officiel de la Journée de
+ l’Afrique), nous organisons une journée entièrement dédiée à
+ célébrer la culture africaine : déjeuner de plats traditionnels,
+ ventes d’objets africains, de nombreuses activités et une
+ conférence nous permettent d’échanger avec tout le campus et de
+ les sensibiliser à notre projet… Tout cela grâce à l’aide
+ précieuse de l’association CS Afrique de notre école !
+ </p>
</div>
+ </div>
+ <div class="item">
+ <div class="card">
+ <div class="imag">
+ <img src="images/patisseries-1.jpg" alt="Africa " />
+ </div>
+ <h3>Ventes de pâtisseries orientales</h3>
+ <p>
+ A l’occasion de certains événements, nous vendons de délicieuses
+ pâtisseries orientales de toutes sortes sur le campus de
+ l'école, en partenariat avec la Rose de Tunis. Que ce soit au
+ moment des fêtes ou pour la journée de l’Afrique, nous avons à
+ cœur de régaler les étudiants avec ces pâtisseries dont tout le
+ monde raffole !
+ </p>
+ </div>
+ </div>
+ <div class="item">
+ <div class="card">
+ <div class="imag">
+ <img src="images/2022humavironfin.JPG" alt="Africa" />
+ </div>
+ <h3>Semaine Huma</h3>
+ <p>
+ Organisée en mars par l’ensemble des sections de HumaCS, la
+ Semaine Huma est l’occasion de faire connaître l’association sur
+ le campus et de proposer des activités pour régaler en retour
+ les élèves de l’école. Avec l’aide de la majorité des
+ associations étudiantes de l’école, la Semaine Huma propose des
+ repas « barspé » , des ateliers de cuisine, une conférence
+ orientée Solidarité (la conférence de 2022 a par exemple
+ accueilli Jon Cerezo, le Responsable Campagne humanitaire et
+ migrations à Oxfam), une Tombola, des escape games, un tournoi
+ de beach-volley, une soirée « Jeux télévisés », des initiations
+ et activités proposées par les différentes associations et bien
+ sûr l’évènement phare de la semaine, l’Humaviron. Pendant 24
+ heures, les associations de l’école s’affrontent sur des rameurs
+ à celle qui couvrira la plus grande distance. Une subvention est
+ gagnée pour Huma CS si la barre des 7 000 km est franchie (et
+ c’est toujours le cas grâce à la motivation de tous !). La
+ Semaine Huma, c’est surtout un moment privilégié qui rapproche
+ les étudiants des causes portées par les projets de solidarité
+ des sections dans une atmosphère joyeuse et très dynamique. Un
+ incontournable de l’année !!
+ </p>
+ </div>
+ </div>
</div>
- <h4>Nos actions hors du campus</h4>
- <div class="actions">
- <div class="scroller">
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/africaday1.jpg" alt="Africa Day">
- </div>
- <h3>Courses de solidarité et bol de riz</h3>
- <p>
- Nous intervenons également dans des écoles (primaire et collège) où nous présentons notre
- projet aux élèves. Ainsi, les écoles nous aident à récolter des fonds que ce soit par des
- courses de solidarité ou par l'opération bol de riz, sur volontariat des élèves. Les courses
- de solidarité consiste à un système de parrainage des élèves où les sponsors de chaque élève
- promettent de donner une certaine somme pour chaque kilomètre parcouru durant la course que
- nous organisons. L'opération bol de riz remplace pendant un repas le menu d'origine de
- l'école et la marge récupérée est reversée à notre association.
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/2022-actions/loto_1.heif" alt="Loto de la Saint Valentin">
- </div>
- <h3>Actions avec des associations partenaires</h3>
- <p>
- Africa Unite s'investit dans différentes actions organisées par des associations situées
- aux alentours du campus. Nous avons notamment aidé le Lion's Club pour une vente de Mimosas
- au début de l'année, ainsi que pour l'organisation de leur fameux Loto de la Saint Valentin.
- Nous irons prochainement aider le Rotary Club d'Orsay pour la mise en place de leur
- Kermesse,
- située non loin d'ici à la ferme de Viltain.
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
+ </div>
+ <h4>Nos actions hors du campus</h4>
+ <div class="actions">
+ <div class="scroller">
+ <div class="item">
+ <div class="card">
+ <div class="imag">
+ <img src="images/course.jpeg" alt="Course de Solidarité" />
+ </div>
+ <h3>Courses de solidarité et bol de riz</h3>
+ <p>
+ Nous intervenons également dans des écoles (primaire et collège)
+ où nous présentons notre projet aux élèves. Ainsi, les écoles
+ nous aident à récolter des fonds que ce soit par des courses de
+ solidarité ou par l'opération bol de riz, sur volontariat des
+ élèves. Les courses de solidarité consiste à un système de
+ parrainage des élèves où les sponsors de chaque élève promettent
+ de donner une certaine somme pour chaque kilomètre parcouru
+ durant la course que nous organisons. L'opération bol de riz
+ remplace pendant un repas le menu d'origine de l'école et la
+ marge récupérée est reversée à notre association.
+ </p>
+ </div>
+ </div>
+ <div class="item">
+ <div class="card">
+ <div class="imag">
+ <img
+ src="images/villetin.JPG"
+ alt="Loto de la Saint Valentin"
+ />
+ </div>
+ <h3>Actions avec des associations partenaires</h3>
+ <p>
+ Africa Unite s'investit dans différentes actions organisées par
+ des associations situées aux alentours du campus. Nous avons
+ notamment aidé le Lion's Club pour une vente de Mimosas au début
+ de l'année, ainsi que pour l'organisation de leur fameux Loto de
+ la Saint Valentin. Nous irons prochainement aider le Rotary Club
+ d'Orsay pour la mise en place de leur Kermesse, située non loin
+ d'ici à la ferme de Viltain.
+ </p>
</div>
+ </div>
</div>
+ </div>
- <h4>Nos missions sur place</h4>
- <div class="actions">
- <div class="scroller">
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/africaday1.jpg" alt="Africa Day">
- </div>
- <h3>Mission 2021</h3>
- <p>
- Nous intervenons également dans des écoles (primaire et collège) où nous présentons notre
- projet aux élèves. Ainsi, les écoles nous aident à récolter des fonds que ce soit par des
- courses de solidarité ou par l'opération bol de riz, sur volontariat des élèves. Les courses
- de solidarité consiste à un système de parrainage des élèves où les sponsors de chaque élève
- promettent de donner une certaine somme pour chaque kilomètre parcouru durant la course que
- nous organisons. L'opération bol de riz remplace pendant un repas le menu d'origine de
- l'école et la marge récupérée est reversée à notre association.
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
- <div class="item">
- <div class="card">
- <div class="imag">
- <img src="images/africaday1.jpg" alt="Africa Day">
- </div>
- <h3>Courses de solidarité et bol de riz</h3>
- <p>
- Nous intervenons également dans des écoles (primaire et collège) où nous présentons notre
- projet aux élèves. Ainsi, les écoles nous aident à récolter des fonds que ce soit par des
- courses de solidarité ou par l'opération bol de riz, sur volontariat des élèves. Les courses
- de solidarité consiste à un système de parrainage des élèves où les sponsors de chaque élève
- promettent de donner une certaine somme pour chaque kilomètre parcouru durant la course que
- nous organisons. L'opération bol de riz remplace pendant un repas le menu d'origine de
- l'école et la marge récupérée est reversée à notre association.
- </p>
- <button type="button">En savoir plus!</button>
- </div>
- </div>
+ <h4>Nos missions sur place</h4>
+ <div class="actions">
+ <div class="scroller">
+ <div class="item">
+ <div class="card">
+ <div class="imag">
+ <img src="images/mission2022.JPG" alt="Africa Day" />
+ </div>
+ <h3>Mission 2022</h3>
+ <p>
+ Venez en apprendre plus sur notre mission de solidarité
+ internationale au Sénégal!
+ </p>
+ <a href="nvprojet.html"
+ ><button type="button">En savoir plus!</button></a
+ >
</div>
+ </div>
</div>
+ </div>
</div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
</div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
+ </div>
+ </div>
</div>
-</body>
-<script src="main.js"></script>
-
-</html>
\ No newline at end of file
+ </body>
+ <script src="main.js"></script>
+</html>
diff --git a/contact.html b/contact.html
deleted file mode 100644
index 2034ba2b06a6297be06e3b18da168ad98d0cfe99..0000000000000000000000000000000000000000
--- a/contact.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!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">
- <title>Contact - Africa Unite</title>
- <link rel="stylesheet" href="styles.css">
-</head>
-<body>
- <div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
- </ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px" style="position: absolute; right:1%; top:20px">
- </div>
-
-<!--Footer-->
-<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
- </div>
-</div>
-</body>
-<script src="main.js"></script>
-</html>
\ No newline at end of file
diff --git a/equipes.html b/equipes.html
index 2edb7da01919337a072749d450190f8b51b4ee82..8b1754a7b9ac1001f34f7d1bd4a18b36cb754c2c 100644
--- a/equipes.html
+++ b/equipes.html
@@ -1,80 +1,114 @@
<!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">
+ <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" />
<title>Nos équipes - Africa Unite</title>
- <link rel="stylesheet" href="styles.css">
-</head>
-<body>
+ <link rel="stylesheet" href="styles.css" />
+ </head>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="index.html"
+ ><img
+ src="images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="equipes.html">Nos différentes équipes</a></li>
+ <li><a href="histoire.html">L'histoire de l'association</a></li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px" style="position: absolute; right:1%; top:20px">
- <h2>Qui sommes nous?</h2>
- <div class="row">
- <div class="column2">
- <p>Africa Unite est une association de solidarité internationale
- fondée par des étudiants de Supélec en 2010 et reconnue
- officiellement en avril 2014. Elle réunit chaque année douze
- étudiants de l’école d’ingénieur CentraleSupélec, qui travaillent
- pour financer la construction d’un centre socio-éducatif à Bobo-
- Dioulasso, au Burkina Faso. Ses objectifs sont de promouvoir
- l’éducation et la formation professionnelle des jeunes, de créer un
- cadre d’expression artistique et culturelle et d’épanouissement des jeunes et des enfants, et de
- favoriser des échanges d’expériences et de solidarité entre les jeunes de Bobo-Dioulasso et les
- jeunes du reste du monde.
- </p>
- <p>Nous sommes en phase de construction d'un nouveau projet de centre socio-éducatif
- à Mbam, une ville de 4000 habitants du Sénégal, dont plus de la moitié sont des jeunes.
- </p>
- <a href="equipes/P24.html"><button> Découvrir nos différentes équipes</button></a>
- </div>
- <div class="column2">
- <img src="images/ekip.JPG" alt="equipe P23P24" width="100%">
- </div>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
+
+ <li><a href="actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+ <h2>Qui sommes nous?</h2>
+ <div class="row">
+ <div class="column2">
+ <p>
+ Africa Unite est une association de solidarité internationale fondée
+ par des étudiants de Supélec en 2010 et reconnue officiellement en
+ avril 2014. Elle réunit chaque année douze étudiants de l’école
+ d’ingénieur CentraleSupélec, qui travaillent pour financer la
+ construction d’un centre socio-éducatif à Bobo- Dioulasso, au
+ Burkina Faso. Ses objectifs sont de promouvoir l’éducation et la
+ formation professionnelle des jeunes, de créer un cadre d’expression
+ artistique et culturelle et d’épanouissement des jeunes et des
+ enfants, et de favoriser des échanges d’expériences et de solidarité
+ entre les jeunes de Bobo-Dioulasso et les jeunes du reste du monde.
+ </p>
+ <p>
+ Nous sommes en phase de construction d'un nouveau projet de centre
+ socio-éducatif à Mbam, une ville de 4000 habitants du Sénégal, dont
+ plus de la moitié sont des jeunes.
+ </p>
+ <a href="equipes/P24.html"
+ ><button>Découvrir nos différentes équipes</button></a
+ >
+ </div>
+ <div class="column2">
+ <img src="images/ekip.JPG" alt="equipe P23P24" width="100%" />
</div>
+ </div>
</div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
</div>
+ </div>
</div>
-</body>
-<script src="main.js"></script>
-</html>
\ No newline at end of file
+ </body>
+ <script src="main.js"></script>
+</html>
diff --git a/equipes/.DS_Store b/equipes/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..3ec8da9741f84bd996482fdc641b985e8a42409f
Binary files /dev/null and b/equipes/.DS_Store differ
diff --git a/equipes/P22.html b/equipes/P22.html
deleted file mode 100644
index 833671678738b825ad55661eb2877e8f4c2cbac6..0000000000000000000000000000000000000000
--- a/equipes/P22.html
+++ /dev/null
@@ -1,376 +0,0 @@
-<!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">
- <title>Equipe 2022 - Africa Unite</title>
- <link rel="stylesheet" href="../styles.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
-</head>
-<body>
- <div class="core">
- <!--Logo Africa Unite-->
- <a href="../actions.html"><img src="../images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="../equipes.html">Nos différentes équipes</a></li>
- <li><a href="../histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="../Bobo.html">Le centre de Bobo</a></li>
- <li><a href="../nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="../actions.html">Nos actions</a></li>
- <li><a href="../contact.html">Nous contacter</a></li>
- </ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="../icons/menu_icon.png" id="menu_icon" alt="Menu icon" width="25px"
- style="position: absolute; right:1%; top:20px">
-
- <div class="row">
- <div class="column4">
- <a href="P24.html"><button>Equipe 2022</button></a>
- </div>
- <div class="column4">
- <a href="P23.html"><button>Equipe 2021</button></a>
- </div>
- <div class="column4">
- <a href="P22.html"><button>Equipe 2020</button></a>
- </div>
- </div>
- <div class="row">
- <div class="column4">
- <a href="P24.html"><button>Equipe 2022</button></a>
- </div>
- <div class="column4">
- <a href="P23.html"><button>Equipe 2021</button></a>
- </div>
- <div class="column4">
- <a href="P22.html"><button>Equipe 2020</button></a>
- </div>
- </div>
-
-
- <h2>L'équipe 2021</h2>
- <h4>Le Buro</h4>
- <div class="row">
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Pauline.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Pauline Marc-Tudor
- </h2>
- <span>Présidente</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Gwen.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Gwendoline Mendes
- </h2>
- <span>Vice-Présidente</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Alban.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alban Granier
- </h2>
- <span>Trésorier</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Seb.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Sébastien Moustard
- </h2>
- <span>Secrétaire Général</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <h4>Les Activités internes</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Clément.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Clément Franey
- </h2>
- <span>VP Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Saber.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Saber Taieb
- </h2>
- <span>Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Pauline.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Pauline Marc-Tudor
- </h2>
- <span>Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <a href="../actions.html"><button> Découvrir les actions internes</button></a>
- <h4>Les Activités externes</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Nada.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Nada Chraiki
- </h2>
- <span>VP Acti Ext/Respo Papiers Cadeaux</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Jean.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Jean Erhart
- </h2>
- <span>Respo écoles</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Seb.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Sébastien Moustard
- </h2>
- <span>Respo Tombola</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <a href="../actions.html"><button> Découvrir les actions externes</button></a>
- <h4>Le pôle entreprise</h4>
- <div class="row">
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Raph.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Raphaël El Haddad
- </h2>
- <span>VP Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Thierry.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Thierry Aba
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Gwen.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Gwendoline Mendes
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Alban.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alban Granier
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <h4>Le pôle projet</h4>
- <div class="row">
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23Thalia.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Thalia Baisson-Bouteiller
- </h2>
- <span>VP Projet</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23JeanJean.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Jean Deblock
- </h2>
- <span>Projet</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <a href="../actions.html"><button> Découvrir le nouveau projet</button></a>
- <h4>Le pôle média</h4>
- <div class="row">
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23Gwen.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Gwendoline Mendes
- </h2>
- <span>VP Com
- </span>
- </div>
- </div>
- </div>
- </div>
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23Raph.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Raphaël El Haddad
- </h2>
- <span>VP Geek</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--Footer-->
- <div class="footer">
- <div class="row">
- <div class="column3">
- <img src="../images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
- </div>
- </div>
-</body>
-</html>
\ No newline at end of file
diff --git a/equipes/P23.html b/equipes/P23.html
index 55f5b7c8277ed5c4237533c94f702e96bd6768db..38979578327ee9102628986ecc6d08dbaeee3091 100644
--- a/equipes/P23.html
+++ b/equipes/P23.html
@@ -1,365 +1,351 @@
<!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">
+ <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" />
<title>Equipe 2022 - Africa Unite</title>
- <link rel="stylesheet" href="../styles.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
-</head>
-<body>
+ <link rel="stylesheet" href="../styles.css" />
+ <link
+ rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+ />
+ </head>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="../actions.html"><img src="../images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="../equipes.html">Nos différentes équipes</a></li>
- <li><a href="../histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="../Bobo.html">Le centre de Bobo</a></li>
- <li><a href="../nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="../actions.html">Nos actions</a></li>
- <li><a href="../contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="../index.html"
+ ><img
+ src="../images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="5%"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="../equipes.html">Nos différentes équipes</a></li>
+ <li>
+ <a href="../histoire.html">L'histoire de l'association</a>
+ </li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="../icons/menu_icon.png" id="menu_icon" alt="Menu icon" width="25px"
- style="position: absolute; right:1%; top:20px">
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="../Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="../nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
+
+ <li><a href="../actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="../icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+
+ <div class="row">
+ <div class="column4">
+ <a href="P24.html"><button>Equipe 2022</button></a>
+ </div>
+ <div class="column4">
+ <a href="P23.html"><button>Equipe 2021</button></a>
+ </div>
+ </div>
- <div class="row">
- <div class="column4">
- <a href="P24.html"><button>Equipe 2022</button></a>
+ <h2>L'équipe 2021</h2>
+ <h4>Le Buro</h4>
+ <div class="row">
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Pauline.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Pauline Marc-Tudor</h2>
+ <span>Présidente</span>
+ </div>
</div>
- <div class="column4">
- <a href="P23.html"><button>Equipe 2021</button></a>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Gwen.jpg" />
</div>
- <div class="column4">
- <a href="P22.html"><button>Equipe 2020</button></a>
+ <div class="content">
+ <div class="info">
+ <h2>Gwendoline Mendes</h2>
+ <span>Vice-Présidente</span>
+ </div>
</div>
+ </div>
</div>
-
-
- <h2>L'équipe 2021</h2>
- <h4>Le Buro</h4>
- <div class="row">
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Pauline.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Pauline Marc-Tudor
- </h2>
- <span>Présidente</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Gwen.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Gwendoline Mendes
- </h2>
- <span>Vice-Présidente</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Alban.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alban Granier
- </h2>
- <span>Trésorier</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Seb.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Sébastien Moustard
- </h2>
- <span>Secrétaire Général</span>
- </div>
- </div>
- </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Alban.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alban Granier</h2>
+ <span>Trésorier</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Seb.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Sébastien Moustard</h2>
+ <span>Secrétaire Général</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Les Activités internes</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Clément.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Clément Franey</h2>
+ <span>VP Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Saber.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Saber Taieb</h2>
+ <span>Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Pauline.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Pauline Marc-Tudor</h2>
+ <span>Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a href="../actions.html"
+ ><button>Découvrir les actions internes</button></a
+ >
+ <h4>Les Activités externes</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Nada.jpg" />
</div>
+ <div class="content">
+ <div class="info">
+ <h2>Nada Chraiki</h2>
+ <span>VP Acti Ext/Respo Papiers Cadeaux</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Jean.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Jean Erhart</h2>
+ <span>Respo écoles</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Seb.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Sébastien Moustard</h2>
+ <span>Respo Tombola</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a href="../actions.html"
+ ><button>Découvrir les actions externes</button></a
+ >
+ <h4>Le pôle entreprise</h4>
+ <div class="row">
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Raph.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Raphaël El Haddad</h2>
+ <span>VP Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Thierry.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Thierry Aba</h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Gwen.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Gwendoline Mendes</h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
</div>
- <h4>Les Activités internes</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Clément.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Clément Franey
- </h2>
- <span>VP Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Saber.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Saber Taieb
- </h2>
- <span>Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Pauline.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Pauline Marc-Tudor
- </h2>
- <span>Acti Int</span>
- </div>
- </div>
- </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Alban.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alban Granier</h2>
+ <span>Ent</span>
+ </div>
</div>
+ </div>
</div>
- <a href="../actions.html"><button> Découvrir les actions internes</button></a>
- <h4>Les Activités externes</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Nada.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Nada Chraiki
- </h2>
- <span>VP Acti Ext/Respo Papiers Cadeaux</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Jean.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Jean Erhart
- </h2>
- <span>Respo écoles</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P23/P23Seb.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Sébastien Moustard
- </h2>
- <span>Respo Tombola</span>
- </div>
- </div>
- </div>
+ </div>
+ <h4>Le pôle projet</h4>
+ <div class="row">
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Thalia.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Thalia Baisson-Bouteiller</h2>
+ <span>VP Projet</span>
+ </div>
</div>
+ </div>
</div>
- <a href="../actions.html"><button> Découvrir les actions externes</button></a>
- <h4>Le pôle entreprise</h4>
- <div class="row">
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Raph.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Raphaël El Haddad
- </h2>
- <span>VP Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Thierry.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Thierry Aba
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Gwen.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Gwendoline Mendes
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P23/P23Alban.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alban Granier
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23JeanJean.jpg" />
</div>
+ <div class="content">
+ <div class="info">
+ <h2>Jean Deblock</h2>
+ <span>Projet</span>
+ </div>
+ </div>
+ </div>
</div>
- <h4>Le pôle projet</h4>
- <div class="row">
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23Thalia.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Thalia Baisson-Bouteiller
- </h2>
- <span>VP Projet</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23JeanJean.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Jean Deblock
- </h2>
- <span>Projet</span>
- </div>
- </div>
- </div>
+ </div>
+ <a href="../actions.html"><button>Découvrir le nouveau projet</button></a>
+ <h4>Le pôle média</h4>
+ <div class="row">
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Gwen.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Gwendoline Mendes</h2>
+ <span>VP Com </span>
+ </div>
</div>
+ </div>
</div>
- <a href="../actions.html"><button> Découvrir le nouveau projet</button></a>
- <h4>Le pôle média</h4>
- <div class="row">
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23Gwen.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Gwendoline Mendes
- </h2>
- <span>VP Com
- </span>
- </div>
- </div>
- </div>
- </div>
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P23/P23Raph.jpg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Raphaël El Haddad
- </h2>
- <span>VP Geek</span>
- </div>
- </div>
- </div>
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Raph.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Raphaël El Haddad</h2>
+ <span>VP Geek</span>
+ </div>
</div>
+ </div>
</div>
+ </div>
</div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="../images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="../images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>Instagram</p>
+ <p>Facebook</p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
</div>
+ </div>
</div>
-</body>
-</html>
\ No newline at end of file
+ </body>
+</html>
diff --git a/equipes/P24.html b/equipes/P24.html
index 54c3adb452caf82c4c435bc728cb5304b26e1ed2..b479d0f414dddda48a8aaeabca13b8d9e1c7ac80 100644
--- a/equipes/P24.html
+++ b/equipes/P24.html
@@ -1,378 +1,366 @@
<!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">
+ <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" />
<title>Equipe 2022 - Africa Unite</title>
- <link rel="stylesheet" href="../styles.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
-</head>
-<body>
+ <link rel="stylesheet" href="../styles.css" />
+ <link
+ rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+ />
+ </head>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="../actions.html"><img src="../images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="../equipes.html">Nos différentes équipes</a></li>
- <li><a href="../histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="../Bobo.html">Le centre de Bobo</a></li>
- <li><a href="../nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="../actions.html">Nos actions</a></li>
- <li><a href="../contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="../index.html"
+ ><img
+ src="../images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="5%"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="../equipes.html">Nos différentes équipes</a></li>
+ <li>
+ <a href="../histoire.html">L'histoire de l'association</a>
+ </li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="../icons/menu_icon.png" id="menu_icon" alt="Menu icon" width="25px"
- style="position: absolute; right:1%; top:20px">
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="../Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="../nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
+
+ <li><a href="../actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="../icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
- <div class="row">
- <div class="column4">
- <a href="P24.html"><button>Equipe 2022</button></a>
+ <div class="row">
+ <div class="column4">
+ <a href="P24.html"><button>Equipe 2022</button></a>
+ </div>
+ <div class="column4">
+ <a href="P23.html"><button>Equipe 2021</button></a>
+ </div>
+ </div>
+
+ <h2>L'équipe 2022</h2>
+ <h4>Le Buro</h4>
+ <div class="row">
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Alexis.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alexis Lallouche</h2>
+ <span>Président</span>
+ </div>
</div>
- <div class="column4">
- <a href="P23.html"><button>Equipe 2021</button></a>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Aymane.JPG" />
</div>
- <div class="column4">
- <a href="P22.html"><button>Equipe 2020</button></a>
+ <div class="content">
+ <div class="info">
+ <h2>Aymane Fardadi</h2>
+ <span>Vice-Président</span>
+ </div>
</div>
+ </div>
</div>
-
- <h2>L'équipe 2022</h2>
- <h4>Le Buro</h4>
- <div class="row">
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Alexis.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alexis Lallouche
- </h2>
- <span>Président</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Aymane.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Aymane Fardadi
- </h2>
- <span>Vice-Président</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Fraysse.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alexandre Fraysse
- </h2>
- <span>Trésorier</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Aude.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Aude Champavère
- </h2>
- <span>Secrétaire Générale</span>
- </div>
- </div>
- </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Fraysse.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alexandre Fraysse</h2>
+ <span>Trésorier</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Aude.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Aude Champavère</h2>
+ <span>Secrétaire Générale</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Les Activités internes</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Albane.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Albane Vigier</h2>
+ <span>VP Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Muriel.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Muriel Kenmogne</h2>
+ <span>Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Aude.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Aude Champavère</h2>
+ <span>Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a href="../actions.html"
+ ><button>Découvrir les actions internes</button></a
+ >
+ <h4>Les Activités externes</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Sani.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alexandre Sani</h2>
+ <span>VP Acti Ext</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Aymane.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Aymane Fardadi</h2>
+ <span>Acti Ext</span>
+ </div>
</div>
+ </div>
</div>
- <h4>Les Activités internes</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Albane.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Albane Vigier
- </h2>
- <span>VP Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Muriel.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Muriel Kenmogne
- </h2>
- <span>Acti Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Aude.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Aude Champavère
- </h2>
- <span>Acti Int</span>
- </div>
- </div>
- </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Ouma.JPG" />
</div>
+ <div class="content">
+ <div class="info">
+ <h2>Ouma El Khattabi</h2>
+ <span>VP Écoles</span>
+ </div>
+ </div>
+ </div>
</div>
- <a href="../actions.html"><button> Découvrir les actions internes</button></a>
- <h4>Les Activités externes</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Sani.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alexandre Sani
- </h2>
- <span>VP Acti Ext</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Aymane.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Aymane Fardadi
- </h2>
- <span>Acti Ext</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Ouma.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Ouma El Khattabi
- </h2>
- <span>VP Écoles</span>
- </div>
- </div>
- </div>
+ </div>
+ <a href="../actions.html"
+ ><button>Découvrir les actions externes</button></a
+ >
+ <h4>Le pôle entreprise</h4>
+ <div class="row">
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Antoine.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Antoine Greil</h2>
+ <span>VP Ent</span>
+ </div>
</div>
+ </div>
</div>
- <a href="../actions.html"><button> Découvrir les actions externes</button></a>
- <h4>Le pôle entreprise</h4>
- <div class="row">
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Antoine.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Antoine Greil
- </h2>
- <span>VP Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Titouan.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Titouan Loustanau
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Sabrina.jpeg">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Sabrina Mockbel
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column4">
- <div class="container">
- <div class="image">
- <img src="P24/P24Fraysse.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alexandre Fraysse
- </h2>
- <span>Ent</span>
- </div>
- </div>
- </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Titouan.JPG" />
</div>
+ <div class="content">
+ <div class="info">
+ <h2>Titouan Loustanau</h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
</div>
- <h4>Le pôle projet</h4>
- <div class="row">
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P24/P24Salomé.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Salomé Aubri
- </h2>
- <span>VP Projet</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column2">
- <div class="container">
- <div class="image">
- <img src="P24/P24Alexis.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Alexis Lallouche
- </h2>
- <span>Projet</span>
- </div>
- </div>
- </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Sabrina.jpg" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Sabrina Mockbel</h2>
+ <span>Ent</span>
+ </div>
</div>
+ </div>
</div>
- <a href="../nvprojet.html"><button> Découvrir le nouveau projet</button></a>
- <h4>Le pôle média</h4>
- <div class="row">
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Muriel.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Muriel Kenmogne
- </h2>
- <span>VP Com Int</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Titouan.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Titouan Loustanau
- </h2>
- <span>VP Com Ent</span>
- </div>
- </div>
- </div>
- </div>
- <div class="column3">
- <div class="container">
- <div class="image">
- <img src="P24/P24Ouma.JPG">
- </div>
- <div class="content">
- <div class="info">
- <h2>
- Ouma El Khattabi
- </h2>
- <span>VP Geek</span>
- </div>
- </div>
- </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Fraysse.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alexandre Fraysse</h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Le pôle projet</h4>
+ <div class="row">
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Salomé.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Salomé Aubri</h2>
+ <span>VP Projet</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Alexis.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Alexis Lallouche</h2>
+ <span>Projet</span>
+ </div>
</div>
+ </div>
</div>
+ </div>
+ <a href="../nvprojet.html"
+ ><button>Découvrir le nouveau projet</button></a
+ >
+ <h4>Le pôle média</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Muriel.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Muriel Kenmogne</h2>
+ <span>VP Com Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Titouan.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Titouan Loustanau</h2>
+ <span>VP Com Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P24/P24Ouma.JPG" />
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>Ouma El Khattabi</h2>
+ <span>VP Geek</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="../images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="../images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>Instagram</p>
+ <p>Facebook</p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
</div>
+ </div>
</div>
-</body>
-</html>
\ No newline at end of file
+ </body>
+</html>
diff --git a/equipes/P24/.DS_Store b/equipes/P24/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..9cfff05ce07f49a02549c8957f1bd3a9867b6882
Binary files /dev/null and b/equipes/P24/.DS_Store differ
diff --git a/equipes/P24/P24Sabrina.jpeg b/equipes/P24/P24Sabrina.jpeg
deleted file mode 100644
index ad752f04e456f220ccf26a1de20e42a7b5692b96..0000000000000000000000000000000000000000
Binary files a/equipes/P24/P24Sabrina.jpeg and /dev/null differ
diff --git a/equipes/P24/P24Sabrina.jpg b/equipes/P24/P24Sabrina.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f8c9bafbe7c797e1568ef89c9d4418e5777bff2b
Binary files /dev/null and b/equipes/P24/P24Sabrina.jpg differ
diff --git a/histoire.html b/histoire.html
index 0e9fa8576e61c6393cb04b192661b9198afca948..f24d7acb33c512334b97c06f68fb22b8c7d2f4bb 100644
--- a/histoire.html
+++ b/histoire.html
@@ -1,113 +1,206 @@
<!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">
+ <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" />
<title>Notre histoire - Africa Unite</title>
- <link rel="stylesheet" href="styles.css">
-</head>
-<body>
+ <link rel="stylesheet" href="styles.css" />
+ </head>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="index.html"
+ ><img
+ src="images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="equipes.html">Nos différentes équipes</a></li>
+ <li><a href="histoire.html">L'histoire de l'association</a></li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px" style="position: absolute; right:1%; top:20px">
- <div class="content">
- <h2>L'histoire de l'association Africa Unite</h2>
- <div class="row">
- <div class="column2">
- <p>Africa Unite, qui n’était alors qu’un club, est né en 2008 par
- Caroline Togna, après une mission à l’Espace
- Rencontre Jeunesse (ERJ) de Dafra, à Bobo-Dioulasso. Cette
- maison des jeunes est vouée à proposer à la jeunesse
- burkinabée des activités culturelles, ludiques et sportives, et met
- à disposition des 3000 enfants qui s’y rendent
- quotidiennement des facilités logistiques auxquelles ils n’ont
- pas forcément accès chez eux : bibliothèque, salle informatique,
- etc. Elle organise tous les deux ans, lors de la Semaine Nationale e la Culture qui a lieu à Bobo
- Dioulasso, les activités dédiées aux enfants. Avec l’aide de Moussa Kafando, ancien directeur de
- la maison des jeunes, et de Pako Togo Soumaïla, attaché culturel à la mairie de Bobo-Dioulasso
- et nouveau directeur de la maison des jeunes, le projet d’Africa Unite est né.
- </p>
- </div>
- <div class="column2">
- <img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="200px">
- </div>
- </div>
- <div class="row">
- <div class="column2">
- </div>
- <div class="column2">
- <p>En 2010, Maxime Guymard a fondé l’association Africa Unite, dont la mission était d’apporter
- un soutien logistique et éducatif par de la rénovation, des cours de soutien ou des activités
- ludiques
- </p>
- <p>Le quartier jouxtant l’ERJ était sujet à de nombreuses
- coupures d’eau (plus d’une fois par semaine en
- moyenne), contraignant les habitants du quartier à
- aller pomper manuellement de l’eau dans un puits
- creusé dans le centre. Constatant cette difficulté
- d’approvisionnement en eau, nous avons décidé de
- construire un château d’eau, équipé d’un système de
- purification, pour satisfaire les besoins en eau les plus
- urgents des jeunes du centre et de leurs familles.
- </p>
- </div>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
+
+ <li><a href="actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+ <div class="content">
+ <h2>L'histoire de l'association Africa Unite</h2>
+ <p>
+ Africa Unite, qui n’était alors qu’un club, est né en 2008 par
+ Caroline Togna, après une mission à l’Espace Rencontre Jeunesse (ERJ)
+ de Dafra, à Bobo-Dioulasso. Cette maison des jeunes est vouée à
+ proposer à la jeunesse burkinabée des activités culturelles, ludiques
+ et sportives, et met à disposition des 3000 enfants qui s’y rendent
+ quotidiennement des facilités logistiques auxquelles ils n’ont pas
+ forcément accès chez eux : bibliothèque, salle informatique, etc. Elle
+ organise tous les deux ans, lors de la Semaine Nationale e la Culture
+ qui a lieu à Bobo Dioulasso, les activités dédiées aux enfants. Avec
+ l’aide de Moussa Kafando, ancien directeur de la maison des jeunes, et
+ de Pako Togo Soumaïla, attaché culturel à la mairie de Bobo-Dioulasso
+ et nouveau directeur de la maison des jeunes, le projet d’Africa Unite
+ est né.
+ </p>
+ <!-- Slideshow container -->
+ <div class="slideshow-container">
+ <!-- Full-width images with number and caption text -->
+ <div class="mySlides fade">
+ <div class="numbertext">1 / 9</div>
+ <img src="images/histoire/1.jpg" style="width: 100%" />
+ <div class="text">Pompe d'eau installé par Africa Unite</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">2 / 9</div>
+ <img src="images/histoire/2.jpg" style="width: 100%" />
+ <div class="text">Cours dans la Grande Salle</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">3 / 9</div>
+ <img src="images/histoire/3.jpg" style="width: 100%" />
+ <div class="text">Espace multimédia (cyber) du centre</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">4 / 9</div>
+ <img src="images/histoire/4.jpg" style="width: 100%" />
+ <div class="text">
+ Partie de foot entre les jeunes du centre et les missionés
</div>
- <div class="row">
- <div class="column2">
- <p>Après la construction du château d’eau lors de l’été 2013, les membres d’Africa Unite, en
- concertation avec Moussa et Pako, ont estimé que l’ERJ avait atteint un stade de maturité. Son
- succès auprès de la jeunesse nous a fait conclure qu’il ne fallait pas s’arrêter là. L’association a
- donc décidé de construire, de A à Z, un nouveau centre dont le modèle se baserait sur celui de
- l’ERJ de Dafra. L’ERJ d’Africa Unite est né.
- </p>
- </div>
- <div class="column2">
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">5 / 9</div>
+ <img src="images/histoire/5.jpg" style="width: 100%" />
+ <div class="text">Photo extérieure de la salle d'étude</div>
+ </div>
- </div>
+ <div class="mySlides fade">
+ <div class="numbertext">6 / 9</div>
+ <img src="images/histoire/6.jpg" style="width: 100%" />
+ <div class="text">
+ Construction du château d'eau équipé d'un purificateur
</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">7 / 9</div>
+ <img src="images/histoire/7.jpg" style="width: 100%" />
+ <div class="text">Plan du centre</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">8 / 9</div>
+ <img src="images/histoire/8.jpg" style="width: 100%" />
+ <div class="text">Activité théâtre avec les jeunes du centre</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">9 / 9</div>
+ <img src="images/histoire/9.jpg" style="width: 100%" />
+ <div class="text">Cours dans la grande salle</div>
+ </div>
+
+ <!-- Next and previous buttons -->
+ <a class="prev" onclick="plusSlides(-1)">❮</a>
+ <a class="next" onclick="plusSlides(1)">❯</a>
</div>
+ <br />
+
+ <!-- The dots/circles -->
+ <div style="text-align: center">
+ <span class="dot" onclick="currentSlide(1)"></span>
+ <span class="dot" onclick="currentSlide(2)"></span>
+ <span class="dot" onclick="currentSlide(3)"></span>
+ <span class="dot" onclick="currentSlide(4)"></span>
+ <span class="dot" onclick="currentSlide(5)"></span>
+ <span class="dot" onclick="currentSlide(6)"></span>
+ <span class="dot" onclick="currentSlide(7)"></span>
+ <span class="dot" onclick="currentSlide(8)"></span>
+ <span class="dot" onclick="currentSlide(9)"></span>
+ </div>
+ </div>
+ <p>
+ En 2010, Maxime Guymard a fondé l’association Africa Unite, dont la
+ mission était d’apporter un soutien logistique et éducatif par de la
+ rénovation, des cours de soutien ou des activités ludiques
+ </p>
+ <p>
+ Le quartier jouxtant l’ERJ était sujet à de nombreuses coupures d’eau
+ (plus d’une fois par semaine en moyenne), contraignant les habitants du
+ quartier à aller pomper manuellement de l’eau dans un puits creusé dans
+ le centre. Constatant cette difficulté d’approvisionnement en eau, nous
+ avons décidé de construire un château d’eau, équipé d’un système de
+ purification, pour satisfaire les besoins en eau les plus urgents des
+ jeunes du centre et de leurs familles.
+ </p>
+ <p>
+ Après la construction du château d’eau lors de l’été 2013, les membres
+ d’Africa Unite, en concertation avec Moussa et Pako, ont estimé que
+ l’ERJ avait atteint un stade de maturité. Son succès auprès de la
+ jeunesse nous a fait conclure qu’il ne fallait pas s’arrêter là.
+ L’association a donc décidé de construire, de A à Z, un nouveau centre
+ dont le modèle se baserait sur celui de l’ERJ de Dafra. L’ERJ d’Africa
+ Unite est né.
+ </p>
</div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
</div>
+ </div>
</div>
-</body>
-<script src="main.js"></script>
-</html>
\ No newline at end of file
+ </body>
+ <script src="main.js"></script>
+</html>
diff --git a/icons/facebook.png b/icons/facebook.png
new file mode 100644
index 0000000000000000000000000000000000000000..be863ab135b88004866e540d0cb14ee05eed97b8
Binary files /dev/null and b/icons/facebook.png differ
diff --git a/icons/instagram.png b/icons/instagram.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f4487a74ad167aad6b00d409938296dcfdc79d7
Binary files /dev/null and b/icons/instagram.png differ
diff --git a/images/.DS_Store b/images/.DS_Store
index 19a9fd15dd928c9f5cb013c2a3d7c14ee7bf7604..acc12b6c67397145036308dc232422a8f7b10f73 100644
Binary files a/images/.DS_Store and b/images/.DS_Store differ
diff --git a/images/2022-Mission/1.jpeg b/images/2022-Mission/1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..8204d4d01bb6c8014ad62f045f54b4da61c73a7e
Binary files /dev/null and b/images/2022-Mission/1.jpeg differ
diff --git a/images/2022-Mission/10.jpeg b/images/2022-Mission/10.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..fb643b62b629aad3965d29375e072f0a80eacfa2
Binary files /dev/null and b/images/2022-Mission/10.jpeg differ
diff --git a/images/2022-Mission/11.jpeg b/images/2022-Mission/11.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c3d282de0abd5d165664ec2bef5031344bcc6d3c
Binary files /dev/null and b/images/2022-Mission/11.jpeg differ
diff --git a/images/2022-Mission/12.jpeg b/images/2022-Mission/12.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..4f0b20c3bd33bbea789cf064e72e106396591dbb
Binary files /dev/null and b/images/2022-Mission/12.jpeg differ
diff --git a/images/2022-Mission/2.jpeg b/images/2022-Mission/2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2feffc8382b3d2245ae7ec1efe7d5a042c1cef59
Binary files /dev/null and b/images/2022-Mission/2.jpeg differ
diff --git a/images/2022-Mission/3.jpeg b/images/2022-Mission/3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..e82bbe90c45472f0025b8fc5f52718ca142788e8
Binary files /dev/null and b/images/2022-Mission/3.jpeg differ
diff --git a/images/2022-Mission/4.jpeg b/images/2022-Mission/4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..0e85f6b29c809f7d5b05fe7f0360b6b8747ffbe8
Binary files /dev/null and b/images/2022-Mission/4.jpeg differ
diff --git a/images/2022-Mission/5.jpeg b/images/2022-Mission/5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..62ea383531cbfc834f3119367d8c76e63f07f272
Binary files /dev/null and b/images/2022-Mission/5.jpeg differ
diff --git a/images/2022-Mission/6.jpeg b/images/2022-Mission/6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c445b4c2138a08ae2f96b069d954300abe8f1774
Binary files /dev/null and b/images/2022-Mission/6.jpeg differ
diff --git a/images/2022-Mission/7.jpeg b/images/2022-Mission/7.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..5159d480ecd62950d3c2c63b92d8620150b759c1
Binary files /dev/null and b/images/2022-Mission/7.jpeg differ
diff --git a/images/2022-Mission/8.jpeg b/images/2022-Mission/8.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..cc2d8270a9d06fb6f358009d9936ed6d3f8262fe
Binary files /dev/null and b/images/2022-Mission/8.jpeg differ
diff --git a/images/2022-Mission/9.jpeg b/images/2022-Mission/9.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..0cb3b90090a4983e62ba68e434d5397e4a73216e
Binary files /dev/null and b/images/2022-Mission/9.jpeg differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/1.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/1.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..5a1153776477388fbfe95d6cd90d8283175eb1a5
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/1.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/10.jpg" "b/images/2022-Rep\303\251rage-Guin\303\251e/10.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..70949ce038808e6a1302451c4c8b16fed6b87699
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/10.jpg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/11.jpg" "b/images/2022-Rep\303\251rage-Guin\303\251e/11.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..9ca6489e8e7dc4403bc2d5eb2f60c957a9161ad1
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/11.jpg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/12.jpg" "b/images/2022-Rep\303\251rage-Guin\303\251e/12.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..b442126d95a8cf4c7b2b6caea264f24765ee454e
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/12.jpg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/2.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/2.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..3a660569188ae87e95f50edaafeabb8e4466af4f
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/2.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/3.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/3.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..6960f50d832ed11ced51ae51308dc22b87005279
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/3.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/4.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/4.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..79678fe7e9172c570b51b980ba5104b683604ef9
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/4.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/5.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/5.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..9cb0b009c69581eb767797611c758885a26a8816
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/5.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/6.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/6.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..2e275e88ef480f2265b03a42f59df562e6f3eec4
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/6.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/7.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/7.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..2cc87540b609ef61c36330ea341b7663af8d8335
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/7.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/8.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/8.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..be13d75ce2916714c6957a404b79a87d218bb767
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/8.jpeg" differ
diff --git "a/images/2022-Rep\303\251rage-Guin\303\251e/9.jpeg" "b/images/2022-Rep\303\251rage-Guin\303\251e/9.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..4e32c1d781da0fd69c98b0a5138f608ae94038e5
Binary files /dev/null and "b/images/2022-Rep\303\251rage-Guin\303\251e/9.jpeg" differ
diff --git a/images/Bobo/1.jpg b/images/Bobo/1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0b991184f84f72083670b3b9d5a88c0aabc219d8
Binary files /dev/null and b/images/Bobo/1.jpg differ
diff --git a/images/Bobo/2.jpg b/images/Bobo/2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3ccb2c4b172c8d43b7580a7e54b9fbbf7f9346c4
Binary files /dev/null and b/images/Bobo/2.jpg differ
diff --git a/images/Bobo/3.jpg b/images/Bobo/3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..38007d61990ff1004fc0759f73bc0014b66d3c40
Binary files /dev/null and b/images/Bobo/3.jpg differ
diff --git a/images/Bobo/4.jpg b/images/Bobo/4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b13b40e21a27bcdd5218f672a5890a0b05fc927b
Binary files /dev/null and b/images/Bobo/4.jpg differ
diff --git a/images/Bobo/5.jpg b/images/Bobo/5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..68bbf4cc24c56344e2ea5ae2c22ecfb26982fbe5
Binary files /dev/null and b/images/Bobo/5.jpg differ
diff --git a/images/Bobo/6.jpg b/images/Bobo/6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2a3bb7e78e446cb5f730e9fa41f9b6bdd1cdcf52
Binary files /dev/null and b/images/Bobo/6.jpg differ
diff --git a/images/Bobo/7.jpg b/images/Bobo/7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bd9b0a6bb2a0d2afe6fb86bb092d8835c7a5faea
Binary files /dev/null and b/images/Bobo/7.jpg differ
diff --git a/images/Bobo/8.jpg b/images/Bobo/8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e84e9f799b4c5f1b02163a6f003bc7f393d33306
Binary files /dev/null and b/images/Bobo/8.jpg differ
diff --git a/images/course.jpeg b/images/course.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..1110feb044e701bd3338f459d074a0a4df6bca3d
Binary files /dev/null and b/images/course.jpeg differ
diff --git a/images/histoire/.DS_Store b/images/histoire/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
Binary files /dev/null and b/images/histoire/.DS_Store differ
diff --git a/images/histoire/1.jpg b/images/histoire/1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6e693e8a6bca1c2d16fd81d3a9aed68c493a6990
Binary files /dev/null and b/images/histoire/1.jpg differ
diff --git a/images/histoire/2.jpg b/images/histoire/2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0ab941e82894f94e1be9afada2018d2066d9ab21
Binary files /dev/null and b/images/histoire/2.jpg differ
diff --git a/images/histoire/3.jpg b/images/histoire/3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..41dddcd5e0ef2b85b47bdd47c4d9bb94aba2aa9d
Binary files /dev/null and b/images/histoire/3.jpg differ
diff --git a/images/histoire/4.jpg b/images/histoire/4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8c72775024829ea202705ca1844f49051d22af62
Binary files /dev/null and b/images/histoire/4.jpg differ
diff --git a/images/histoire/5.jpg b/images/histoire/5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f11a38be9a12abb8514b0d2bafe4f625a54663bf
Binary files /dev/null and b/images/histoire/5.jpg differ
diff --git a/images/histoire/6.jpg b/images/histoire/6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a8de82e3f0cd47adfa35d6ecafe69d6c758f3b98
Binary files /dev/null and b/images/histoire/6.jpg differ
diff --git a/images/histoire/7.jpg b/images/histoire/7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9a5bd6748399f44442cf97a9d32d4b94502f61eb
Binary files /dev/null and b/images/histoire/7.jpg differ
diff --git a/images/histoire/8.jpg b/images/histoire/8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4ff5072b86193188483d474f0f61df3eed62f19e
Binary files /dev/null and b/images/histoire/8.jpg differ
diff --git a/images/histoire/9.jpg b/images/histoire/9.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bd37b428de2f2259a8b42077c788af643621ea98
Binary files /dev/null and b/images/histoire/9.jpg differ
diff --git a/images/mission2022.JPG b/images/mission2022.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..09f68a6133b534558bad9f1d56fd7efb8360c175
Binary files /dev/null and b/images/mission2022.JPG differ
diff --git a/images/villetin.JPG b/images/villetin.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..824dfefdb6c36d58cd21e036fc5d1b3e75b5c477
Binary files /dev/null and b/images/villetin.JPG differ
diff --git a/index.html b/index.html
index d99ebbde41c3317ae2357acc3d97008fccb3fc9c..a338931971ec70fc0262d7ceab512ee1c3602d5d 100644
--- a/index.html
+++ b/index.html
@@ -1,86 +1,127 @@
<!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">
+ <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" />
<title>Africa Unite</title>
- <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
- <link rel="stylesheet" href="styles.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-</head>
+ <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
+ <link rel="stylesheet" href="styles.css" />
+ <link
+ rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+ />
+ </head>
-<body>
- <div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
+ <body>
+ <div class="core">
+ <!--Logo Africa Unite-->
+ <a href="index.html"
+ ><img
+ src="images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="equipes.html">Nos différentes équipes</a></li>
+ <li><a href="histoire.html">L'histoire de l'association</a></li>
+ </ul>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="nvprojet.html">Le nouveau projet</a></li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px"
- style="position: absolute; right:1%; top:20px">
- <div class="row">
- <div class="column2">
- </div>
- <div class="column2">
-
- </div>
+ </li>
+
+ <li><a href="actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+ <div class="row">
+ <div class="column2"></div>
+ <div class="column2"></div>
+ </div>
+ <div class="row">
+ <div class="column2">
+ <h1>AFRICA UNITE</h1>
+ <h5>
+ Une association étudiante composée de 12 élèves de première année de
+ Centrale Supélec.
+ </h5>
+ <h4>Nous suivre sur les réseaux</h4>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ ><img src="icons/facebook.png" width="50px" style="padding: 10px"
+ /></a>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ ><img src="icons/instagram.png" width="52px" style="padding: 10px"
+ /></a>
</div>
- <div class="row">
- <div class="column2">
- <h1>AFRICA <br>
- UNITE</h1>
- <h5>Une association étudiante composée de 12 élèves de première année de Centrale Supélec.</h5>
- <h4>Nous suivre sur les réseaux</h4>
- </div>
- <div class="column2">
- <img src="images/centre-front.jpg" alt="Front Centre" width="110%">
- <div class="button">
- <span>
- <a href= "https://www.helloasso.com/associations/africa-unite" target="_blank"> FAIRE UN DON</a>
- </span>
- </div>
- </div>
+ <div class="column2">
+ <img src="images/centre-front.jpg" alt="Front Centre" width="110%" />
+ <div class="button">
+ <span>
+ <a
+ href="https://www.helloasso.com/associations/africa-unite"
+ target="_blank"
+ >
+ FAIRE UN DON</a
+ >
+ </span>
+ </div>
</div>
+ </div>
</div>
<!--Footer-->
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
</div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
+ </div>
+ </div>
</div>
-</body>
-<script src="main.js"></script>
-
-</html>
\ No newline at end of file
+ </body>
+ <script src="main.js"></script>
+</html>
diff --git a/nvprojet.html b/nvprojet.html
index 55436b0580dd2f47df68f863a623b55bd97b3338..6328a849e69e2ba9bfec5a54da30c47910cc0fdd 100644
--- a/nvprojet.html
+++ b/nvprojet.html
@@ -1,80 +1,244 @@
<!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">
+ <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" />
<title>Le nouveau projet - Africa Unite</title>
- <link rel="stylesheet" href="styles.css">
-</head>
+ <link rel="stylesheet" href="styles.css" />
+ </head>
-<body>
+ <body>
<div class="core">
- <!--Logo Africa Unite-->
- <a href="index.html"><img src="images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
- <!--Barre de navigation-->
- <nav id="navbar">
- <ul>
- <li class="deroulant"><a href="#">Qui sommes nous?</a>
- <ul class="sous">
- <li><a href="equipes.html">Nos différentes équipes</a></li>
- <li><a href="histoire.html">L'histoire de l'association</a></li>
- </ul>
- </li>
- <li class="deroulant"><a href="#">Nos projets</a>
- <ul class="sous">
- <li><a href="Bobo.html">Le centre de Bobo</a></li>
- <li><a href="nvprojet.html">Le nouveau projet</a></li>
- </ul>
- <li><a href="actions.html">Nos actions</a></li>
- <li><a href="contact.html">Nous contacter</a></li>
+ <!--Logo Africa Unite-->
+ <a href="index.html"
+ ><img
+ src="images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="equipes.html">Nos différentes équipes</a></li>
+ <li><a href="histoire.html">L'histoire de l'association</a></li>
+ </ul>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="nvprojet.html">Le nouveau projet</a></li>
</ul>
- </nav>
- <!--Bouton d'apparition/disparition barre de navigation-->
- <img src="icons/menu_icon.png" id="menu_icon" alt="Menu Icon" width="25px"
- style="position: absolute; right:1%; top:20px">
- <h2>Le nouveau projet</h2>
- <p>
- Notre centre à Bobo-Dioulasso sera autonome financièrement et énergétiquement d’ici 2023-2024. Nous sommes à la
- recherche d’un nouveau projet. Les situations sécuritaire et politique au Burkina Faso complexifient le
- développement d’un nouveau projet. C’est pourquoi, depuis deux ans, nous contactons ONG et organisations locales
- dans les pays africains pour appréhender les besoins locaux et dessiner des esquisses d’un projet. À la suite de
- ces recherches, deux pistes solides sont ressorties : l’aide d’un village au Sénégal et la création d’un centre
- de formation professionnelle en Guinée. Deux missions de repérage ont alors été organisées en février 2022 pour
- évaluer les besoins locaux et établir la faisabilité de ces pistes. À la suite de nos observations, nous avons
- décidé de commencer le nouveau projet au Sénégal dans le village de Mbam situé dans la région de Foundiougne (à
- 180 km au sud-est de Dakar). Le projet consistera en la réalisation d’un centre socio-éducatif basé sur le
- modèle du centre à Bobo-Dioulasso. Mbam est un village d’environ 5000 habitants dont la moitié sont des enfants.
- La plupart des villageois vivent de l’agriculture ou de la pêche. L’activité avant tout vivrière permet de
- dégager un petit revenu afin de couvrir les dépenses annexes. Par ailleurs, Mbam connaît de graves problèmes
- d’eau (eau salée qui contamine les puits) ce qui contraint les habitants à marcher plusieurs kilomètres pour
- accéder à de l’eau potable. Nous essaierons de soulager les habitants du village en essayant d’apporter des
- solutions d'appoint comme un récupérateur d’eau dans le centre.
- </p>
- <a href="#"><button>En savoir plus sur la mission de repérage au Sénégal</button></a>
- <a href="#"><button>En savoir plus sur la mission de repérage en Guinée</button></a>
+ </li>
+
+ <li><a href="actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+ <h2>Le nouveau projet</h2>
+ <p>
+ Notre centre à Bobo-Dioulasso sera autonome financièrement et
+ énergétiquement d’ici 2023-2024. Nous sommes à la recherche d’un nouveau
+ projet. Les situations sécuritaire et politique au Burkina Faso
+ complexifient le développement d’un nouveau projet. C’est pourquoi,
+ depuis deux ans, nous contactons ONG et organisations locales dans les
+ pays africains pour appréhender les besoins locaux et dessiner des
+ esquisses d’un projet. À la suite de ces recherches, deux pistes solides
+ sont ressorties : l’aide d’un village au Sénégal et la création d’un
+ centre de formation professionnelle en Guinée. Deux missions de repérage
+ ont alors été organisées en février 2022 pour évaluer les besoins locaux
+ et établir la faisabilité de ces pistes. À la suite de nos observations,
+ nous avons décidé de commencer le nouveau projet au Sénégal dans le
+ village de Mbam situé dans la région de Foundiougne (à 180 km au sud-est
+ de Dakar). Le projet consistera en la réalisation d’un centre
+ socio-éducatif basé sur le modèle du centre à Bobo-Dioulasso. Mbam est
+ un village d’environ 5000 habitants dont la moitié sont des enfants. La
+ plupart des villageois vivent de l’agriculture ou de la pêche.
+ L’activité avant tout vivrière permet de dégager un petit revenu afin de
+ couvrir les dépenses annexes. Par ailleurs, Mbam connaît de graves
+ problèmes d’eau (eau salée qui contamine les puits) ce qui contraint les
+ habitants à marcher plusieurs kilomètres pour accéder à de l’eau
+ potable. Nous essaierons de soulager les habitants du village en
+ essayant d’apporter des solutions d'appoint comme un récupérateur d’eau
+ dans le centre.
+ </p>
+ <a href="nvprojet/senegal.html"
+ ><button>
+ En savoir plus sur la mission de repérage au Sénégal
+ </button></a
+ >
+ <a href="nvprojet/guinee.html"
+ ><button>En savoir plus sur la mission de repérage en Guinée</button></a
+ >
+ <p>
+ Pour la mission 2022 l’équipe d’Africa Unite s’est rendue dans le
+ village de Mbam au Sénégal. Dans ce village situé dans le département de
+ Foudiougne, nous avons pu identifier deux problèmes majeurs : l’accès à
+ l’eau potable et à l’éducation. En effet, la salinisation des nappes
+ phréatiques dans le détroit du Saloum oblige les habitants à parcourir
+ des kilomètres pour accéder à de l’eau potable ; et les jeunes étant
+ souvent sollicités pour les travaux agricoles et domestiques, le taux
+ d’achèvement du primaire est de seulement 62% au Sénégal. Ainsi, pour
+ apporter une aide aux habitants, l’équipe avait pour projet de rénover
+ une salle de classe de l’école primaire. Or, aux vues de son état, le
+ projet de la construction d’une nouvelle salle de classe fut choisi. En
+ collaboration avec les artisans du village, et malgré notre manque
+ d’expérience en construction, nous avons pu démarrer le chantier.
+ Creuser et bâtir les fondations, élever les murs, charpente,
+ électricité, carrelage, peinture : lors de toutes les étapes du chantier
+ nous travaillions avec les professionnels locaux pour finalement obtenir
+ cette salle. Nous avons également au cours de la mission pu apporter
+ notre aide aux 3èmes du village en réalisant du soutien scolaire tous
+ les soirs en prévision de leur examen de fin d’année, le BFEM.
+ </p>
+ <!-- Slideshow container -->
+ <div class="slideshow-container">
+ <!-- Full-width images with number and caption text -->
+ <div class="mySlides fade">
+ <div class="numbertext">1 / 12</div>
+ <img src="images/2022-Mission/1.jpeg" style="width: 100%" />
+ <div class="text">Tout commence par le creusage des fondations</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">2 / 12</div>
+ <img src="images/2022-Mission/2.jpeg" style="width: 100%" />
+ <div class="text">Nous apprenons avec les artisans du village</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">3 / 12</div>
+ <img src="images/2022-Mission/3.jpeg" style="width: 100%" />
+ <div class="text">Les fondations terminées</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">4 / 12</div>
+ <img src="images/2022-Mission/4.jpeg" style="width: 100%" />
+ <div class="text">Début de l’élévation des murs</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">5 / 12</div>
+ <img src="images/2022-Mission/5.jpeg" style="width: 100%" />
+ <div class="text">
+ L’aplanissement du sol en prévision de la pose d’une chape
+ </div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">6 / 12</div>
+ <img src="images/2022-Mission/6.jpeg" style="width: 100%" />
+ <div class="text">
+ L’élévation laisse aussi apparaître les différentes ouvertures de la
+ salle
+ </div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">7/ 12</div>
+ <img src="images/2022-Mission/7.jpeg" style="width: 100%" />
+ <div class="text">Soutien scolaire au CEM de Mbam</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">8 / 12</div>
+ <img src="images/2022-Mission/8.jpeg" style="width: 100%" />
+ <div class="text">Soutien scolaire au CEM de Mbam</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">9 / 12</div>
+ <img src="images/2022-Mission/9.jpeg" style="width: 100%" />
+ <div class="text">L’élévation terminée, la salle prend forme !</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">10 / 12</div>
+ <img src="images/2022-Mission/10.jpeg" style="width: 100%" />
+ <div class="text">
+ La pose de la charpente, la salle est couverte !
+ </div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">11 / 12</div>
+ <img src="images/2022-Mission/11.jpeg" style="width: 100%" />
+ <div class="text">La salle à la fin de notre mission</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">12 / 12</div>
+ <img src="images/2022-Mission/12.jpeg" style="width: 100%" />
+ <div class="text">Avec sa magnifique fresque</div>
+ </div>
+ <!-- Next and previous buttons -->
+ <a class="prev" onclick="plusSlides(-1)">❮</a>
+ <a class="next" onclick="plusSlides(1)">❯</a>
+ </div>
+ <br />
+
+ <!-- The dots/circles -->
+ <div style="text-align: center">
+ <span class="dot" onclick="currentSlide(1)"></span>
+ <span class="dot" onclick="currentSlide(2)"></span>
+ <span class="dot" onclick="currentSlide(3)"></span>
+ <span class="dot" onclick="currentSlide(4)"></span>
+ <span class="dot" onclick="currentSlide(5)"></span>
+ <span class="dot" onclick="currentSlide(6)"></span>
+ <span class="dot" onclick="currentSlide(7)"></span>
+ <span class="dot" onclick="currentSlide(8)"></span>
+ <span class="dot" onclick="currentSlide(9)"></span>
+ <span class="dot" onclick="currentSlide(10)"></span>
+ <span class="dot" onclick="currentSlide(11)"></span>
+ <span class="dot" onclick="currentSlide(12)"></span>
+ </div>
</div>
<div class="footer">
- <div class="row">
- <div class="column3">
- <img src="images/logo_africaunite_transparent.png" alt="logo" width="100px">
- </div>
- <div class="column3">
- <h3>Nous retrouver sur les réseaux</h3>
- <p>Instagram</p>
- <p>Facebook</p>
- </div>
- <div class="column3">
- <h3>Nous contacter</h3>
- <p>3 rue Joliot Curie <br>
- 91190 GIF-SUR-YVETTE
- </p>
- <p>africa-unite@larez.fr</p>
- </div>
+ <div class="row">
+ <div class="column3">
+ <img
+ src="images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
</div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
+ </div>
+ </div>
</div>
-</body>
-<script src="main.js"></script>
-
-</html>
\ No newline at end of file
+ </body>
+ <script src="main.js"></script>
+</html>
diff --git a/nvprojet/guinee.html b/nvprojet/guinee.html
new file mode 100644
index 0000000000000000000000000000000000000000..ca2f33e363f459a8cdaa97946b49c6346b0247c2
--- /dev/null
+++ b/nvprojet/guinee.html
@@ -0,0 +1,283 @@
+<!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" />
+ <title>Africa Unite</title>
+ <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
+ <link rel="stylesheet" href="../styles.css" />
+ <link
+ rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+ />
+ </head>
+
+ <body>
+ <div class="core">
+ <!--Logo Africa Unite-->
+ <a href="../index.html"
+ ><img
+ src="../images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="100px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="../equipes.html">Nos différentes équipes</a></li>
+ <li>
+ <a href="../histoire.html">L'histoire de l'association</a>
+ </li>
+ </ul>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="../Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="../nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
+
+ <li><a href="../actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="../icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+ <hr />
+ <h2>La mission de repérage en Guinée</h2>
+ <p>
+ En septembre 2021, l’association est rentrée en contact avec
+ Abdourahmane DIALLO d’origine guinéenne, président de l’association ATEG
+ (Agir sur le Terrain pour l’Éducation et le Développement Durable en
+ Guinée). Il a créé ATEG en 1999 dans le but de freiner la migration des
+ jeunes guinéens vers les pays occidentaux rêvant de trouver un travail.
+ Connaissant les besoins locaux, Abdourahmane DIALLO a suggéré l’idée
+ d’un centre de formation professionnelle à plusieurs métiers manuels
+ (électricité, menuiserie, plomberie, maçonnerie) et à l’information. La
+ relation privilégiée avec Abdourahmane DIALLO présent directement en
+ Guinée et l’idée déjà concrète d’un centre de formation ont été à
+ l’origine de faire une mission de repérage en Guinée.
+ </p>
+ <p>
+ Pour des raisons de praticité (et l’état des routes notamment), il a été
+ décidé d'organiser l'ensemble de la mission à Conakry, la capitale de la
+ Guinée, nous permettant de visiter plusieurs centres existants et de
+ rencontrer les acteurs administratifs. Notre délégation a également pu
+ se rendre dans les villes de Coyah et Koba à proximité de Conakry, là où
+ le climat social ressemble plus ou moins à celui présent à l'intérieur
+ du pays.
+ </p>
+ <p>
+ Lors de cette mission de repérage ayant eu lieu du 26/02/2022 au
+ 06/03/2022, Thalia Baisson--Bouteiller (promo P2023) et Salomé Aubri
+ (Promo P2024) représentaient Africa Unite. Elles ont été accompagnées
+ sur place par Telgnar RASSEMBEYE, responsable pays de France Volontaires
+ et d’Ahmed Sékou TRAORÉ, directeur du Mérite International de la
+ Jeunesse en Guinée.
+ </p>
+ <p>
+ Les objectifs de cette mission étaient : <br />1. Évaluer les besoins
+ locaux : ceux-ci diffèrent selon les régions, préfectures et villages<br />
+ 2. Mesurer l’état des routes en Guinée et son impact sur les trajets<br />
+ 3. Visiter des centres de formation existants afin d’analyser leur
+ modalité (conditions d’entrée, frais, public/privé), l’état des
+ infrastructures et des équipements, les débouchés et l’avis des élèves
+ et professeurs sur leur formation<br />
+ 4. Récolter des témoignages : discuter avec des jeunes de la pertinence
+ du projet<br />
+ 5. Découvrir la culture et s’imprégner des mentalités locales<br />
+ </p>
+ <p>
+ À la suite de cette mission, deux projets se distinguent : un centre de
+ formation aux métiers professionnels dans l’intérieur du pays et un
+ centre socio-éducatif à Koba sur la base du centre à Bobo-Dioulasso.
+ </p>
+ <div class="slideshow-container">
+ <div class="mySlides fade">
+ <div class="numbertext">1 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/1.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">Port de pêche à Conakry</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">2 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/2.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Dégustation d’un plat de riz avec une sauce épicée aux feuilles de
+ manioc, Thalia, Salomé et Bernard, un jeune guinéen rencontré dans
+ la rue
+ </div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">3 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/3.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">Un marché à Conakry</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">4 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/4.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Visite de l’ENAM - École Nationale des Arts et Métiers, à Conakry
+ </div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">5 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/5.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Travaux pratiques de mécanique à l’ENAM, Conakry
+ </div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">6 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/6.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Bâtiments fraîchement rénovés à l’ENAM, Conakry
+ </div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">7 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/7.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Travaux pratiques d’électricité au CFP de Donka (Centre de Formation
+ Professionnelle) à Conakry
+ </div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">8 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/8.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Élèves lors d’un cours d’électricité au CFP de Donka, Conakry
+ </div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">9 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/9.jpeg"
+ style="width: 100%"
+ />
+ <div class="text">École chantier au CFP de Donka, Conakry</div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">10 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/10.jpg"
+ style="width: 100%"
+ />
+ <div class="text">
+ Visite de Dixinn Gate, centre de formation et de certification dans
+ l'informatique (bureautique et technique) et les langues à Conakry
+ </div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">11 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/11.jpg"
+ style="width: 100%"
+ />
+ <div class="text">École primaire de Koba, à 120 km de Conakry</div>
+ </div>
+ <div class="mySlides fade">
+ <div class="numbertext">12 / 12</div>
+ <img
+ src="../images/2022-Repérage-Guinée/12.jpg"
+ style="width: 100%"
+ />
+ <div class="text">École primaire de Koba, à 120 km de Conakry</div>
+ </div>
+ <!-- Next and previous buttons -->
+ <a class="prev" onclick="plusSlides(-1)">❮</a>
+ <a class="next" onclick="plusSlides(1)">❯</a>
+ </div>
+ <br />
+
+ <!-- The dots/circles -->
+ <div style="text-align: center">
+ <span class="dot" onclick="currentSlide(1)"></span>
+ <span class="dot" onclick="currentSlide(2)"></span>
+ <span class="dot" onclick="currentSlide(3)"></span>
+ <span class="dot" onclick="currentSlide(4)"></span>
+ <span class="dot" onclick="currentSlide(5)"></span>
+ <span class="dot" onclick="currentSlide(6)"></span>
+ <span class="dot" onclick="currentSlide(7)"></span>
+ <span class="dot" onclick="currentSlide(8)"></span>
+ <span class="dot" onclick="currentSlide(9)"></span>
+ <span class="dot" onclick="currentSlide(10)"></span>
+ <span class="dot" onclick="currentSlide(11)"></span>
+ <span class="dot" onclick="currentSlide(12)"></span>
+ </div>
+ </div>
+ <!--Footer-->
+ <div class="footer">
+ <div class="row">
+ <div class="column3">
+ <img
+ src="../images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
+ </div>
+ </div>
+ </div>
+ </body>
+ <script src="../main.js"></script>
+</html>
diff --git a/nvprojet/senegal.html b/nvprojet/senegal.html
new file mode 100644
index 0000000000000000000000000000000000000000..48c40c0f5558937dcefa59d72241469885224cd2
--- /dev/null
+++ b/nvprojet/senegal.html
@@ -0,0 +1,310 @@
+<!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" />
+ <title>Africa Unite</title>
+ <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
+ <link rel="stylesheet" href="../styles.css" />
+ <link
+ rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+ />
+ </head>
+
+ <body>
+ <div class="core">
+ <!--Logo Africa Unite-->
+ <a href="../index.html"
+ ><img
+ src="../images/logo_africaunite_transparent.png"
+ alt="Logo Africa Unite"
+ width="150px"
+ /></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant">
+ <a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="../equipes.html">Nos différentes équipes</a></li>
+ <li>
+ <a href="../histoire.html">L'histoire de l'association</a>
+ </li>
+ </ul>
+ </li>
+ <li class="deroulant">
+ <a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="../Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="../nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ </li>
+
+ <li><a href="../actions.html">Nos actions</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img
+ src="../icons/menu_icon.png"
+ id="menu_icon"
+ alt="Menu Icon"
+ width="25px"
+ style="position: absolute; right: 1%; top: 20px"
+ />
+ <hr />
+ <h2>La mission de repérage au Sénégal</h2>
+ <h3>Présentation du village de Mbam</h3>
+ <p>
+ Mbam est une commune fondée en 2013, dans le département de Foundiougne,
+ dans la région de Fatick. Le village de Mbam a été quant à lui fondé
+ dans les années 1700. Il y a aujourd’hui 4440 habitants dans le village.
+ Il y a un établissement préscolaire (la Case des tout petits), deux
+ écoles élémentaires publiques, une école élémentaire privée, un CEM
+ public (abritant également des classes de seconde), un CEM privé, et un
+ poste de santé.
+ </p>
+ <p>
+ Le village se trouve à côté du Saloum, bras de mer qui permet aux
+ habitants de vivre notamment de la pêche. Il se trouve à environ 3
+ kilomètres de la préfecture du département, Foundiougne, elle-même
+ reliée au reste de la région grâce à un pont inauguré en décembre 2021.
+ Les habitants sont majoritairement sérères et parlent à la fois sérère
+ et wolof. Ceux qui sont allés à l’école parlent français également. Les
+ musulmans et les chrétiens cohabitent respectueusement dans le village
+ comme partout au Sénégal. Lors d’une cérémonie religieuse, les uns et
+ les autres partagent leur repas avec ceux pratiquant d’autres religions.
+ </p>
+ <p>
+ Nous avons pu remarquer que le village était vraiment pauvre. La
+ majorité des gens vivent au jour le jour. Ils ont suffisamment d’argent
+ pour acheter à manger aujourd'hui mais ne savent pas de quoi demain sera
+ fait. Il mange essentiellement des poissons “pauvres” et acheter du
+ poulet est un luxe. Matar nous a très clairement dit qu’à Dakar les gens
+ ne mangent pas ces poissons; ils les donnent aux chats.
+ </p>
+ <h3>Viste des écoles primaires de Mbam</h3>
+ <p>
+ L’école élémentaire est constituée, au Sénégal, de six classes, avec le
+ CI avant le CP (et les autres classes comme dans le système français). A
+ la fin du CM2, les élèves doivent passer l'examen du certificat pour
+ pouvoir ensuite entrer au CEM.
+ </p>
+ <p>
+ Babacar Sarr est directeur de l’école de Mbam1 depuis quatre ans, elle
+ accueille 359 élèves, 179 garçons et 180 filles, répartis en douze
+ classes. Il y a douze enseignants, un prof de langue française et
+ remplaçant et deux profs d’arabe. Les élèves ont cours du lundi au
+ vendredi de 8h à 13h, et ont également deux après-midi de 16h à 18h, le
+ mardi et le jeudi, pour une semaine donc de 29 heures. Ils habitent tous
+ le village et peuvent donc rentrer manger chez eux les jours où ils ont
+ cours l’après-midi. À l’époque, certains élèves venaient de loin, et ils
+ pouvaient rester manger dans une cantine scolaire. Aujourd’hui, cette
+ cantine n’existe plus ici car elle ne peut plus prendre en charge tous
+ les élèves. S’il y a une cantine, elle est gérée par un des enseignants,
+ et la cuisine est préparée grâce à l’Association des Mères d'Élèves
+ (s’il y a plusieurs quartiers, chaque quartier prépare le repas à tour
+ de rôle). Chaque jour, les élèves doivent réaliser trois évaluations
+ (même s’ils n’ont parfois pas le temps de faire les trois). Ils ont des
+ exercices à faire chez eux le soir, et la grande majorité les font. Si
+ un élève ne fait pas son travail, le professeur peut interpeller ses
+ parents et les inviter à vérifier les devoirs des enfants, sans pour
+ autant les faire à leur place. Il y a des réunions avec les parents
+ d’élèves tous les trimestres, et un Comité de Gestion se réunit chaque
+ mois pour faire le point sur les activités qui ont été menées.
+ </p>
+ <p>
+ Le directeur aborde naturellement et directement les problèmes
+ rencontrés dans l’école. Tout d’abord, les fournitures scolaires sont un
+ problème pour certains enfants, qui ont des difficultés à se les
+ procurer. Grâce au fond d’éducation de la commune, l’école peut fournir
+ un cahier et un stylo à chaque élève. Les professeurs utilisent de plus
+ en plus le numérique aujourd’hui, mais n’ont qu’une seule machine pour
+ imprimer et photocopier, ce qui ne leur suffit pas. Ils ont besoin d’une
+ meilleure imprimante et de beaucoup de ramettes de papiers. Au niveau
+ des locaux, il y a une salle dans l’école qui date de 1960, et qui est
+ prête à s’écrouler. La construction d’une ou deux salles supplémentaires
+ permettrait de réhabiliter cette salle avant qu’elle ne s’écroule. Il
+ existe aussi un "abri provisoire”, c’est-à-dire une salle qui n’est pas
+ aux dimensions règlementaires (qui sont de 9x7 mètres). Les manuels
+ scolaires (de maths, français et éducation à la science et à la vie
+ sociale) sont fournis par l’Etat donc il n’y a pas de problème à ce
+ niveau-là.
+ </p>
+ <p>
+ Il y a peu d’absentéisme dans l’école, et les mères doivent demander la
+ permission avant l’absence de leur enfant (les motifs acceptables sont
+ réglementés). Certains élèves n’arrivent pas à aller au niveau CM2 ou
+ abandonnent, mais c’est un phénomène rare, car les parents du village
+ sont généralement instruits et connaissent l’importance de l’éducation.
+ De plus, l’école mène une politique de lutte contre la déperdition
+ scolaire. Ainsi, si une maîtresse se rend compte qu’un élève a
+ abandonné, le directeur va rencontrer sa famille.
+ </p>
+ <div class="slideshow-container">
+ <div class="mySlides fade">
+ <div class="numbertext">1 / 5</div>
+ <img
+ src="../images/2022-Repérage-Sénégal/2022Mbam1.png"
+ style="width: 100%"
+ />
+ <div class="text">Ecole de Mbam 1</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">2 / 5</div>
+ <img
+ src="../images/2022-Repérage-Sénégal/2022Mbam1b.jpg"
+ style="width: 100%"
+ />
+ <div class="text">Ecole de Mbam 1</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">3 / 5</div>
+ <img
+ src="../images/2022-Repérage-Sénégal/2022Mbam1t.jpg"
+ style="width: 100%"
+ />
+ <div class="text">Ecole de Mbam 1</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">4 / 5</div>
+ <img
+ src="../images/2022-Repérage-Sénégal/2022Mbam2.png"
+ style="width: 100%"
+ />
+ <div class="text">Ecole de Mbam 2</div>
+ </div>
+
+ <div class="mySlides fade">
+ <div class="numbertext">5 / 5</div>
+ <img
+ src="../images/2022-Repérage-Sénégal/2022Mbam2b.jpg"
+ style="width: 100%"
+ />
+ <div class="text">Ecole de Mbam 2</div>
+ </div>
+ <!-- Next and previous buttons -->
+ <a class="prev" onclick="plusSlides(-1)">❮</a>
+ <a class="next" onclick="plusSlides(1)">❯</a>
+ </div>
+ <br />
+
+ <!-- The dots/circles -->
+ <div style="text-align: center">
+ <span class="dot" onclick="currentSlide(1)"></span>
+ <span class="dot" onclick="currentSlide(2)"></span>
+ <span class="dot" onclick="currentSlide(3)"></span>
+ <span class="dot" onclick="currentSlide(4)"></span>
+ <span class="dot" onclick="currentSlide(5)"></span>
+ </div>
+ <h3>Visite du CEM de Mbam</h3>
+ <p>
+ Nous avons commencé par visiter le CEM de Mbam sous la supervision du
+ directeur, Monsieur Edouard Cheikh FAYE professeur d’anglais et de
+ français, il a étudié aux États-Unis et en Europe.
+ </p>
+ <p>
+ Le CEM (collège d’enseignement moyen, l'équivalent du collège en France)
+ dispose également d’une classe de seconde ouverte cette année. Le
+ collège est construit sur un terrain de 4 hectares, dispose d’un puits
+ pour boire (l’eau n’y est pas salée), d’un deuxième puits potable mais
+ où l’eau n’est pas propre et d’un jardin pour cultiver : des salades, de
+ l’oseille, des tomates, du concombre du bissap. L’argent généré sert à
+ l’entretien pour le maintien de l’école. Des sanitaires sont en
+ construction, ce qui veut dire qu’actuellement les élèves doivent aller
+ où ils peuvent. Il n’y a ni salle informatique, ni bibliothèque, ni
+ endroit où travailler.
+ </p>
+ <p>
+ Le CEM compte 562 élèves avec une fourchette de 40 à 48 élèves par
+ classe. Il sert de centre d’examen pour le BFEM (équivalent du brevet).
+ Les frais d’inscriptions s’élèvent à 5000 CFA dont 1000 qui reviennent à
+ l’association des parents d’élèves qui s’occupe de construire et
+ d’entretenir les bâtiments de l’école. On constate une forte défaillance
+ des fonctions régaliennes puisque c’est à l’état et au ministère de
+ l’éducation de s’occuper de ça. Le directeur nous explique que pour lui,
+ cette l’école est celle des parents avant d’être celle de l’état. Ce
+ sont eux qui ont construit la majorité des bâtiments et qui les
+ entretiennent. Cela montre les efforts que sont prêts à faire les
+ parents pour la scolarité de leurs enfants.
+ </p>
+ <p>
+ Sur le plan pédagogique, de gros dysfonctionnements subsistent avec
+ notamment un manque de manuels et de supports pédagogiques. Il existe de
+ fortes disparités entre les établissements scolaires dans le pays: les
+ salaires des profs sont différents, les budgets aussi; certains ont des
+ livres, d’autres non. Cela a mené à une grève massive du corps
+ professoral suivie d’une grève des étudiants. Le gouvernement a débloqué
+ de l’argent, à voir. À Mbam, l’école est naissante, elle ne dispose donc
+ pas d’un budget suffisant (il y a toujours plus de frais lorsqu’on lance
+ une activité). Concernant les manuels, il faut des livres de l’état
+ correspondants aux programmes scolaires sénégalais. Il faut faire ça
+ avec des partenaires essentiellement financiers (puisque l'on ne peut
+ pas récupérer des vieux livres français et leur donner). Aujourd’hui, si
+ le collège dispose des livres en question, l'enseignant doit les
+ emprunter uniquement quand il en a besoin et les élèves doivent partager
+ un livre pour 3. Les élèves du CEM viennent essentiellement de Mbam mais
+ aussi des communes alentours : Mbassis, Gague et Foundiougne (situées
+ entre 2 et 5km à pieds). L’an prochain, l’administration attend 800
+ élèves. Il faudra ouvrir 3 classes de seconde supplémentaires et des
+ classes de premières (pour ceux qui sont actuellement en seconde). La
+ structure n’est pas du tout prête à un tel afflux d’élèves.
+ Actuellement, le collège ne dispose pas des salles nécessaires. Si elles
+ ne sont pas construites avant la rentrée 2023(ce qui sera sûrement le
+ cas), ils vont devoir fabriquer des abris en bois et tiges de mil. Il
+ faudra aussi trouver des bancs. Ces abris sont précaires et ne
+ permettent pas aux enfants d’apprendre dans des bonnes conditions: ils
+ ne protègent que partiellement de la pluie et ne protègent pas contre
+ les vents de sable. Une solution complémentaire pourrait être
+ d’augmenter les effectifs à 60 ou 75 élèves par classe. Actuellement, il
+ n’y a plus de bibliothèque dans l’école; une salle de classe y a été
+ aménagée en raison d’un incendie qui a ravagé un abri qui avait été
+ construit. Comme on le voit ces abris posent aussi des questions
+ sécuritaires. De toute façon, comme l’explique le principal, il n’y
+ avait pas l’équipement nécessaire au bon fonctionnement de la
+ bibliothèque. Si un élève a besoin d’un livre il est quand même possible
+ d’en emprunter un en faisant une demande.
+ </p>
+ </div>
+ <!--Footer-->
+ <div class="footer">
+ <div class="row">
+ <div class="column3">
+ <img
+ src="../images/logo_africaunite_transparent.png"
+ alt="logo"
+ width="100px"
+ />
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>
+ <a href="https://www.instagram.com/africaunite.cs/" target="_blank"
+ >Instagram</a
+ >
+ </p>
+ <p>
+ <a
+ href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr"
+ target="_blank"
+ >Facebook</a
+ >
+ </p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>
+ 3 rue Joliot Curie <br />
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa.unite.centralesupelec@gmail.com</p>
+ </div>
+ </div>
+ </div>
+ </body>
+ <script src="../main.js"></script>
+</html>
diff --git a/styles.css b/styles.css
index 83b2b51bb53ec5d83b14425f36c052e2364f0df6..08f4cbf5b4f895b4a59f0a1539c0a23f5d07c2bb 100644
--- a/styles.css
+++ b/styles.css
@@ -1,169 +1,181 @@
-@import url('https://fonts.googleapis.com/css?family=Oswald');
-*{
- margin:0;
- padding:0;
- border:0;
-}
-body{
- background: linear-gradient(116.02deg, #25351E -2.64%, rgba(23, 51, 13, 0.661967) 101.01%, rgba(25, 92, 2, 0.635417) 101.02%, #21351E 101.03%);
- font-family: Oswald;
- place-items: center;
-}
-.core{
- margin: 50px;
-}
-h1{/*Titre page principale*/
- color: #FFFEFE;
- font-size: 100px;
- font-weight: 700;
- line-height: 98%;
- text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-}
-h2{/*Titres autres pages*/
- color: #FFFEFE;
- font-family: Oswald;
- font-size: 50px;
- margin: 10px;
-}
-h3{/*Titre*/
- color:#FFFEFE;
- font-size: 30px;
-}
-.card h3{
- color:black;
-}
-h4{/*Sous titres de pages*/
- color: white;
- margin: 10px;
- font-size: 25px;
-}
-h5{/*Subtext Front page*/
- color: #FFFEFE;
- font-size:30px;
- text-align: justify;
- padding: 20px;
-}
-p{
- text-align: justify;
- color: #FFFEFE;
- font-style: normal;
-}
-nav{
- width: 80%;
- margin: 10px;
- position: sticky;
- top: 0px;
- position: absolute;
- left:15%;
- display:block;
-}
-nav ul{
- list-style-type: none ;
+@import url("https://fonts.googleapis.com/css?family=Oswald");
+* {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+body {
+ background: linear-gradient(
+ 116.02deg,
+ #25351e -2.64%,
+ rgba(23, 51, 13, 0.661967) 101.01%,
+ rgba(25, 92, 2, 0.635417) 101.02%,
+ #21351e 101.03%
+ );
+ font-family: Oswald;
+ place-items: center;
+}
+.core {
+ margin: 50px;
+}
+h1 {
+ /*Titre page principale*/
+ color: #fffefe;
+ font-size: 100px;
+ font-weight: 700;
+ line-height: 98%;
+ text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
+h2 {
+ /*Titres autres pages*/
+ color: #fffefe;
+ font-family: Oswald;
+ font-size: 50px;
+ margin: 10px;
+}
+h3 {
+ /*Titre*/
+ color: #fffefe;
+ font-size: 30px;
+}
+.card h3 {
+ color: black;
+}
+h4 {
+ /*Sous titres de pages*/
+ color: white;
+ margin: 10px;
+ font-size: 25px;
+}
+h5 {
+ /*Subtext Front page*/
+ color: #fffefe;
+ font-size: 30px;
+ text-align: justify;
+ padding: 20px;
+}
+p {
+ text-align: justify;
+ color: #fffefe;
+ font-style: normal;
+ margin: 20px;
+ padding: 5px;
+}
+nav {
+ width: 80%;
+ margin: 10px;
+ position: sticky;
+ top: 0px;
+ position: absolute;
+ left: 15%;
+ display: block;
+}
+nav ul {
+ list-style-type: none;
}
nav li {
- float: left;
- width: 25%;
- text-align: center;
+ float: left;
+ width: 33%;
+ text-align: center;
}
-nav ul::after{
- content:"";
- display: table;
- clear: both;
+nav ul::after {
+ content: "";
+ display: table;
+ clear: both;
}
nav a {
- display: block;
- text-decoration: none;
- color: #FFFEFE;
- font-weight: bold;
- border-bottom: 2px solid transparent;
- padding: 10px 0px;
-}
-nav a:hover{
- color: red;
- border-bottom: 2px solid gold;
-
+ display: block;
+ text-decoration: none;
+ color: #fffefe;
+ font-weight: bold;
+ border-bottom: 2px solid transparent;
+ padding: 10px 0px;
}
-.sous{
- display: none;
- color: black;
- position: absolute;
- width: 100%;
- z-index: 1000;
+nav a:hover {
+ color: red;
+ border-bottom: 2px solid gold;
+}
+.sous {
+ display: none;
+ color: black;
+ position: absolute;
+ width: 100%;
+ z-index: 1000;
}
-.sous li{
- float: none;
- width: 100%;
- text-align:left;
+.sous li {
+ float: none;
+ width: 100%;
+ text-align: left;
}
-.sous a{
- padding: 10px;
- border-bottom: none;
+.sous a {
+ padding: 10px;
+ border-bottom: none;
}
-.sous a:hover{
- border-bottom: none;
- background-color: rgba(200, 200, 200, 0,1);
+.sous a:hover {
+ border-bottom: none;
+ background-color: rgba(200, 200, 200, 0, 1);
}
-nav > ul li:hover .sous{
- display: block;
+nav > ul li:hover .sous {
+ display: block;
}
-.deroulant > a::after{
- content:"▼";
- font-size: 12px;
+.deroulant > a::after {
+ content: "▼";
+ font-size: 12px;
}
-.actions{
- margin: 3% 0;
+.actions {
+ margin: 3% 0;
}
.scroller {
- overflow-x: scroll;
- display: flex;
- scroll-snap-type: x mandatory;
- }
- .item {
- min-width: 85%;
- background-color: none;
- scroll-snap-align: center;
- margin-bottom: 10px;
- padding: 0 50px 0 10px;
- }
- .card {
- height: 85%;
- background-color: #C4C4C4;
- border-radius: 20px;
- padding: 20px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
- z-index: 1;
- position: relative;
- }
- .card p {
- line-height: 1.6;
- font-size: 14px;
- color: black;
- }
- .imag{
- width: 30%;
- float: left;
- padding: 20px;
- }
- .imag img{
- position: relative;
- border-radius: 20px;
- height: auto;
- width: 100%;
- }
-.card button{
- font-family: Oswald;
- font-size: 15px;
- background-color: #E6E6E6;
- border-radius: 10px;
- padding: 10px;
- position: absolute;
- right:20px;
- bottom:20px;
+ overflow-x: scroll;
+ display: flex;
+ scroll-snap-type: x mandatory;
+}
+.item {
+ min-width: 85%;
+ background-color: none;
+ scroll-snap-align: center;
+ margin-bottom: 10px;
+ padding: 0 50px 0 10px;
+}
+.card {
+ height: 85%;
+ background-color: #c4c4c4;
+ border-radius: 20px;
+ padding: 20px;
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+ z-index: 1;
+ position: relative;
+}
+.card p {
+ line-height: 1.6;
+ font-size: 14px;
+ color: black;
+}
+.imag {
+ width: 30%;
+ float: left;
+ padding: 20px;
+}
+.imag img {
+ position: relative;
+ border-radius: 20px;
+ height: auto;
+ width: 100%;
+}
+.card button {
+ font-family: Oswald;
+ font-size: 15px;
+ background-color: #e6e6e6;
+ border-radius: 10px;
+ padding: 10px;
+ position: absolute;
+ right: 20px;
+ bottom: 20px;
}
.row {
- margin: 0 -5px;
+ margin: 0 -5px;
}
.row:after {
@@ -176,195 +188,199 @@ nav > ul li:hover .sous{
width: 48%;
padding: 1%;
}
-.column2 img{
- border-radius: 20px;
+.column2 img {
+ border-radius: 20px;
}
.column3 {
- float: left;
- width: 31%;
- padding: 1%;
- }
-
-.column4{
- float: left;
- width: 23%;
- padding: 1%;
-}
-.footer{
- background-color: grey;
- padding-bottom: 30px;
- padding-left: 30px;
- padding-right: 30px;
- padding-top: 10px;
-}
-button{
- font-size: 15px;
- background-color: #E6E6E6;
- border-radius: 10px;
- padding: 10px;
- margin: 10px;
- width: 33%;
-}
-button:hover{
- background-color: grey;
- color: white;
+ float: left;
+ width: 31%;
+ padding: 1%;
+ display: block;
+}
+.column3 img {
+ display: block;
+}
+.column4 {
+ float: left;
+ width: 23%;
+ padding: 1%;
+}
+.footer {
+ background-color: grey;
+ padding-bottom: 30px;
+ padding-left: 30px;
+ padding-right: 30px;
+ padding-top: 10px;
+ display: block;
+}
+button {
+ font-size: 15px;
+ background-color: #e6e6e6;
+ border-radius: 10px;
+ padding: 10px;
+ margin: 10px;
+ width: 33%;
+}
+button:hover {
+ background-color: grey;
+ color: white;
}
.button {
- font-family: Oswald;
- margin-top: 10px;
- margin-left: auto;
- border-radius: 10px;
- background-color: red;
- border: none;
- color: white;
- text-align: center;
- font-size: 20px;
- padding: 10px;
- width: 50%;
- transition: all 0.5s;
- cursor: pointer;
- }
-
- .button span {
- cursor: pointer;
- display: inline-block;
- position: relative;
- transition: 0.5s;
- }
-
- .button span:after {
- content: '\00bb';
- position: absolute;
- opacity: 0;
- top: 0;
- right: -20px;
- transition: 0.5s;
- }
-
- .button:hover span {
- padding-right: 25px;
- }
-
- .button:hover span:after {
- opacity: 1;
- right: 0;
- }
+ font-family: Oswald;
+ margin-top: 10px;
+ margin-left: auto;
+ border-radius: 10px;
+ background-color: red;
+ border: none;
+ color: white;
+ text-align: center;
+ font-size: 20px;
+ padding: 10px;
+ width: 50%;
+ transition: all 0.5s;
+ cursor: pointer;
+}
- .button a {
- text-decoration: none;
- font-weight: bold;
- }
- .button a:visited{
- color: white;
- }
+.button span {
+ cursor: pointer;
+ display: inline-block;
+ position: relative;
+ transition: 0.5s;
+}
+
+.button span:after {
+ content: "\00bb";
+ position: absolute;
+ opacity: 0;
+ top: 0;
+ right: -20px;
+ transition: 0.5s;
+}
+
+.button:hover span {
+ padding-right: 25px;
+}
+
+.button:hover span:after {
+ opacity: 1;
+ right: 0;
+}
+
+.button a {
+ text-decoration: none;
+ font-weight: bold;
+}
+.button a:visited {
+ color: white;
+}
- .button a:hover{
- color: lightgray;
- border-bottom: 2px solid gold;
+.button a:hover {
+ color: lightgray;
+ border-bottom: 2px solid gold;
}
-button{
- font-family: Oswald;
+button {
+ font-family: Oswald;
}
-button:hover{
- color:white;
+button:hover {
+ color: white;
background-color: grey;
}
-.container{
- position: relative;
- height: 400px;
- width: 7cm;
- overflow: hidden;
- background: grey;
- box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
- transition: 0.3s ease-out;
- border-radius: 20px;
- }
- .container:hover{
- box-shadow: 0px 1px 35px 0px rgba(0,0,0,0.3);
- }
- .container .image{
- background: #000;
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- z-index: 2;
- transition: transform 0.3s ease-out;
- }
- .container:hover .image{
- transform: translateY(-100px);
- }
- .image img{
- height: 100%;
- width: 100%;
- object-fit: cover;
- transition: opacity 0.3s ease-out;
- }
- .container:hover .image img{
- opacity: 0.7;
- }
- .container:hover .image{
- transform: translateY(-100px);
- }
+.container {
+ position: relative;
+ height: 400px;
+ width: 7cm;
+ overflow: hidden;
+ background: grey;
+ box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
+ transition: 0.3s ease-out;
+ border-radius: 20px;
+}
+.container:hover {
+ box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
+}
+.container .image {
+ background: #000;
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 2;
+ transition: transform 0.3s ease-out;
+}
+.container:hover .image {
+ transform: translateY(-100px);
+}
+.image img {
+ height: 100%;
+ width: 100%;
+ object-fit: cover;
+ transition: opacity 0.3s ease-out;
+}
+.container:hover .image img {
+ opacity: 0.7;
+}
+.container:hover .image {
+ transform: translateY(-100px);
+}
- .container .content{
- position: relative;
- width: 100%;
- height: 100%;
- background: grey;
- }
- .info{
- position: absolute;
- bottom: 20px;
- text-align: center;
- width: 100%;
- color: white;
- line-height: 26px;
- }
- .info h2{
- font-size: 27px;
- margin: 3px 0;
- }
- .info span{
- color: #1a1a1a;
- }
+.container .content {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background: grey;
+}
+.info {
+ position: absolute;
+ bottom: 20px;
+ text-align: center;
+ width: 100%;
+ color: white;
+ line-height: 26px;
+}
+.info h2 {
+ font-size: 27px;
+ margin: 3px 0;
+}
+.info span {
+ color: #1a1a1a;
+}
- .fa {
- height:80px;
- width: 80px;
- padding: 20px;
- text-align: center;
- text-decoration: none;
- border-radius: 50%;
- }
+.fa {
+ height: 80px;
+ width: 80px;
+ padding: 20px;
+ text-align: center;
+ text-decoration: none;
+ border-radius: 50%;
+}
- /* Add a hover effect if you want */
- .fa:hover {
- opacity: 0.7;
- }
+/* Add a hover effect if you want */
+.fa:hover {
+ opacity: 0.7;
+}
- /* Set a specific color for each brand */
+/* Set a specific color for each brand */
- /* Facebook */
- .fa-facebook {
- background: #3B5998;
- color: white;
- position: relative;
- }
+/* Facebook */
+.fa-facebook {
+ background: #3b5998;
+ color: white;
+ position: relative;
+}
- /* Instagram */
- .fa-instagram {
- background: purple;
- color: white;
- }
+/* Instagram */
+.fa-instagram {
+ background: purple;
+ color: white;
+}
- /* Slideshow container */
+/* Slideshow container */
.slideshow-container {
position: relative;
margin: auto;
- width:70%
+ width: 70%;
}
/* Hide the images by default */
@@ -373,7 +389,8 @@ button:hover{
}
/* Next & previous buttons */
-.prev, .next {
+.prev,
+.next {
cursor: pointer;
position: absolute;
top: 50%;
@@ -395,8 +412,9 @@ button:hover{
}
/* On hover, add a black background color with a little bit see-through */
-.prev:hover, .next:hover {
- background-color: rgba(0,0,0,0.8);
+.prev:hover,
+.next:hover {
+ background-color: rgba(0, 0, 0, 0.8);
}
/* Caption text */
@@ -406,8 +424,8 @@ button:hover{
font-size: 15px;
padding: 8px 12px;
position: absolute;
- bottom:0px;
- width:97.7%;
+ bottom: 0px;
+ width: 97.7%;
text-align: center;
}
@@ -432,7 +450,8 @@ button:hover{
transition: background-color 0.6s ease;
}
-.active, .dot:hover {
+.active,
+.dot:hover {
background-color: #717171;
}
@@ -443,14 +462,18 @@ button:hover{
}
@keyframes fade {
- from {opacity: .4}
- to {opacity: 1}
+ from {
+ opacity: 0.4;
+ }
+ to {
+ opacity: 1;
+ }
}
-.modal{
+.modal {
position: fixed;
left: 0;
- top:0;
- width:100%;
+ top: 0;
+ width: 100%;
height: 100%;
background-color: none;
opacity: 0;
@@ -459,22 +482,29 @@ button:hover{
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
-.modal-content{
+.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: wheat;
padding: 1rem 1.5rem;
- width: 75%;
+ width: 75%;
border-radius: 0.5rem;
}
-.modal-header{
+.modal-header {
background-color: green;
}
-.modal-body{
+.modal-body {
background-color: none;
}
-.modal-footer{
+.modal-footer {
background-color: green;
}
+a:visited {
+ color: #fffefe;
+}
+
+p li {
+ color: #fffefe;
+}