evalHTML/events.html at master · Fogulus/evalHTML · GitHub

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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!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="Tous les événements concernant nos louves : Nationaux (coupes et championnat) et internationaux (Louves en sélection régionale ou en équipe de France)">
    <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 événements des louves</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 class="events">
      <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>Bienvenue sur notre page événementielle</h1>
      <h2>Actualités des louves en séléctions régionale ou nationale</h2>
      <article class="container">
        <section>
          <h3 class="without-h4">Anne-Sophie: Joueuse du match contre la Britich Navy !</h3>
          <img src="images/selectionVsNavyAS.jpg" alt="Photo match contre la British Navy" class="landscape-pics-events">
          <p>Le 15 juin, lors de la rencontre entre la séléction Occitanie et celle de la British Navy, Anne-Sophie Carnus à été élue par le staff Anglais et le publique, meilleure joueuse du match ! Petite anecdote: La séléction Occitanie a joué dans le maillot exterieur des louves...</p>
        </section>
        <section>
          <h3 class="without-h4">Mélina et Pernelle retenues en équipe de France U18</h3>
          <img src="images/MelinaPernelle.jpg" alt="Photo de Mélina et Pernelle en EDF u18" class="landscape-pics-events">
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita molestiae eius nihil reiciendis qui, consequuntur aliquam rerum officiis maiores sequi iusto velit at quae pariatur placeat ut nam ducimus ipsum.</p>
        </section>
        <section>
          <h3 class="without-h4">Anne-Sophie: Joueuse du match contre les Anglaises !</h3>
          <img src="images/AnneSoCadDebEDF.jpg" alt="Photo Anne-So en EDF face aux Anglaises " class="landscape-pics-events">
          <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Similique qui enim esse possimus dignissimos culpa, temporibus explicabo, voluptates iure quisquam labore? Consequatur voluptatum a, pariatur quibusdam totam facere quis eum!</p>
        </section>
      </article>
          <h2>Actualités nationales: championnat et coupe de France</h2>
          <h3>Prochains matchs</h3>
      <article class="container">
        <section>
          <h4>Championnat</h4>
          <img src="images/afficheMatchLouvesClairac.png" alt="affiche du match vs Clairac" class="match-announcement">
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero aspernatur mollitia iusto, voluptates tempora unde autem suscipit ipsum quibusdam ipsa quo in, nemo necessitatibus harum repellendus, possimus minus error ex.</p>
        </section>
        <section>
          <h4>Coupe de France</h4>
          <img src="images/afficheMatchLouvesOvalie.png" alt="affiche du match vs Ovalie" class="match-announcement">
          <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero ex autem quidem eius, esse quod molestiae rerum, ducimus vero doloribus odit doloremque nesciunt debitis fugiat hic velit quasi ipsum assumenda.</p>
        </section>
      </article>
        <h3>Derniers matchs</h3>
      <article class="container">
        <section>
          <h4>Championnat: Victoire à domicile contre Pujols !</h4>
          <img src="images/matchPujols.jpg" alt="Photo match contre Pujols" class="landscape-pics-events">
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam aliquid doloribus sapiente sunt quod modi adipisci amet distinctio mollitia, dolores exercitationem iure voluptate commodi delectus esse nostrum culpa reiciendis optio.
          Accusantium fugit exercitationem non mollitia assumenda, molestiae delectus illo quod et suscipit repellendus quasi aliquam tempore nisi nam voluptatem vero temporibus alias corrupti hic, numquam nostrum doloribus veritatis. Adipisci, ipsum.</p>
        </section>
        <section>
          <h4>Championnat: Victoire à l'exterieur contre Albi !</h4>
          <img src="images/cadDebAS.jpg" alt="Photo match à Albi" class="landscape-pics-events">
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo, sit aliquid ipsa beatae, fugiat eaque aut delectus, assumenda dolor id at nisi quas. Magni voluptatem assumenda voluptas alias neque accusantium.
          Cum deserunt aliquam autem quidem tempora. Ut veritatis non saepe nam sapiente exercitationem atque assumenda ipsam reiciendis expedita, pariatur dolorem at tempora aliquid sit animi optio, nobis quisquam officiis soluta.</p>
        </section>
        <section>
          <h4>Coupe de France: Victoire à dommicile face à Carcassonne !</h4>
          <img src="images/matchCarcassonne.jpg" alt="Photo match contre Carcassonne" class="landscape-pics-events">
          <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias sunt architecto officiis pariatur dignissimos atque, unde amet aliquam. Suscipit quos illo voluptatem tenetur excepturi tempore commodi autem vel. Suscipit, assumenda!
          Vero animi quidem similique repudiandae sequi et natus nihil voluptatibus. Nostrum, nemo quisquam, quibusdam corrupti dolorem labore sed distinctio soluta veniam accusamus sunt natus commodi vel eum beatae fugiat voluptas!</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>