1 files changed, 60 insertions, 0 deletions
diff --git a/static/rock-paper-scissors.html b/static/rock-paper-scissors.html
new file mode 100644
index 0000000..3e80491
--- /dev/null
+++ b/static/rock-paper-scissors.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+    <title>Rock Paper Scissors</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=devide-width,initial-scale=1">
+    <link rel="stylesheet" href="./style.css">
+    <link rel="icon" type="image/x-icon" href="../images/favicon.ico" sizes="16x16">
+</head>
+
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li>
+                    <a href="../index.html">Home</a>
+                </li>
+                <li>
+                    <a href="./about.html">About</a>
+                </li>
+                <li>
+                    <a href="./recipes/overview.html">Recipes</a>
+                </li>
+                <li>
+                    <a href="./rock-paper-scissors.html">Rock Paper Scissors</a>
+                </li>
+            </ul>
+        </nav>
+    </header>
+
+    <div id="headerwrapper">
+        <h1>Rock Paper Scissors</h1>
+        <h2>First to five Wins!</h2>
+    </div>
+
+    <main>
+        <div class="wrapper-centered">
+            <button class="btn" id="rock">rock</button> 
+            <button class="btn" id="paper">paper</button> 
+            <button class="btn" id="scissors">scissors</button> 
+
+        </div>
+        <div class="text-centered">
+            <p id="player-score">player score:</p>
+            <p id="comp-score">computer score:</p>
+
+            <p id="output">hopefully you're better than a machine ://</p>
+        </div>
+    </main>
+
+    <footer>
+        <div class="wrapper-centered">
+            <p>Bottom Text</p> 
+        </div>
+    </footer>
+</body>
+<script src="../scripts/rps.js"></script>
+
+</html>