<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Site d'information culturelles et sportives</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
</head>
<body>
<form method="get" id="form">
<h1>Site d'information culturelles et sportives</h1>
<h4>S'abonner à </h4>
<p>Bonjour et bienvenu sur notre site, Depuis cette page nous vous invitons à choisir les abonnements aux
newsletter qui vous conviennent.</p>
<span id="fermer">fermer le formulaire</span> <span for="form" id="icon"><i class="icon-cross"></i></span>
<hr />
<input type="checkbox" checked 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" checked 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 type="text" id="mail" name="mail" placeholder="votre email" /><button id="mail" type="submit">Enregistrer
mon
abonnement</button>
</form>
<p>rejoigner notre communauté (lien vers <a href="https://www.instagram.com">https://www.instagram.com)</a></p>
<p>nous écrire (lien vers <a href="contact@s-et-c.fr">contact@s-et-c.fr)</a></p>
</body>
</html>