page2.html

<!DOCTYPE html>
<html lang="en">
<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">
    <title>EQUIPE ΔPO</title>
    <link rel="icon" type="image/jpg" href="https://cdn.discordapp.com/attachments/886714929749590087/915075247504515132/FQFZQFQF.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
</head>

    <section class="discord2">
       
            <h2 data-aos="zoom-in"><p style="color:rgb(255, 255, 255)">APO <span class="red">MEDIACENTER</span></h2>
            <a href="https://discord.gg/nWmMK88zMb" data-aos="zoom-in-up"><button class="btn">Discord</button></a>
        </div>
    </section>
    <div class="roadmap">
        <div class="container">
            <h2 data-aos="zoom-in">L'<span class="red">Équipe</span></h2>
            <div class="line"></div>
            <div class="bloc" data-aos="zoom-in">
                <div class="member" data-aos="zoom-in">
                    <h4><span class="aa">xBnd / <span class="red"><span class="job">Créateur</span></h4>
                    <h7>TA DESCRIPTION ICI </h7>
                    <p align="right">
                        <img style="border-color:#fe0101;" border="2" src="https://cdn.discordapp.com/avatars/870591039705079828/aad05868afada887add9b060c7fea0da.webp?size=480" alt="Dolla" />
                </div>
            </div>
            <div class="bloc" data-aos="zoom-in">
                <div class="member" data-aos="zoom-in">
                    <h4><span class="aa">apo / <span class="red"><span class="job">CO-CRÉA</span></h4>
                    <h7>TA DESCRIPTION ICI </h7>
                    <p align="right">
                        <img style="border-color:#fe0101;" border="2"  src="https://media.discordapp.net/attachments/711062024351907861/915360568037232700/ezgif-3-f197ce79682e.gif?size=640" alt="Dolla" />
                </div>
            </div>
            <div class="bloc" data-aos="zoom-in">
                <div class="member" data-aos="zoom-in">
                    <h4><span class="aa">Mood / <span class="red"><span class="job">CO-CRÉA</span></h4>
                    <h7>TA DESCRIPTION ICI </h7>
                    <p align="right">
                        <img style="border-color:#fe0101;" border="2" src="https://media.discordapp.net/attachments/711062024351907861/915361100227285002/ezgif-3-6fa2986eb685.webp?=640" alt="Dolla" />
                </div>
            </div>
            <div class="bloc" data-aos="zoom-in">
                <div class="member" data-aos="zoom-in">
                    <h4><span class="aa">Dolla / <span class="red"><span class="job">Administrateur</span></h4>
                    <h7>TA DESCRIPTION ICI </h7>
                    <p align="right">
                        <img style="border-color:#fe0101;" border="2" src="https://cdn.discordapp.com/attachments/894709973039341618/915338899486810142/ezgif-7-71fa6304f87f.gif?=640" alt="Dolla" />
                </div>
            </div>
            <div class="bloc" data-aos="zoom-in">
                <div class="member" data-aos="zoom-in">
                    <h4><span class="aa">Zero / <span class="red"><span class="job">Administrateur</span></h4>
                    <h7>TA DESCRIPTION ICI </h7>
                    <p align="right">
                        <img style="border-color:#fe0101;" border="2" src="https://media.discordapp.net/attachments/711062024351907861/915362240784375828/ezgif-3-d590b3c30636.webp" alt="Dolla" />
                </div>
            </div>
            <div class="bloc" data-aos="zoom-in">
                <div class="member" data-aos="zoom-in">
                    <h4><span class="aa">Ayato / <span class="red"><span class="job">Administrateur</span></h4>
                    <h7>TA DESCRIPTION ICI </h7>
                    <p align="right">
                        <img style="border-color:#fe0101;" border="2" src="https://media.discordapp.net/attachments/711062024351907861/915362509731536946/ezgif-3-38b5c84c3875.gif" alt="Dolla" />
                </div>
        </div>
    </div>
    <div class="team">
        <div class="container">
            <h2 data-aos="zoom-in"><p style="color:rgb(0, 0, 0)">APO <span class="A">MEDIA CENTER</span></h2>
            <div class="team__flex">
                <div class="member" data-aos="zoom-in">
                    <h4><p style="color:rgb(0, 0, 0)">Zero / <span class="job">Administrateur</span></h4>
                    <img src="https://cdn.discordapp.com/avatars/828015569710219314/cf826cf0d13020f8fb8b4d6c23ed4c31.webp?size=640" alt="Zero" />
                </div>
                <div class="member" data-aos="zoom-in">
                    <h4><p style="color:rgb(0, 0, 0)">Ayato / <span class="job">Administrateur</span></h4>
                    <img src="https://cdn.discordapp.com/avatars/707068507401224244/a_3f95b3515cab99ff4c9a1fad9a90080f.gif?size=640" alt="Ayato" />
                </div>
                <div class="member" data-aos="zoom-in">
                    <h4><span class="red">xBnd / <span class="job">Créateur</span></h4>
                    <img src="https://cdn.discordapp.com/avatars/870591039705079828/aad05868afada887add9b060c7fea0da.webp?size=640" alt="Marc" />
                    <h4><h4><span class="red">apo / <span class="job">CO-CRéA</span></h4>
                    <img src="https://cdn.discordapp.com/avatars/560617372914810883/a_1a4ae6a4c2ffb24978841aedbc9f1f6c.gif?size=640" alt="Ben" />
                </div>
                <div class="member" data-aos="zoom-in">
                    <h4><p style="color:rgb(0, 0, 0)">Mood / <span class="job">Administrateur</span></h4>
                    <img src="https://cdn.discordapp.com/avatars/886604845426016256/8aeeb30c78fdc073fb4f00df9d11a4ff.webp?size=640" alt="Matt" />
                </div>
                <div class="member" data-aos="zoom-in">
                    <h4><p style="color:rgb(0, 0, 0)">Dolla / <span class="job">Administrateur</span></h4>
                    <img src="https://cdn.discordapp.com/attachments/894709973039341618/915338899486810142/ezgif-7-71fa6304f87f.gif?=640" alt="Dolla" />
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="footer__flex">
                <div class="footerG">
                    APO MEDIA CENTER
                </div>
                <div class="footerD">
                    <ul>
                        <li><a href="https://twitter.com/apomediacenter">Twitter</a></li>
                        <li><a href="https://soundcloud.com/apomediacenter">Soundcloud</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init();
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/gsap.min.js" integrity="sha512-UxP+UhJaGRWuMG2YC6LPWYpFQnsSgnor0VUF3BHdD83PS/pOpN+FYbZmrYN+ISX8jnvgVUciqP/fILOXDjZSwg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="app.js"></script>
</body>
</html>