YMLiege_Website_public/membersOld.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
<!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 - Anciens membres</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"> Nos anciennes équipes </h1>

                <div >
                    <h2 class="global-caption"> 2018  &nbsp; <i class="fa-solid fa-brain"></i> &nbsp; Naissance de la section Young Minds Liège  </h2>
                    <img
                        class="global-img-multiple"
                        src=".\Images\Members\Teams\Team_2018.jpg"
                        alt="Photo d'ensemble de l'équipe à la création de Young Minds Liège en 2018">
                </div>
                <div>
                    <h2 class="global-caption"> 2019 &nbsp; <i class="fa-solid fa-brain"></i> &nbsp; Notre premier Printemps des Sciences</h2>
                    <img
                        class="global-img-multiple"
                        src=".\Images\Members\Teams\Team_2019.jpg"
                        alt="Photo d'ensemble de l'équipe au Printemps des Sciences 2019">
                </div>
            </section>


            <!-- Anciens membres -->
            <section class="oldmembers">

                <h2 class="oldmembers-title"> Nos anciens membres </h2>

                <!-- Cartes des membres actifs : imported by javascript-->
                <div id="oldmembers-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="membersOld.js" type="module"></script>

    </body>

</html>