<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css">    
  </head>
  <body>
      <form method="get">
          <h4>S'abonner à </h4>
          <span>fermer le formulaire</span>
          <hr/>
          <input type="checkbox" name="sport" id="sport" /><label for="sport">sports et activités sportives</label>
          <div class="freq wrap sport">
            <input type="radio" class="radio-sport" id="s_hebdo" name="sport_freq" value="hebdo" /><label for="s_hebdo">Hebdomadaire</label>
            <input type="radio" class="radio-sport" id="s_daily" name="sport_freq" value="daily" /><label for="s_daily">Journalier</label>
          </div>
          <br/>
          <input type="checkbox" name="culture" id="culture" /><label for="culture">arts et cultures</label>
          <div class="freq wrap culture">
            <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>
          </div>
          <hr/>
          <input type="email" required name="mail" placeholder="votre email" /><button type="submit">Enregistrer mon abonnement</button>
      </form>
  </body>
</html>