Mario-Game/index.html at main · danielcdeda/Mario-Game · 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
<!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">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/f9d8176d0e.js" crossorigin="anonymous"></script>
    <link rel="shortcut icon" href="./images/image-removebg-preview (5).png" type="image/x-icon">
    <title>Jump, Peter!</title>
</head>
<body>
    <div class="background-top">
        <img class= "peter-jump" src="https://fontmeme.com/permalink/230410/9477fc19d648c14a81460336018aa9ce.png" alt="">
        <button type="button" id="play" class="btn btn-outline-light btn-lg download-button"><i id="icon" class="fa-solid fa-music"></i></button>
    </div>
    <div class = "game-board">
        <img class="pipe" src="./images/PngItem_3784225.png" alt="">
        <img class ="cloud" src="./images/2-cloud.png" alt="">
        <img class ="cloud-2" src="./images/1-cloud.png" alt="">
        <img class ="cloud cloud-3" src="./images/2-cloud.png" alt="">
        <img class ="peter" src="./images/family-guy-peter-griffin.gif" alt="">
    </div>
    <div class="background-bottom"></div>

    <div>
        <img class = "grass" src="./images/grass.PNG" alt="">
        <img class = "grass second-grass" src="./images/grass.PNG" alt="">
        <img class = "grass third-grass" src="./images/grass.PNG" alt="">
        <audio id="audio" src="./sound/afterlife.mp3"></audio>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script src="game.js"></script>
</body>
</html>