SAE_2A_FA-Reseau_ALICA/php/vues/accueil.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="css/accueil.css">
    <title>Alica - Accueil</title>
  </head>
  <body>
  {% include 'menu.html' %}
  <div class="main">
    <div class="banner">
      <img class="banner-img" src="assets/bandeau.png">
      <div class="title-banner">
        <div class="subtitle">Le réseau Alica te souhaite la bienvenue !</div>
        <div class="title">Alica Info</div>
        <div class="description">Nous sommes d’anciens étudiants à l’IUT d’Aubière qui aimerions créer un réseau d'anciens étudiants au travers d'un réseau alumni du département Informatique.</div>
      </div>
    </div>
    <h1>Accueil</h1>
    <p>Vous êtes sur la page d'accueil</p>
    <p>Vous pouvez vous connecter ou vous inscrire</p>
    <p>Vous pouvez aussi consulter les articles</p>
    <p>Vous pouvez aussi consulter les annonces</p>
  </div>
  </body>
<script>
  let bar = document.querySelector('.bars'), navItem = document.querySelector('.nav-items');

  bar.addEventListener('click', () => {
    navItem.classList.toggle('active');
  });
</script>
</html>