<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style-main.css"> <link rel="stylesheet" href="style-form.css"> <link rel="stylesheet" href="icon1.css"> <title></title> </head> <body> <main> <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.</p> </main> <header> <nav id=navigation> <li> <a href="Accueil">Accueil</a> <a href="à propos">À propos</a> <a href="nos newsletters">Nos newsletters</a> </li> </nav> </header> <i class="icon-circle-down"></i> <label for="switch" class="formulaire1">Formulaire</label> <hr /> <picture> <img src="image-sport.jpg" alt=""> </picture> <input type="checkbox" id="formswitch" hidden /> <form id="formulaire" method="get"> <div class="choix formulaire"> <label for="sport">sports et activités sportives</label> <input type="checkbox" name="sport" id="sport" /> <br /> <label for="s_hebdo">Hebdomadaire</label> <input type="radio" id="s_hebdo" name="sport_freq" value="hebdo" /> <br /> <label for="s_daily">Journalier</label> <input type="radio" id="s_daily" name="sport_freq" value="daily" /> <br /> <label for="culture">arts et cultures</label> <input type="checkbox" name="culture" id="culture" /> <br /> <label for="c_hebdo">Hebdomadaire</label> <input type="radio" id="c_daily" name="culture_freq" value="daily" /> <input type="radio" id="c_hebdo" name="culture_freq" value="hebdo" /> <br /> <label for="c_daily">Journalier</label> <hr /> </div> <input type="text" name="mail" placeholder="saississez votre email" /><button type="submit">Enregistrer mon abonnement</button> <i class="icon-cross:before"></i> <label for="formswitch">Fermer le formulaire</label> </form> <footer> <div id="liens"> <a href="https://www.instagram.com/s-et-c)">Rejoigner notre communauté</a> <a href="contact@s-et-c.fr">Nous écrire</a> <div> <p>© S&C diffusion 2021</p> </div> </div> </footer> </body> </html>