<%-include("../base"); -%>
<link rel="stylesheet" href="static/css/pages/contact.css">
<%-include("../partials/navbar"); -%>
<div class="container">
    <div class="container pb-2 pt-3">
        <div class="card"
            style="max-width: 940px;background-color: #191919;border-radius: 10px;box-shadow: 0px 0px 18px 3px rgb(0 0 0 / 50%);margin-top: 24px;margin-bottom: 24px;margin-left: auto;margin-right: auto;">
            <div class="row g-0" style="align-items: center;">
                <div class="col-md-4">
                    <img src="static/images/alex_animate_mp4_circle_version.jpg" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body" style="text-align: center;color: #abb2bf">
                        <h1 class="card-title" style="font-weight: bold;">Alex Animate Mp4</h1>
                        <p class="card-text">A French Javascript developer who is in love with Lara CroftðŸ¥°</p>
                        <a href="https://github.com/AlexAnimateMP4" target="_blank"><i
                                class="fab fa-github fa-2x link-card"></i></a>
                        <a href="https://twitter.com/AlexAnimateMp4" target="_blank"><i
                                class="fab fa-twitter fa-2x link-card"></i></a>
                        <a href="https://open.spotify.com/user/1xyn4zl6nl98g44elp12hx5ta" target="_blank"><i
                                class="fab fa-spotify fa-2x link-card"></i></a>
                        <a href="https://www.twitch.tv/alexanimatemp4" target="_blank"><i
                                class="fab fa-twitch fa-2x link-card"></i></a>
                        <a tabindex="0" style="cursor: pointer;" data-bs-toggle="popover" data-bs-content="CopiÃ© !"
                            data-bs-trigger="focus" data-bs-placement="bottom"
                            onclick="clipboard(`Alex Animate Mp4#2361`)"><i
                                class="fab fa-discord fa-2x link-card"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="card"
            style="max-width: 940px;background-color: #191919;border-radius: 10px;box-shadow: 0px 0px 18px 3px rgb(0 0 0 / 50%);margin-top: 24px;margin-bottom: 24px;margin-left: auto;margin-right: auto;">
            <div class="row g-0" style="align-items: center;">
                <div class="col-md-4">
                    <img src="static/images/alexandre.png" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body" style="text-align: center;color: #abb2bf">
                        <h1 class="card-title" style="font-weight: bold;">Alexandre</h1>
                        <a href="https://github.com/RastaRocket78160" target="_blank"><i
                                class="fab fa-github fa-2x link-card"></i></a>
                        <a tabindex="0" style="cursor: pointer;" data-bs-toggle="popover" data-bs-content="CopiÃ© !"
                            data-bs-trigger="focus" data-bs-placement="bottom"
                            onclick="clipboard(`RastaRocket_PC#9283`)"><i
                                class="fab fa-discord fa-2x link-card"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="card"
            style="max-width: 940px;background-color: #191919;border-radius: 10px;box-shadow: 0px 0px 18px 3px rgb(0 0 0 / 50%);margin-top: 24px;margin-bottom: 24px;margin-left: auto;margin-right: auto;">
            <div class="row g-0" style="align-items: center;">
                <div class="col-md-4">
                    <img src="static/images/lucas.png" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body" style="text-align: center;color: #abb2bf">
                        <h1 class="card-title" style="font-weight: bold;">Lucas</h1>
                        <a tabindex="0" style="cursor: pointer;" data-bs-toggle="popover" data-bs-content="CopiÃ© !"
                            data-bs-trigger="focus" data-bs-placement="bottom"
                            onclick="clipboard(`Lucas_lem107#3371`)"><i class="fab fa-discord fa-2x link-card"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%-include("../partials/footer"); -%>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous">
</script>
<script src="static/js/script.js"></script>
<script src="static/js/pages/contact.js"></script>
</body>

</html>