cours-MDS/b2-cwd/integration/evaluation/travaux-rendus/Quentin_Nau/index.html

<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="utf-8" />
  <title>Contrôle</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
    <ul>
      <li><a href="accueil.html">Retour à l'accueil</a></li>
      <li><a href="apropos.html">À propos</a></li>
      <li><a href="index.html">Nos newsletters</a></li>
    </ul>
  </header>
  <h1>Site d’information culturelles et sportives</h1>
  <p>Bonjour et bienvenu sur notre site,
    Depuis cette page nous vous invitons à choisir les abonnements aux newsletter qui vous conviennent.
    © S&C diffusion 2021
    <hr>
    rejoigner notre communauté <a href="https://www.instagram.com/s-et-c">instagram</a>
    ou <a href="contact@s-et-c.fr">écrivez nous</a>!!!
  </p>
  <a href="#demo" class="formulaire">Formulaire</a>

  <div id="demo" class="form">
    <div class="form_content">
      <form method="get">
        <h4>S'abonner à la Newsletter</h4>
        <hr />
        <input type="checkbox" name="sport" id="sport" /><label for="sport">sports et activités sportives</label>
        <input type="radio" id="s_hebdo" name="sport_freq" value="hebdo" /><label for="s_hebdo">Hebdomadaire</label>
        <input type="radio" id="s_daily" name="sport_freq" value="daily" /><label for="s_daily">Journalier</label>
        <br />
        <input type="checkbox" name="culture" id="culture" /><label for="culture">arts et cultures</label>
        <input type="radio" id="c_hebdo" name="culture_freq" value="hebdo" /><label for="c_hebdo">Hebdomadaire</label>
        <input type="radio" id="c_daily" name="culture_freq" value="daily" /><label for="c_daily">Journalier</label>
        <hr />
        <input class="email" type="text" name="mail" placeholder="votre email" /><button type="submit" class="enregistrer">Enregistrer
          mon
          abonnement</button>
      </form>
      <a href="#" class="form_close">&times;</a>
    </div>
  </div>
  <script src="script.js"></script>
</body>

</html>