learnwithleon · GilSolis · Feb 9, 2021
diff --git a/css/normalize.css b/css/normalize.css
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,74 @@
+* {
+  margin: 0;
+  padding: 0;
+  background-color: gray;
+}
+
+#img1,
+#img2,
+#img3 {
+  height: 10vh;
+  width: 10vh;
+}
+
+#logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 2%;
+  font-size: 2rem;
+}
+
+#jackpot {
+  margin-left: 32%;
+  width: 50vw;
+  height: 10vh;
+  margin-top: 2%;
+  font-size: 2rem;
+}
+
+.reelContainer,
+#bets {
+  display: flex;
+  justify-content: center;
+}
+.reelContainer img {
+  margin: 1%;
+  border: 2px solid black;
+  padding: 1%;
+}
+
+#bets button {
+  /* border: 2px solid greenyellow; */
+  margin: 1%;
+  display: flex;
+  justify-content: space-between;
+  font-size: 2rem;
+}
+
+span {
+  display: flex;
+  justify-content: center;
+  font-size: 2rem;
+}
+
+#spinBtn {
+  margin: 1%;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 15vw;
+  height: 10vh;
+  /* border: 2px solid greenyellow; */
+  font-size: 3.5rem;
+  border: 4px solid yellow;
+  border-radius: 10px;
+  background-color: rgb(96, 96, 231);
+  color: yellow;
+}
+
+.betBorder {
+  border: 4px solid rgb(96, 96, 231);
+  border-radius: 10px;
+  background-color: yellow;
+}
diff --git a/img/1.svg b/img/1.svg
diff --git a/img/2.svg b/img/2.svg
diff --git a/img/3.svg b/img/3.svg
diff --git a/img/4.svg b/img/4.svg
diff --git a/img/5.svg b/img/5.svg
diff --git a/img/PokeSlots.png b/img/PokeSlots.png
diff --git a/img/pokeball.svg b/img/pokeball.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!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="css/normalize.css">
+    <link rel="stylesheet" href="css/style.css">
+    <title>PokéSlots</title>
+</head>
+
+<body>
+
+    <img id='logo' src="img/PokeSlots.png" alt="">
+    <div id='jackpot'>
+        <h2>Jackpot:
+        </h2>
+    </div>
+    <div class="reelContainer">
+        <img id='img1' src="img/pokeball.svg" alt="">
+        <img id='img2' src="img/pokeball.svg" alt="">
+        <img id='img3' src="img/pokeball.svg" alt="">
+    </div>
+    <div id="bets">
+        <button id="minBet" class="betBtn "> &nbsp Min Bet &nbsp </button>
+        <button id="maxBet" class='betBtn '> &nbsp Max Bet &nbsp </button>
+    </div>
+    <span>Score: <p id='score'></p></span>
+    <button id="spinBtn">Spin</button>
+    <script src='js/main.js'></script>
+</body>
+
+</html>