YMLiege_Website_public/events.html at main · hauretc/YMLiege_Website_public · 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
<!DOCTYPE html>

<html>

<head>
    <!-- CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Font Awesome CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Metadata de la page -->
    <title>YM Liège - Evènements</title>

</head>

    <body>

        <!-- Navigation bar : imported with Javascript-->
        <header id="header-element"></header>

        <main>

            <!-- Evènements à venir -->
            <section class="future">

                <h1 class="future-title"> Nos évènements à venir </h1>

                <!-- Liste des évènements à venir : imported by javascript -->
                <div id="future-events"></div>

            </section>

             <!-- Evènements passés -->
            <section class="past">

                <h1 class="past-title"> Nos évènements passés </h1>

                <!-- Liste des évènements passés : imported by javascript -->
                <div id="past-events"></div>

            </section>

            <!-- Modal window : généré automatiquement par javascript quand bouton "Voir les photos de cet évènement" clické-->
            <section class="modal modal-event" id="modal"></section>

        </main>

        <!-- Footer : imported with Javascript-->
        <footer id="footer-element"></footer>


         <!-- Javascript files -->
         <script src="common.js" type="module"></script>
         <script src="events.js" type="module"></script>

    </body>

</html>