Coding-Game/index.html at master · JOCECODE/Coding-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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Coding Game</title>

    <!-- CSS RESET LINK -->
    <link
      rel="stylesheet"
      type="text/css"
      href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css"
    />

    <!-- BOOTSTRAP LINK -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
      integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
      crossorigin="anonymous"
    />

    <!-- STYLESHEET LINK -->
    <link rel="stylesheet" href="stylesheet.css" />
  </head>

  <body class="firstBackground">
    <!-- HEADER -->
    <header class="header"><strong>WELCOME TO CODING QUIZ</strong></header>

    <!-- GAME BIO/RULES  -->
    <p class="firstPtag">
      This game features 10 questions related to CODING. You have 1 minute to
      answer all the questions or it is GAME OVER! If you get a question
      incorrect a penalty of 5 seconds is taken from your time. Answer all 10
      questions correct within the time for a
      <strong style="font-size: large;"
        >perfect score! 99% PEOPLE FAIL! Do you have what it takes?
        Click</strong
      >
      <strong style="font-size: x-large;"> "START" to start the quiz.</strong>
    </p>

    <!-- START BUTTON WHEN CLICKED BEGINS GAME -->
    <a href="./GAMESTART.html">
      <button
        id="startButton"
        type="button"
        class="startBtn"
        class="btn btn-primary btn-lg"
      >
        START
      </button>
    </a>
  </body>
</html>