ClassicSnakeGame/index.html at main · TheEastCode/ClassicSnakeGame · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The EastCode - Home</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/home.css">
    <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=Shadows+Into+Light&display=swap" rel="stylesheet">

</head>

<body class="home-page">
    <video autoplay muted loop>
        <source src="audio/fire.mp4" type="video/mp4" alt="fire">
    </video>

    <header>
        <nav>
            <ul class="nav-ul">
                <li class="nav-link"><a href="index.html">Home</a></li>
                <li class="nav-link"><a href="game.html">Game</a></li>
                <li class="nav-link"><a href="scores.html">Scores</a></li>
            </ul>
        </nav>
        <h1 class="main-heading"><em class="name-em">The East Code:</em> Classic Snake Game</h1>
    </header>


    <main>
        <section class="about-section">
            <h2>About Our Project</h2>
            <p>We've created a rendition of the Classic Snake Game using JavaScript. This nostalgic, arcade game
                features a snake that grows in
                length as it consumes food and a simple grid-based playing area. Players will control the snake's
                direction. The game's objective is to eat as much food as possible without colliding with the walls or
                the snake's own tail. Play smart, because the game keeps score of player losses and wins.</p>
        </section>

        <section class="team-section">
            <h2>The East Code</h2>
            <div class="rotating-text-wrapper">
                <p>Felix Taveras</p>
                <p>Ekow Yawson</p>
                <p>Stephanie G. Johnson</p>
                <p>Latherio Kidd</p>
                <p>David Grier</p>
            </div>
        </section>


        <section class="play-section">
            <a href="game.html">
                <button>Play Game</button>
            </a>
        </section>
    </main>


    <footer>
        <p>&copy; 2023 The EastCode. All rights reserved.</p>
    </footer>

</body>

</html>