1
1
<!DOCTYPE html>
2
2
< html >
3
- < head >
4
- < title > Flight Simulator</ title >
5
- < link rel = "stylesheet " type = "text/css " href = "styles.css " />
6
- < script src = "scripts.js "> </ script >
7
- </ head >
8
- < body >
9
- < div class ="centered ">
10
- < h1 > Flight Simulator</ h1 >
11
- < h2 > Current Flight Status</ h2 >
12
- < p id = "flightStatus "> Space shuttle ready for takeoff</ p >
13
- < h2 > Shuttle Trajectory</ h2 >
3
+
4
+ < head >
5
+ < title > Flight Simulator</ title >
6
+ < link rel ="stylesheet " type ="text/css " href ="styles.css " />
7
+ < script src ="scripts.js "> </ script >
8
+ </ head >
9
+
10
+ < body >
11
+ < div class ="centered ">
12
+ < h1 > Flight Simulator</ h1 >
13
+ < h2 > Current Flight Status</ h2 >
14
+ < p id ="flightStatus "> Space shuttle ready for takeoff</ p >
15
+ < h2 > Shuttle Trajectory</ h2 >
16
+ </ div >
17
+ < div id ="flightDisplay ">
18
+ < div class ="center-block ">
19
+ < h3 > Fuel Levels</ h3 >
20
+ < p > Tank Full</ p >
21
+ < h3 > Astronaut Chat</ h3 >
22
+ < p > Houston, we are ready when you are!</ p >
14
23
</ div >
15
- < div id ="flightDisplay ">
16
- < div class ="center-block ">
17
- < h3 > Fuel Levels</ h3 >
18
- < p > Tank Full</ p >
19
- < h3 > Astronaut Chat</ h3 >
20
- < p > Houston, we are ready when you are!</ p >
21
- </ div >
22
- < div id = "shuttleBackground ">
23
- < img src = "LaunchCode_rocketline_white.png " height = "75 " width = "75 " id = "rocket "/>
24
- </ div >
25
- < div class ="center-block ">
26
- < button id ="up "> Up</ button >
27
- < button id ="down "> Down</ button >
28
- < button id ="right "> Right</ button >
29
- < button id ="left "> Left</ button >
30
- < h3 > Space Shuttle Height</ h3 >
31
- < p id ="spaceShuttleHeight "> 0</ p > < span > miles</ span >
32
- </ div >
24
+ < div id ="shuttleBackground ">
25
+ < img src ="LaunchCode_rocketline_white.png " height ="75 " width ="75 " id ="rocket "
26
+ style ="position: absolute; bottom: 0; left: calc(50% - 38px) " />
33
27
</ div >
34
- < div class ="centered ">
35
- < button id = "takeoff "> Take off</ button >
36
- < button id = "landing "> Land</ button >
37
- < button id = "missionAbort "> Abort Mission</ button >
28
+ < div class ="center-block ">
29
+ < button id ="up "> Up</ button >
30
+ < button id ="down "> Down</ button >
31
+ < button id ="right "> Right</ button >
32
+ < button id ="left "> Left</ button >
33
+ < h3 > Space Shuttle Height</ h3 >
34
+ < p id ="spaceShuttleHeight "> 0</ p > < span > miles</ span >
38
35
</ div >
39
- </ body >
36
+ </ div >
37
+ < div class ="centered ">
38
+ < button id ="takeoff "> Take off</ button >
39
+ < button id ="landing "> Land</ button >
40
+ < button id ="missionAbort "> Abort Mission</ button >
41
+ </ div >
42
+ </ body >
43
+
40
44
</ html >
0 commit comments