diff --git a/dom-and-events/exercises/index.html b/dom-and-events/exercises/index.html
new file mode 100644
index 0000000000..5a4fbd916d
--- /dev/null
+++ b/dom-and-events/exercises/index.html
@@ -0,0 +1,14 @@
+
+
+
+ Flight Simulator
+
+
+
+
+ Flight Simulator
+ The shuttle is on the ground
+
+
+
+
diff --git a/dom-and-events/exercises/script.js b/dom-and-events/exercises/script.js
new file mode 100644
index 0000000000..de6b630519
--- /dev/null
+++ b/dom-and-events/exercises/script.js
@@ -0,0 +1,10 @@
+function init () {
+ const missionAbort = document.getElementById("abortMission");
+ const button = document.getElementById("liftoffButton");
+ const paragraph = document.getElementById("statusReport");
+
+ // Put your code for the exercises here.
+
+}
+
+window.addEventListener("load", init);
diff --git a/dom-and-events/exercises/style.css b/dom-and-events/exercises/style.css
new file mode 100644
index 0000000000..b2d3dc07c3
--- /dev/null
+++ b/dom-and-events/exercises/style.css
@@ -0,0 +1,3 @@
+h1 {
+ text-decoration: underline;
+}
diff --git a/dom-and-events/studio/LaunchCode_rocketline_white.png b/dom-and-events/studio/LaunchCode_rocketline_white.png
new file mode 100644
index 0000000000..07174271f3
Binary files /dev/null and b/dom-and-events/studio/LaunchCode_rocketline_white.png differ
diff --git a/dom-and-events/studio/index.html b/dom-and-events/studio/index.html
new file mode 100644
index 0000000000..1efd507e53
--- /dev/null
+++ b/dom-and-events/studio/index.html
@@ -0,0 +1,40 @@
+
+
+
+ Flight Simulator
+
+
+
+
+
+
Flight Simulator
+
Current Flight Status
+
Space shuttle ready for takeoff
+
Shuttle Trajectory
+
+
+
Fuel Levels
+
Tank Full
+
Astronaut Chat
+
Houston, we are ready when you are!
+
+
+
+
+
+
+
+
+
+
Space Shuttle Height
+
0
miles
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/dom-and-events/studio/scripts.js b/dom-and-events/studio/scripts.js
new file mode 100644
index 0000000000..45c9b3a9d1
--- /dev/null
+++ b/dom-and-events/studio/scripts.js
@@ -0,0 +1,2 @@
+// Write your JavaScript code here.
+// Remember to pay attention to page loading!
diff --git a/dom-and-events/studio/styles.css b/dom-and-events/studio/styles.css
new file mode 100644
index 0000000000..cc932dd89d
--- /dev/null
+++ b/dom-and-events/studio/styles.css
@@ -0,0 +1,30 @@
+#shuttleBackground {
+ background-color: green;
+ display: inline-block;
+ height: 80%;
+ width: 40%;
+ position: relative;
+}
+
+#flightStatus {
+ color: green;
+}
+
+#flightDisplay {
+ text-align: center;
+ height: 400px;
+ width: 100%;
+}
+
+#spaceShuttleHeight {
+ display: inline-block;
+}
+
+.center-block {
+ text-align: center;
+ display: inline-block;
+}
+
+.centered {
+ text-align: center;
+}
\ No newline at end of file