FINAL_PROJECT_A2/index.html at main · ThomasRoyer24/FINAL_PROJECT_A2 · 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
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <title>Acceuil</title>
</head>


<body>
    <nav class="navbar navbar-expand-lg" style = "background: #FFA800 ; border : 3px solid #FF7A00"  >
        <div class="container-fluid">
            <img src="images/coupe.png" width="4%" height="100%">
        </div>
    </nav>


    <section class="centrage" >
        <div class="mask d-flex align-items-center h-150 gradient-custom-3">
            <div class="card" style="border-radius: 10px; background-color: #4F5B5E; top : 150px; margin-left: auto; margin-right: auto;">
                <div class="card-body p-4">
                    <h3 class="text-uppercase text-center mb-5" style = "color: #FFFFFF;">Bienvenue sur PlayTogether !</h3>
                </div>
                <a class="btn btn-expand-lg" style = "background: #FFA800; border-radius: 10px;" href="html/connexion.php">
                    <p style = "font-family:'Inter'; font-style: normal;  font-weight: 900; font-size: 20px; color: #FFFFFF; vertical-align: center;">C'est parti !</p>
                </a>
            </div>
        </div>
    </section>


</body>
<footer class="fixed-bottom" style = "background: #FFA800 ; border : 3px solid #FF7A00">
    <div class="container">
        <p class="m-0 text-center text-black">PlayTogether</p>
    </div>
</footer>

</html>