You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.7 KiB
68 lines
2.7 KiB
<!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> |