davinci-ao · MarcoSpaans · Sep 23, 2018
diff --git a/css/game.css b/css/game.css
@@ -0,0 +1,41 @@
+body {
+  background-image: url("../img/background.jpg");
+}
+
+#screen {
+  position: absolute;
+  left: 25%;
+  top: 100px;
+}
+
+#text {
+  color: white;
+  position: absolute;
+  left: 25%;
+  top: 480px;
+  max-width: 640px;
+}
+
+button {
+  position: relative;
+  left: 25%;
+  top: 550px;
+  margin-right: 1%;
+  background-color: #FBA93A;
+  padding: 12px 6px;
+  border: solid 3px #EA7040;
+  border-radius: 25px;
+  color: #4691E4;
+}
+button:active {
+  background-color: #fa9405;
+  border: solid 3px #cf4b17;
+  color: #1d6dc9;
+}
+button:hover {
+  text-decoration: none;
+}
+
+#act2, #act3 {
+  display: none;
+}
diff --git a/game.html b/game.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>game</title>
+    <link rel="stylesheet" href="css/game.css">
+  </head>
+  <body>
+<img id="screen" src="img/start.jpg" alt="start screen" height="50%" width="50%">
+<p id="text">Welcome to Overwatch</p>
+<button id="act1" type="button" name="button" onclick="select()">start game</button>
+<button id="act2" type="button" name="button"></button>
+<button id="act3" type="button" name="button"></button>
+  </body>
+  <script type="text/javascript" src="js/game.js"></script>
+</html>
diff --git a/img/Volskaya_act1.png b/img/Volskaya_act1.png
diff --git a/img/Volskaya_act2.png b/img/Volskaya_act2.png
diff --git a/img/Volskaya_act3.png b/img/Volskaya_act3.png
diff --git a/img/Volskaya_select.png b/img/Volskaya_select.png
diff --git a/img/background.jpg b/img/background.jpg
diff --git a/img/defeat.jpg b/img/defeat.jpg
diff --git a/img/start.jpg b/img/start.jpg
diff --git a/img/victory.jpg b/img/victory.jpg