-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (100 loc) · 5.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!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.0">
<meta name="description" content="Site de l'équipe féminine de rugby à 13 de Villefranche de Rouergue">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/bf63a2ae10.js" crossorigin="anonymous"></script>
<title>Les louves de Villefranche XIII Aveyron</title>
</head>
<body>
<header>
<nav class="logo-wrapper">
<img src="images/logo.png" alt="Logo des louves" class="logo">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="events.html">Evénements</a></li>
<li><a href="#id01">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div id="id01" class="modal">
<div class="modal-dialog">
<div class="modal-content">
<form action="contact.php" method="post">
<fieldset>
<a href="#" class="closebtn">×</a>
<br><br>
<p>Vous pouvez nous appeler au 06 25 25 25 25 ou nous envoyer un message</p>
</fieldset>
<fieldset>
<legend>Formulaire de Contact</legend>
<label for="firstName">Prénom</label>
<input type="text" name="firstName" id="firstName" required placeholder="Votre prénom">
<label for="lastName">Nom</label>
<input type="text" name="lastName" id="lastName" required placeholder="Votre nom">
<label for="birthDate">Date de naissance</label>
<input type="date" name="birthDate" id="birthDate">
<label for="phoneNumber">Numéro de téléphone</label>
<input type="tel" name="phoneNumber" id="phoneNumber" placeholder="Votre numéro de téléphone">
<label for="email">Adresse e-mail</label>
<input type="email" name="email" id="email" required placeholder="Votre adresse e-mail">
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Votre message"></textarea>
<button class="submit-button" type="button">Envoi du message</button>
</fieldset>
</form>
</div>
</div>
</div>
<h1>Les louves de Villefranche XIII Aveyron</h1>
<article class="team">
<section>
<h2>L'équipe</h2>
<img src="images/equipeLouves.jpg" alt="Photo de l'équipe">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque minus omnis maxime? Sit cumque necessitatibus iste amet unde ipsum distinctio quaerat, eligendi ipsa doloribus ab architecto officiis, explicabo earum aspernatur.</p>
</section>
</article>
<article class="container">
<section>
<h2>Préparation Physique</h2>
<img src="images/Anne-So-tractions1.jpg" alt="Photo musculation" class="portrait-picture">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam delectus exercitationem reiciendis error reprehenderit sed alias iure dolorum, distinctio dolores quisquam doloribus quis magni cupiditate quibusdam repellendus molestias id eaque.
Repudiandae omnis vel error numquam maxime vero optio ea quisquam, soluta itaque dolores maiores molestiae ipsam, deleniti qui fugiat! Ad, tempora odio a praesentium veritatis cupiditate labore adipisci accusantium neque.</p>
</section>
<section>
<h2>Entrainements</h2>
<img src="images/Entrainement.jpg" alt="Photo d'entrainements" class="portrait-picture">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic voluptatem dolores ut culpa fugit minus totam deserunt rem doloribus, iure, officia suscipit, ipsa consequatur quis dolorem possimus nobis dolor reiciendis?
Quisquam, laudantium impedit ad qui praesentium pariatur maxime neque recusandae dicta suscipit, sapiente molestiae voluptatem debitis natus aspernatur unde tenetur? Tenetur suscipit sunt unde vitae quidem dicta possimus consequuntur eligendi!</p>
</section>
<section>
<h2>Matchs</h2>
<img src="images/MatchTO.jpg" alt="Photo du match contre Pujols" class="portrait-picture">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis perferendis asperiores ut quo distinctio adipisci commodi, excepturi illum eveniet nemo id sint, alias minima ullam sed. Velit consectetur iure temporibus?
Libero voluptate exercitationem optio id ipsum ipsa deleniti deserunt. Non impedit officiis delectus quas consequatur suscipit cumque ipsa, molestiae tempore facere quisquam dicta. Deleniti ea consequuntur perferendis quaerat, necessitatibus minima?</p>
</section>
</article>
</main>
<footer>
<nav class="footer-wrapper">
<p>Copyright © 2022 - Tous droits réservés</p>
<ul>
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</nav>
</footer>
<div>
<nav class="back-top-fixed back-top-wrapper">
<a href="#top"><i class="fa-solid fa-jet-fighter-up"></i></a>
<a href="#top">Haut</a>
</nav>
</div>
</body>
</html>