Skip to content
Snippets Groups Projects
Select Git revision
  • 14509f91e2da1a9fcb38397bddb9d48f15230f68
  • main default
  • Iman
  • Paul
  • ouma
  • sani_loto_2
6 results

Bobo.html

Blame
  • Bobo.html 7.18 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="12%"
          /></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>
    
          <!--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>
          <p>
            Les activités proposées dans le centre sont réparties en trois grands
            axes :
          </p>
          <p>
            -L’éducation : le centre donne accès à un espace de travail éclairé pour
            les jeunes dans la journée, notamment après leurs heures de cours pour
            leur permettre d’étudier dans de bonnes conditions. Il accueille
            également des cours de soutien scolaire, notamment dans la période
            précédant les examens en fin d’année.
          </p>
          <p>
            - La culture et le sport : plusieurs évènements à caractères sportifs et
            culturelles sont organisés au centre dans l’année, dont le festival des
            arts du cirque qui est un évènement annuel majeur pouvant rassembler
            beaucoup de monde et participant à intégrer le centre dans la vie
            locale.
          </p>
          <p>
            - La sensibilisation : nous essayons de réaliser des opérations de
            sensibilisation dans le centre chaque année, afin de d’informer la
            population aux dangers des IST, aux enjeux environnementaux, ou plus
            récemment au Covid sous la forme d’un « théâtre forum ».
          </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>
    
          <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 / 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)">&#10094;</a>
          <a class="next" onclick="plusSlides(1)">&#10095;</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>
        </div>
        <!--Footer-->
        <div class="footer">
          <div class="row">
            <div class="column3">
              <img
                src="images/logo_africaunite_transparent.png"
                alt="logo"
                style="width: 15vw"
              />
            </div>
            <div class="column3">
              <h6>Nous retrouver sur les réseaux</h6>
              <a href="https://web.facebook.com/AfricaUniteCS/?_rdc=1&_rdr" target="_blank" style="display: flex; align-items: center; text-decoration: none;">
                <img src="icons/facebook.png" width="13%" style="padding: 3%" alt="Facebook Logo" />
                <span style="margin-left: 4.5%; font-size: 1.5vw;">Facebook</span>
            </a>
              <p>
              <a href="https://www.instagram.com/africaunite.cs/" target="_blank" style="display: flex; align-items: center; text-decoration: none;">
                <img src="icons/instagram.png" width="13%" style="padding: 2.5%" alt="Instagram Logo" />
                <span style="margin-left: 4%; font-size: 1.5vw;">Instagram</span>
            </a>
              </p>
            </div>
            <div class="column3">
              <h6>Nous contacter</h6>
              <p style="font-size: 1.5vw;">
                3 rue Joliot Curie <br />
                91190 GIF-SUR-YVETTE
              </p>
              <p></p>
            </div>
          </div>
        </div>
      </body>
      <script src="main.js"></script>
    </html>