YMLiege_Website_public/members.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!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 - Membres actuels</title>

</head>

    <body>

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

        <main>

            <!-- Titre + photo d'ensemble -->
            <section class="global">

                <h1 class="global-title"> L'équipe actuelle </h1>

                <img
                    class="global-img-single"
                    src=".\Images\Members\Teams\Team_2022.jpg"
                    alt="Photo d'ensemble de l'équipe actuelle de Young Minds Liège">

            </section>

            <!-- Bureau -->
            <section class="bureau">

                <h2 class="bureau-title"> Le bureau </h2>

                <!-- Cartes des membres du bureau : imported by javascript-->
                <div id="bureau-cards"></div>

            </section>

            <!-- Autres membres actifs -->
            <section class="activemembers">

                <h2 class="activemembers-title"> Le reste de l'équipe </h2>

                <!-- Cartes des membres actifs : imported by javascript-->
                <div id="activemembers-cards"></div>

            </section>

            <!-- Responsable académique -->
            <section class="academique">

                <h2 class="academique-title"> Le responsable académique </h2>

                <!-- Cartes du responsable académique : imported by javascript-->
                <div id="academique-cards"></div>

            </section>

            <!-- Modal window : généré automatiquement par javascript quand bouton "Pour plus d'infos" clické-->
            <section class="modal modal-member" id="modal"></section>

        </main>

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


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

    </body>

</html>