Feature/index.html at master · carlthedev/Feature · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!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="style.css">
  <title>Feature</title>
</head>

<body>

  <div class="main">
    <h1><img src="flag.svg" alt="">Car race strategy game </h1>
    <p>Amend your car settings to try and win the race with the least amount of attempts. Good luck! your car is orange   <img id="introCar" src="car1.svg" alt=""></p>

    <div id="raceDash">

      <div id="raceSelections">
        <select id="tyres">
          <option value="" disabled selected> Select tyre compound</option>
          <option value="Hard">Hard</option>
          <option value="Medium">Medium</option>
          <option value="Soft">Soft</option>
        </select>

        <select id="engine">
          <option value="" disabled selected> Select engine manufacturer</option>
          <option value="Mercedes">Mercedes</option>
          <option value="Ferrari">Ferrari</option>
          <option value="Honda">Honda</option>
        </select>

        <select id="aero">
          <option value="" disabled selected> Select aero bias</option>
          <option value="Downforce">Downforce</option>
          <option value="Airflow">Airflow</option>
          <option value="Drag">Drag</option>
        </select>
      </div>

      <div id="rightItems">
        <button class="startRace"> Start Race!</button>
        <button class="reset"> Reset!</button>
        <div class="counter"></div>
      </div>

    </div>

    <div class="startFinish">
      <p>Start</p>
      <p>Finish</p>
    </div>

    <hr>

    <Div class="car1">
      <img src="car1.svg" alt="">
    </Div>

    <hr>

    <Div class="car2">
      <img src="car2.svg" alt="">
    </Div>

    <hr>

    <Div class="car3">
      <img src="car3.svg" alt="">
    </Div>

    <hr>

  </div>

  <Div class="popup">
  </Div>

  <script src="app.js"></script>

</body>

</html>