<%-include("../base"); -%>
<link rel="stylesheet" href="static/css/pages/home.css">
<%-include("../partials/navbar"); -%>
<div class="container justify-content-center align-items-center mt-auto mb-auto text-center">
    <div class="row">
        <div class="card"
            style="width: 22rem;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="card-body text-center">
                <i class="fas fa-newspaper fa-2x link-card" style="font-size: 100px;"></i>
                <h2 class="card-title">Actualités</h2>
                <p class="card-text">L'actualité sur l'informatique et le gaming !</p>
                <a href="news" class="btn">Visiter la page</a>
            </div>
        </div>
        <div class="card"
            style="width: 22rem;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="card-body text-center">
                <i class="fas fa-clock fa-2x link-card" style="font-size: 100px;"></i>
                <h2 class="card-title">Speedrun</h2>
                <p class="card-text">Descriptif et actualité du speedrun.</p>
                <a href="speedrun" class="btn">Visiter la page</a>
            </div>
        </div>
        <div class="card"
            style="width: 22rem;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="card-body text-center">
                <i class="fas fa-gamepad fa-2x link-card" style="font-size: 100px;"></i>
                <h2 class="card-title">Esports</h2>
                <p class="card-text">Descriptif et actualité de l'esports.</p>
                <a href="esports" class="btn">Visiter la page</a>
            </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/home.js"></script>
</body>

</html>