Html/about.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Ecole Coda - À propos</title>
    <link rel="stylesheet" href="../CSS/style.css">
    <link rel="icon" href="./favicon.ico" type="image/x-icon">
  </head>
  <body>
    <nav> <!-- Barre de Navigation -->
      <div class="topnav">
        <img src="../Images/tempLogo.svg" alt="Logo">
        <a href="../Index.html">Accueil</a>
        <a href="./events.html">Événements</a>
        <a href="./instruments.html">Instruments</a>
        <a href="./signin.html">Inscriptions</a>
      </div>
    </nav>
    <main> <!-- Contenu de la page -->
      <h1>À propos</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tincidunt, risus vel varius aliquam, ex ligula 
        tempor velit, ut consequat lorem eros eget eros. Cras nec libero vitae elit efficitur malesuada.
      </p>
      <section>
        <h2>Notre Mission</h2>
        <p>
          Integer at lacus non odio volutpat pharetra. Curabitur tristique, orci a sodales vehicula, tortor nisl sagittis 
          purus, id aliquet elit sapien quis ligula. Suspendisse ac magna ultricies, scelerisque lorem sed, malesuada augue.
        </p>
      </section>
      <section>
        <h2>Notre Histoire</h2>
        <p>
          Sed viverra interdum turpis, et aliquam urna dictum a. Vestibulum non felis nisi. Nullam convallis sit amet 
          turpis a egestas. Morbi eget eros non lacus tincidunt fringilla sit amet ac libero.
        </p>
      </section>
      <section>
        <h2>Pourquoi Choisir Coda ?</h2>
        <p>
          Vestibulum ac nisi feugiat, pulvinar arcu sed, eleifend lorem. Donec eu augue libero. In varius vel odio nec 
          sodales. Phasellus suscipit, lacus a blandit consectetur, felis tortor sodales libero, vitae placerat elit lacus 
          vel nisi.
        </p>
      </section>
    </main>
    <footer> <!-- Pied de page -->
      <div class="footer-content">
        <p>&copy; 2025 Ecole Coda. Tous droits réservés.</p>
        <p>Contactez-nous : <a href="mailto:contact@ecolecoda.fr">contact@ecolecoda.fr</a></p>
        <p>Téléphone : <a href="tel:+3315152780">+36 30 36 30 36 30</a></p>
      </div>
    </footer>
    <script src="../JS/index.js"></script>
  </body>
</html>