<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style-main.css" />
<link rel="stylesheet" href="crossform.css" />
<title>Site d'informations culturelles et sportives</title>
</head>
<body>
<nav id="main-menu">
<img src="burgermenu.PNG" alt="" id="menuburger">
<input type="checkbox" id="switch" hidden />
<label for="switch" class="menu-label">Menu</label>
<a href="https://www.google.fr/" class="boutons">Accueil</a><a href="https://www.google.fr/" class="boutons">A
propos</a><a href="http://127.0.0.1:5500/index.html?mail=" class="">Nos newsletter</a>
</nav>
<main id="mainpagetext">
<h1><strong>Site d'informations culturelles et sportives</strong></h1>
<p>
Bonjour et bienvenu sur notre site,
Depuis cette page nous vous invitons à choisir les abonnements aux newsletter qui vous conviennent.
</p>
</main>
<input type="checkbox" id="formswitch">
<form id="formulairecontact" method="get" action="">
<h4>S'abonner à <i class="icon-cross"></i></h4>
<label for="formswitch" class="boutons">fermer</label>
<span>fermer le formulaire</span>
<hr />
<input type="checkbox" required name="sport" id="sport" /><label for="sport">sports et activités
sportives</label>
<input type="radio" required class="frequence1" name="sport_freq" value="hebdo" /><label class="frequence1"
for="frequence1">Hebdomadaire</label>
<input type="radio" required class="frequence1" name="sport_freq" value="daily" /><label class="frequence1"
for="frequence1">Journalier</label>
<br />
<input type="checkbox" name="culture" id="culture" /><label for="culture">arts et cultures</label>
<input type="radio" required class="frequence2" name="culture_freq" value="hebdo" /><label class="frequence2"
for="frequence2">Hebdomadaire</label>
<input type="radio" required id="frequence2" name="culture_freq" value="daily" /><label class="frequence2"
for="frequence2">Journalier</label>
<hr />
<input type="email" required name="mail" placeholder="votre email" />
<button id="valider" type="submit">Enregistrer mon abonnement</button>
</form>
<div id="basdepage">
<p>
© S&C diffusion 2021
</p>
<p>
<a href="https://www.instagram.com/s-et-c">Rejoindre notre communauté</a></li>
<a href="contact@s-et-c.fr">Nous écrire</a></li>
</p>
</div>
</body>
</html>