Select Git revision
Bobo.html 5.24 KiB
<!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>Le centre de Bobo - 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">
<!--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">
</div> </div>
</div>
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- 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">4 / 4</div>
<img src="images/cirque-bobo-2.jpeg" 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>
<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>
</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>