55 lines
No EOL
2.1 KiB
HTML
55 lines
No EOL
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>INSAtlse FPV - Contact</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; background-color: #f4f4f9; color: #333; }
|
|
header { background: #d32f2f; color: #fff; padding: 20px; text-align: center; }
|
|
nav { background: #333; display: flex; justify-content: center; }
|
|
nav a { color: white; padding: 14px 20px; text-decoration: none; text-align: center; }
|
|
nav a:hover { background: #555; }
|
|
.container { max-width: 700px; margin: 20px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
|
|
.contact-card { background: #f9f9f9; border-left: 5px solid #d32f2f; padding: 15px; margin: 15px 0; border-radius: 4px; }
|
|
.contact-card a { color: #d32f2f; text-decoration: none; font-weight: bold; }
|
|
.contact-card a:hover { text-decoration: underline; }
|
|
footer { text-align: center; padding: 15px; background: #333; color: white; margin-top: 20px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<h1>INSAtlse FPV</h1>
|
|
<p>Contacte le club</p>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="index.html">Accueil</a>
|
|
<a href="calendrier.html">Calendrier</a>
|
|
<a href="contact.html">Contact</a>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<h2>Une question ? Envie de nous rejoindre ?</h2>
|
|
<p>N'hésite pas à nous contacter sur nos réseaux ou par e-mail :</p>
|
|
|
|
<div class="contact-card">
|
|
<h3>Instagram</h3>
|
|
<p>Suis nos actus, nos vidéos de vol et envoie-nous un DM :</p>
|
|
<a href="https://www.instagram.com/" target="_blank">@insatlse_fpv</a>
|
|
</div>
|
|
|
|
<div class="contact-card">
|
|
<h3>E-mail</h3>
|
|
<p>Pour toute demande officielle, partenariat ou information :</p>
|
|
<a href="mailto:fpv@insa-toulouse.fr">fpv@insa-toulouse.fr</a>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>© INSAtlse FPV - Tous droits réservés</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |