From d0435882f390fe440f730ed62ca1de4548f67570 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:07:21 -0500
Subject: [PATCH 01/33] Add files via upload

---
 Hi-Lo Game/HiLo.js    | 50 ++++++++++++++++++++++++
 Hi-Lo Game/index.html | 91 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 141 insertions(+)
 create mode 100644 Hi-Lo Game/HiLo.js
 create mode 100644 Hi-Lo Game/index.html

diff --git a/Hi-Lo Game/HiLo.js b/Hi-Lo Game/HiLo.js
new file mode 100644
index 0000000..5a951b2
--- /dev/null
+++ b/Hi-Lo Game/HiLo.js	
@@ -0,0 +1,50 @@
+var theNum = 0;
+var counter = 0;
+function randomNum() {
+    theNum = Math.floor((Math.random() * 100) + 1);
+    console.log(theNum);
+}
+
+var input = document.getElementById("numInput");
+input.addEventListener("keyup", function (event) {
+    if (event.keyCode === 13) {
+        event.preventDefault();
+        document.getElementById("guessButton").click();
+    }
+});
+
+function guessNum() {
+    counter++;
+    document.getElementById("counter").innerHTML = counter;
+    var numIn = 0;
+    numIn = document.getElementById("numInput").value;
+    console.log(numIn);
+    if (numIn > theNum) {
+        console.log("high");
+        document.getElementById("theIcon").className = "fas fa-arrow-down";
+        document.body.style.backgroundColor = "red";
+        //document.body.style.backgroundImage = "linear-gradient(-90deg, red " + theNum + "%, green)";
+        //document.body.style.backgroundImage = "linear-gradient(-90deg, red, green " + (100 * numIn) / theNum + "%)";
+        //document.body.style.background = "linear-gradient(to right, rgba(0, 255, 0, 1) " + (((100 * numIn) / theNum)) + "%, rgba(255, 0, 0, 1) 100%)";
+        //document.getElementById("mainContainer").style.background = "linear-gradient(90deg, rgba(0,255,16,1)" + (((100 * numIn) / theNum)) + "%, rgba(0,0,0,0) 100%)";
+        console.log((((100 * numIn) / theNum) - 10));
+    }
+    else if (numIn < theNum) {
+        console.log("low");
+        document.getElementById("theIcon").className = "fas fa-arrow-up";
+        document.body.style.backgroundColor = "red";
+        //document.body.style.backgroundImage = "linear-gradient(-90deg, red, green " + (100 * theNum) / numIn + "%)";
+        //document.body.style.background = "linear-gradient(to right, rgba(0, 255, 0, 1) " + (((100 * numIn) / theNum)) + "%, rgba(255, 0, 0, 1) 100%)";
+        //document.getElementById("mainContainer").style.background = "linear-gradient(90deg, rgba(0,255,16,1)" + (((100 * numIn) / theNum)) + "%, rgba(0,0,0,0) 100%)";
+        console.log((((100 * theNum) / numIn) - 10));
+    }
+    else if (numIn == theNum) {
+        console.log("match");
+        document.getElementById("theIcon").className = "fas fa-check-circle";
+        document.getElementById("theGuessing").style.display = "none";
+        document.getElementById("correctNum").innerHTML = theNum;
+        document.getElementById("congo").style.display = "block";
+        document.body.style.backgroundColor = "limegreen";
+    }
+    document.getElementById("numInput").value = '';
+}
\ No newline at end of file
diff --git a/Hi-Lo Game/index.html b/Hi-Lo Game/index.html
new file mode 100644
index 0000000..134e27a
--- /dev/null
+++ b/Hi-Lo Game/index.html	
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="https://kit.fontawesome.com/336de93654.js"></script>
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
+    <title>Hi-Lo Game</title>
+    <script src="HiLo.js" defer></script>
+    <style>
+        body {
+            text-align: center;
+            font-family: 'Open Sans', sans-serif;
+            background-color: orangered;
+            color: white;
+            line-height: 2rem;
+        }
+
+        .mainContent {
+            position: relative;
+        }
+
+        .vCenter {
+            width: 100%;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        .theIcon {
+            font-size: 121px;
+        }
+
+        .numInput {
+            text-align: center;
+            font-size: 31px;
+            width: 61px;
+            height: 61px;
+            border-style: solid;
+            border-width: 5px;
+            border-color: white;
+            color: white;
+            background-color: transparent;
+        }
+
+        .guessButton {
+            background-color: white;
+            border: none;
+            color: black;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin: 4px 2px;
+            cursor: pointer;
+            border-radius: 3px;
+        }
+    </style>
+</head>
+
+<body onload="randomNum()">
+    <div class="mainContainer" id="mainContainer">
+        <div class="vCenter">
+            <h1 style="font-size: 71px;">Hi-Lo</h1>
+            <div class="theIcon">
+                <i class="fas fa-question" id="theIcon"></i>
+            </div>
+            <div class="theGuessing" id="theGuessing">
+                <h1>Choose a number between 1 and 100</h1><br>
+                <input type="text" id="numInput" class="numInput" /><br><br>
+                <input type="button" value="Make Your Guess!" onclick="guessNum()" class="guessButton" id="guessButton">
+            </div>
+            <div id="congo" style="display: none;">
+                <br>
+                <h1 style="font-size: 71px;" id="correctNum"></h1><br>
+                <h1>🎉Congratulations! You guessed correct number✌️</h1>
+                <input type="button" value="Play Again!" onclick="location.reload()" class="guessButton">
+            </div>
+            <br>
+            <p>Number of guesses: <b id="counter"></b></p>
+        </div>
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file

From 518643df4a6da38a1eeb8aedda37045524175670 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:30:44 -0500
Subject: [PATCH 02/33] Index file

---
 index.html | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 index.html

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..fc0807c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,40 @@
+<!-- 
+    Author: Rishit Patel
+    Date: 16 Nov, 2019
+    Description: Index file for JavaScript Projects for github
+-->
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Rishit Patel JavaScript Project</title>
+    <style>
+        body {
+            background: rgb(131, 58, 180);
+            background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
+        }
+
+        .myBtn {
+            background-color: white;
+            border: none;
+            color: black;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin: 4px 2px;
+            cursor: pointer;
+            border-radius: 3px;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+</body>
+
+</html>
\ No newline at end of file

From 822687427ce45db12ffcda4f64ed2e7d824d2489 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:34:05 -0500
Subject: [PATCH 03/33] Create README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..a4a3af0
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+# JavaScript-Projects
+My JavaScript projects

From c9bbdd43bb436592ae370de47647a9c2b952ad75 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:35:12 -0500
Subject: [PATCH 04/33] Update index.html

---
 Hi-Lo Game/index.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/Hi-Lo Game/index.html b/Hi-Lo Game/index.html
index 134e27a..8dceedc 100644
--- a/Hi-Lo Game/index.html	
+++ b/Hi-Lo Game/index.html	
@@ -1,3 +1,8 @@
+<!-- 
+    Author: Rishit Patel
+    Date: 16 Nov, 2019
+    Description: Simple Hi-Lo game
+-->
 <!DOCTYPE html>
 <html lang="en">
 
@@ -88,4 +93,4 @@ <h1>🎉Congratulations! You guessed correct number✌️</h1>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 9bae25046baa7586b0bda14985fa6fa068975bf6 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:36:20 -0500
Subject: [PATCH 05/33] Update HiLo.js

---
 Hi-Lo Game/HiLo.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/Hi-Lo Game/HiLo.js b/Hi-Lo Game/HiLo.js
index 5a951b2..f3a49dc 100644
--- a/Hi-Lo Game/HiLo.js	
+++ b/Hi-Lo Game/HiLo.js	
@@ -1,3 +1,8 @@
+/*
+    Author: Rishit Patel
+    Date: 16 Nov, 2019
+    Description: JavaScript for Hi-Lo game
+*/
 var theNum = 0;
 var counter = 0;
 function randomNum() {
@@ -47,4 +52,4 @@ function guessNum() {
         document.body.style.backgroundColor = "limegreen";
     }
     document.getElementById("numInput").value = '';
-}
\ No newline at end of file
+}

From 5a5dcaa02aac5332858c7936e9839c3be0f99ce2 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:47:10 -0500
Subject: [PATCH 06/33] Update index.html

---
 index.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index fc0807c..f2e6096 100644
--- a/index.html
+++ b/index.html
@@ -30,11 +30,21 @@
             cursor: pointer;
             border-radius: 3px;
         }
+
+        .mainBody {
+            position: absolute;
+            text-align: center;
+            margin: auto;
+        }
     </style>
 </head>
 
 <body>
-    <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+    <div class="mainBody">
+        <h1>Projects:</h1>
+        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+    </div>
+
 </body>
 
-</html>
\ No newline at end of file
+</html>

From ce4c6e612019f56afb948327bed9c3ad37dca4d5 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:49:18 -0500
Subject: [PATCH 07/33] Update index.html

---
 index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/index.html b/index.html
index f2e6096..d19e8f0 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,9 @@
     <title>Rishit Patel JavaScript Project</title>
     <style>
         body {
+            position: relative;
+            font-family: sans-serif;
+            color: white;
             background: rgb(131, 58, 180);
             background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
         }

From c2425586d7eb2b9efbd0305ab01e6721f211aaef Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:52:03 -0500
Subject: [PATCH 08/33] Update index.html

---
 index.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index d19e8f0..d0b9fe9 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,6 @@
     <title>Rishit Patel JavaScript Project</title>
     <style>
         body {
-            position: relative;
             font-family: sans-serif;
             color: white;
             background: rgb(131, 58, 180);
@@ -36,18 +35,20 @@
 
         .mainBody {
             position: absolute;
-            text-align: center;
-            margin: auto;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
         }
     </style>
 </head>
 
 <body>
-    <div class="mainBody">
-        <h1>Projects:</h1>
-        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+    <div style="position: relative;">
+        <div class="mainBody">
+            <h1>Projects:</h1>
+            <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+        </div>
     </div>
-
 </body>
 
 </html>

From 86ff60cbcbd94b37726ca4fa7f43ea65e6ea1201 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sat, 16 Nov 2019 16:53:28 -0500
Subject: [PATCH 09/33] Update index.html

---
 index.html | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index d0b9fe9..953abcf 100644
--- a/index.html
+++ b/index.html
@@ -43,11 +43,9 @@
 </head>
 
 <body>
-    <div style="position: relative;">
-        <div class="mainBody">
-            <h1>Projects:</h1>
-            <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
-        </div>
+    <div class="mainBody">
+        <h1>Projects:</h1>
+        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
     </div>
 </body>
 

From 47cc2bf3d08061374af9047e69b0b26924eed46c Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:43:46 -0500
Subject: [PATCH 10/33] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index a4a3af0..c904bab 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,4 @@
 # JavaScript-Projects
 My JavaScript projects
+
+<a href="https://imrishit98.github.io/JavaScript-Projects/">Click here to go to see demos of my JavaScript projects.</a>

From a07ab29116f949c92303d53c449e13d480d5177f Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:44:15 -0500
Subject: [PATCH 11/33] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c904bab..022ad31 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
 # JavaScript-Projects
 My JavaScript projects
 
-<a href="https://imrishit98.github.io/JavaScript-Projects/">Click here to go to see demos of my JavaScript projects.</a>
+<a href="https://imrishit98.github.io/JavaScript-Projects/">Click here to see demos of my JavaScript projects.</a>

From 764e1bb069eea0aeb0ef7ee555315420cd443bf7 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:46:07 -0500
Subject: [PATCH 12/33] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 022ad31..d60a51f 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
 # JavaScript-Projects
 My JavaScript projects
 
-<a href="https://imrishit98.github.io/JavaScript-Projects/">Click here to see demos of my JavaScript projects.</a>
+<a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>

From f703e9d09401b2330cb5e68e04e46440962ed912 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:50:23 -0500
Subject: [PATCH 13/33] Update README.md

---
 README.md | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/README.md b/README.md
index d60a51f..76c44a0 100644
--- a/README.md
+++ b/README.md
@@ -2,3 +2,50 @@
 My JavaScript projects
 
 <a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>
+
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Rishit Patel JavaScript Project</title>
+    <style>
+        body {
+            font-family: sans-serif;
+            color: white;
+            background: rgb(131, 58, 180);
+            background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
+        }
+
+        .myBtn {
+            background-color: white;
+            border: none;
+            color: black;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin: 4px 2px;
+            cursor: pointer;
+            border-radius: 3px;
+        }
+
+        .mainBody {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+    </style>
+</head>
+
+<body>
+    <div class="mainBody">
+        <h1>Projects:</h1>
+        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+    </div>
+</body>
+
+</html>

From cd6364223b823741cc1d5c1cfe5e07cf25317f28 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:51:36 -0500
Subject: [PATCH 14/33] Update README.md

---
 README.md | 44 +++-----------------------------------------
 1 file changed, 3 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index 76c44a0..b5e6ad1 100644
--- a/README.md
+++ b/README.md
@@ -3,49 +3,11 @@ My JavaScript projects
 
 <a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>
 
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Rishit Patel JavaScript Project</title>
-    <style>
-        body {
+<script>
+            body {
             font-family: sans-serif;
             color: white;
             background: rgb(131, 58, 180);
             background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
         }
-
-        .myBtn {
-            background-color: white;
-            border: none;
-            color: black;
-            padding: 15px 32px;
-            text-align: center;
-            text-decoration: none;
-            display: inline-block;
-            font-size: 16px;
-            margin: 4px 2px;
-            cursor: pointer;
-            border-radius: 3px;
-        }
-
-        .mainBody {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-        }
-    </style>
-</head>
-
-<body>
-    <div class="mainBody">
-        <h1>Projects:</h1>
-        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
-    </div>
-</body>
-
-</html>
+    </script>

From b98787f8ed21ebbe3f6dd590ed5ba660e2c95acd Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:51:54 -0500
Subject: [PATCH 15/33] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b5e6ad1..e1ce511 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@ My JavaScript projects
 <a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>
 
 <script>
-            body {
+            * {
             font-family: sans-serif;
             color: white;
             background: rgb(131, 58, 180);

From d6b284acffcb9be23b41324c13bbdc4325965794 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:52:26 -0500
Subject: [PATCH 16/33] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index e1ce511..4c627f1 100644
--- a/README.md
+++ b/README.md
@@ -3,11 +3,11 @@ My JavaScript projects
 
 <a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>
 
-<script>
+<style>
             * {
             font-family: sans-serif;
             color: white;
             background: rgb(131, 58, 180);
             background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
         }
-    </script>
+</style>

From bb250a54309033c3a09b53a2cf82ee5a5c741a37 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:52:59 -0500
Subject: [PATCH 17/33] Update README.md

---
 README.md | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 4c627f1..17d7b77 100644
--- a/README.md
+++ b/README.md
@@ -3,11 +3,4 @@ My JavaScript projects
 
 <a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>
 
-<style>
-            * {
-            font-family: sans-serif;
-            color: white;
-            background: rgb(131, 58, 180);
-            background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
-        }
-</style>
+<input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">

From a97a8d5e73763993c828ce8d0b9245377ce34fea Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:53:23 -0500
Subject: [PATCH 18/33] Update README.md

---
 README.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/README.md b/README.md
index 17d7b77..d60a51f 100644
--- a/README.md
+++ b/README.md
@@ -2,5 +2,3 @@
 My JavaScript projects
 
 <a href="https://imrishit98.github.io/JavaScript-Projects/" target="_blank" title="JavaScript demos">Click here to see demos of my JavaScript projects.</a>
-
-<input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">

From 1397ec2edd6144724b547db304ced4b4784ba983 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 00:57:24 -0500
Subject: [PATCH 19/33] Create test.txt

---
 Canadorio-Pizza-Website/test.txt | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 Canadorio-Pizza-Website/test.txt

diff --git a/Canadorio-Pizza-Website/test.txt b/Canadorio-Pizza-Website/test.txt
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/Canadorio-Pizza-Website/test.txt
@@ -0,0 +1 @@
+

From 93e6003c3235ba8cc0cfcd75af077731159fb615 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 01:02:07 -0500
Subject: [PATCH 20/33] Add files via upload

---
 Canadorio-Pizza-Website/Banana Peppers.png    | Bin 0 -> 16135 bytes
 Canadorio-Pizza-Website/Black Olives.png      | Bin 0 -> 14848 bytes
 .../BuildPizzaUpdated.html                    | 195 ++++++++++
 Canadorio-Pizza-Website/Canadorio-Logo.png    | Bin 0 -> 19982 bytes
 Canadorio-Pizza-Website/Contact-Us.css        | 103 ++++++
 Canadorio-Pizza-Website/Contact-Us.html       |  71 ++++
 Canadorio-Pizza-Website/Corn.png              | Bin 0 -> 8610 bytes
 Canadorio-Pizza-Website/Green Olives.png      | Bin 0 -> 15397 bytes
 Canadorio-Pizza-Website/Green Peppers.png     | Bin 0 -> 24555 bytes
 Canadorio-Pizza-Website/Jalapeno Peppers.png  | Bin 0 -> 17055 bytes
 Canadorio-Pizza-Website/Menu.css              |  69 ++++
 Canadorio-Pizza-Website/Onions.png            | Bin 0 -> 27729 bytes
 Canadorio-Pizza-Website/Pineapple.png         | Bin 0 -> 25043 bytes
 Canadorio-Pizza-Website/Pizza-Base.png        | Bin 0 -> 104507 bytes
 Canadorio-Pizza-Website/Pizza-Cheese.png      | Bin 0 -> 84610 bytes
 Canadorio-Pizza-Website/Tomato.png            | Bin 0 -> 20856 bytes
 Canadorio-Pizza-Website/cornm.svg             |  24 ++
 Canadorio-Pizza-Website/index.html            | 136 +++++++
 Canadorio-Pizza-Website/pizza-1.jpg           | Bin 0 -> 120749 bytes
 Canadorio-Pizza-Website/pizza-2.jpg           | Bin 0 -> 124097 bytes
 Canadorio-Pizza-Website/pizza-3.jpg           | Bin 0 -> 119116 bytes
 Canadorio-Pizza-Website/pizza-4.jpg           | Bin 0 -> 121408 bytes
 Canadorio-Pizza-Website/pizza-banners-a.png   | Bin 0 -> 744095 bytes
 Canadorio-Pizza-Website/pizza-banners-b.png   | Bin 0 -> 797319 bytes
 Canadorio-Pizza-Website/pizza-banners-c.png   | Bin 0 -> 755825 bytes
 Canadorio-Pizza-Website/pizza-slider.css      | 118 +++++++
 Canadorio-Pizza-Website/pizza-slider.js       |  36 ++
 Canadorio-Pizza-Website/script.js             | 183 ++++++++++
 Canadorio-Pizza-Website/specials.css          |  30 ++
 Canadorio-Pizza-Website/specials.html         |  70 ++++
 Canadorio-Pizza-Website/specials.js           |  14 +
 Canadorio-Pizza-Website/style.css             | 333 ++++++++++++++++++
 32 files changed, 1382 insertions(+)
 create mode 100644 Canadorio-Pizza-Website/Banana Peppers.png
 create mode 100644 Canadorio-Pizza-Website/Black Olives.png
 create mode 100644 Canadorio-Pizza-Website/BuildPizzaUpdated.html
 create mode 100644 Canadorio-Pizza-Website/Canadorio-Logo.png
 create mode 100644 Canadorio-Pizza-Website/Contact-Us.css
 create mode 100644 Canadorio-Pizza-Website/Contact-Us.html
 create mode 100644 Canadorio-Pizza-Website/Corn.png
 create mode 100644 Canadorio-Pizza-Website/Green Olives.png
 create mode 100644 Canadorio-Pizza-Website/Green Peppers.png
 create mode 100644 Canadorio-Pizza-Website/Jalapeno Peppers.png
 create mode 100644 Canadorio-Pizza-Website/Menu.css
 create mode 100644 Canadorio-Pizza-Website/Onions.png
 create mode 100644 Canadorio-Pizza-Website/Pineapple.png
 create mode 100644 Canadorio-Pizza-Website/Pizza-Base.png
 create mode 100644 Canadorio-Pizza-Website/Pizza-Cheese.png
 create mode 100644 Canadorio-Pizza-Website/Tomato.png
 create mode 100644 Canadorio-Pizza-Website/cornm.svg
 create mode 100644 Canadorio-Pizza-Website/index.html
 create mode 100644 Canadorio-Pizza-Website/pizza-1.jpg
 create mode 100644 Canadorio-Pizza-Website/pizza-2.jpg
 create mode 100644 Canadorio-Pizza-Website/pizza-3.jpg
 create mode 100644 Canadorio-Pizza-Website/pizza-4.jpg
 create mode 100644 Canadorio-Pizza-Website/pizza-banners-a.png
 create mode 100644 Canadorio-Pizza-Website/pizza-banners-b.png
 create mode 100644 Canadorio-Pizza-Website/pizza-banners-c.png
 create mode 100644 Canadorio-Pizza-Website/pizza-slider.css
 create mode 100644 Canadorio-Pizza-Website/pizza-slider.js
 create mode 100644 Canadorio-Pizza-Website/script.js
 create mode 100644 Canadorio-Pizza-Website/specials.css
 create mode 100644 Canadorio-Pizza-Website/specials.html
 create mode 100644 Canadorio-Pizza-Website/specials.js
 create mode 100644 Canadorio-Pizza-Website/style.css

diff --git a/Canadorio-Pizza-Website/Banana Peppers.png b/Canadorio-Pizza-Website/Banana Peppers.png
new file mode 100644
index 0000000000000000000000000000000000000000..090859b9ca50cb08c8045ac8e89d08432073b0f3
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Black Olives.png b/Canadorio-Pizza-Website/Black Olives.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2d38357926658623f6cded89d565d1c3f4ffe0f
GIT binary patch
diff --git a/Canadorio-Pizza-Website/BuildPizzaUpdated.html b/Canadorio-Pizza-Website/BuildPizzaUpdated.html
new file mode 100644
index 0000000..9c3b12a
--- /dev/null
+++ b/Canadorio-Pizza-Website/BuildPizzaUpdated.html
@@ -0,0 +1,195 @@
+<!--
+Author: Rishit Patel
+Date: Oct 18, 2019
+Description: Build Pizza Assignment
+-->
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
+    <script src="https://kit.fontawesome.com/336de93654.js"></script>
+    <title>Build Your Own Pizza!</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="Menu.css">
+    <script src="script.js" defer></script>
+</head>
+
+<body>
+    <div class="header">
+        <div class="menuIcon"><span class="menuTxt" onclick="openNav()"><i class="fas fa-bars"></i> Menu</span></div>
+        <div id="logo"><img src="Canadorio-Logo.png" alt="Candorio Pizza Logo."
+                style="max-width: 400px; padding-top:40px;"></div>
+
+        <div class="menu overlay" style="text-align:center;" id="myNav">
+            <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+            <div class="overlay-content" style="text-align: center;">
+                <ul>
+                    <li><a href="index.html">Home</a></li><br />
+                    <li><a href="BuildPizzaUpdated.html">Build Your Own Pizza</a></li><br />
+                    <li><a href="specials.html">Specials</a></li><br />
+                    <li><a href="Contact-Us.html">Contact Us</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="mainArea" id="mainArea">
+        <div class="buildTitle" id="buildTitle">
+            <h1 style="font-weight: bolder;">Build Your Own Pizza!</h1>
+        </div>
+        <div class="chooseArea" id="chooseArea">
+            <div class="chooseSize">
+                <label></i> Choose Size:</label><br />
+                <input type="radio" name="size" value="Small" onClick="updateSize('small')"> Small
+                <input type="radio" name="size" value="Medium" onClick="updateSize('medium')"> Medium
+                <input type="radio" name="size" value="Large" onClick="updateSize('large')"> Large
+                <input type="radio" name="size" value="Extra Large" onClick="updateSize('xlarge')"> Extra Large
+            </div>
+            <div class="chooseCrust">
+                <label> Choose Crust:</label><br />
+                <input type="radio" name="crust" value="Regular Crust" onClick="updateCrust('regular')"> Regular Crust
+                <input type="radio" name="crust" value="Thin Crust" onClick="updateCrust('thin')"> Thin Crust
+                <input type="radio" name="crust" value="Thick Crust" onClick="updateCrust('thick')"> Thick Crust
+            </div>
+            <div class="chooseSauce">
+                <label>Choose Sauce Type:</label><br />
+                <input type="radio" class="sauceRadio" name="sauce" value="No Sauce" onClick="updateSauce('noSauce')">
+                No Sauce
+                <input type="radio" class="sauceRadio" name="sauce" value="Italian Tomato Sauce"
+                    onClick="updateSauce('tomatoSauce')"> Italian Tomato Sauce
+                <input type="radio" class="sauceRadio" name="sauce" value="Chipotle Sauce"
+                    onClick="updateSauce('chipotleSauce')"> Chipotle Sauce <br>
+                <input type="radio" class="sauceRadio" name="sauce" value="BBQ Sauce" onClick="updateSauce('bbqSauce')">
+                BBQ Sauce
+                <input type="radio" class="sauceRadio" name="sauce" value="Pesto Sauce"
+                    onClick="updateSauce('pestoSauce')"> Pesto Sauce
+                <input type="radio" class="sauceRadio" name="sauce" value="Tandoori Sauce"
+                    onClick="updateSauce('tandooriSauce')"> Tandoori Sauce
+            </div>
+            <div class="chooseCheese">
+                <label>Choose Cheese:</label><br />
+                <input type="radio" name="theCheese" value="Normal Cheese" onclick="updateCheese()"> Normal Cheese
+                <input type="radio" name="theCheese" value="Extra Cheese" onclick="updateCheese()"> Extra Cheese
+                <input type="radio" name="theCheese" value="Less Cheese" onclick="updateCheese()"> Less Cheese
+            </div>
+            <div class="chooseToppings">
+                <label>Choose Toppings:</label><br />
+                <input type="checkbox" class="Onions" name="toppings" id="onions" value="Onions"
+                    onClick="updateToppings()">
+                <label for="onions">Onions</label>
+                <input type="checkbox" class="GreenPeppers" id="greenPeppers" name="toppings" value="Green Peppers"
+                    onClick="updateToppings()"> <label for="greenPeppers">Green Peppers</label>
+                <input type="checkbox" class="Tomato" id="tomato" name="toppings" value="Tomato"
+                    onClick="updateToppings()"> <label for="tomato">Tomato</label>
+                <input type="checkbox" class="Pineapple" id="pineapple" name="toppings" value="Pineapple"
+                    onClick="updateToppings()"> <label for="pineapple">Pineapple</label>
+                <input type="checkbox" class="Corn" id="corn" name="toppings" value="Corn" onClick="updateToppings()">
+                <label for="corn">Corn</label> <br>
+                <input type="checkbox" class="BlackOlives" id="blackOlives" name="toppings" value="Black Olives"
+                    onClick="updateToppings()"> <label for="blackOlives">Black Olives</label>
+                <input type="checkbox" class="GreenOlives" id="greenOlives" name="toppings" value="Green Olives"
+                    onClick="updateToppings()"> <label for="greenOlives">Green Olives</label>
+                <input type="checkbox" class="JalapenoPeppers" id="jalapenoPeppers" name="toppings"
+                    value="Jalapeno Peppers" onClick="updateToppings()"> <label for="jalapenoPeppers">Jalapeno
+                    Peppers</label>
+                <input type="checkbox" class="BananaPeppers" id="bananaPeppers" name="toppings" value="Banana Peppers"
+                    onClick="updateToppings()"> <label for="bananaPeppers">Banana Peppers</label>
+            </div>
+            <div class="specialInstructions">
+                <label>Special Instructions:</label><br />
+                <input type="radio" name="done" value="Well Done" onclick="updateInstructionsDone()"> Well Done
+                <input type="radio" name="done" value="Lightly Done" onclick="updateInstructionsDone()"> Lightly Done
+            </div>
+            <div class="delivery">
+                <label>Delivery or Pickup?</label><br>
+                <input type="radio" name="delivery" value="Delivery" onclick="updateDelivery()"> <i
+                    class="fas fa-biking" style="color: green;"></i> Delivery<b style="color: green;"> (FREE!)</b>
+                <input type="radio" name="delivery" value="Pick Up" onclick="updateDelivery()"> <i class="fas fa-store"
+                    style="color: green;"></i>
+                Pick Up
+            </div>
+            <div class="theCoupon" id="couponArea">
+                <br /><input type="text" id="aCoupon" class="couponBox" placeholder="Add Coupon">
+                <button type="button" class="couponAdd btn" id="couponAdd" value="applyCoupon"
+                    onClick="applyCoupon()">Apply</button>
+                <p class="couponAfter" id="couponAfter" style="display: none">Coupon Applied!</p>
+            </div>
+        </div>
+        <div>
+            <div class="pizzaImage" id="pizzaImage">
+                <img class="pizzaBase" src="Pizza-Base.png">
+                <img class="pizzaBase" src="Pizza-Cheese.png">
+                <img class="pizzaToppings" src="Banana Peppers.png" id="BananaPeppers" style="opacity: 0;">
+                <img class="pizzaToppings" src="Black Olives.png" id="BlackOlives" style="opacity: 0;">
+                <img class="pizzaToppings" src="Corn.png" id="Corn" style="opacity: 0;">
+                <img class="pizzaToppings" src="Green Olives.png" id="GreenOlives" style="opacity: 0;">
+                <img class="pizzaToppings" src="Green Peppers.png" id="GreenPeppers" style="opacity: 0;">
+                <img class="pizzaToppings" src="Jalapeno Peppers.png" id="JalapenoPeppers" style="opacity: 0;">
+                <img class="pizzaToppings" src="Onions.png" id="Onions" style="opacity: 0;">
+                <img class="pizzaToppings" src="Pineapple.png" id="Pineapple" style="opacity: 0;">
+                <img class="pizzaToppings" src="Tomato.png" id="Tomato" style="opacity: 0;">
+            </div>
+        </div>
+
+    </div>
+    <div class="reviewOrderHide" id="reviewOrder">
+        <h1 class="orderAfter" id="orderAfter">Review Your Order:</h1>
+        <div id="reviewSize">
+            <label>Size:</label><br />
+            <b id="sizeChoice"></b>
+        </div>
+        <div id="reviewCrust">
+            <label>Crust:</label><br />
+            <b id="crustChoice"></b>
+        </div>
+        <div id="reviewSauce">
+            <label>Sauce:</label><br />
+            <b id="sauceChoice"></b>
+        </div>
+        <div id="reviewCheese">
+            <label>Cheese:</label><br />
+            <b id="cheeseChoice"></b>
+        </div>
+        <div id="reviewToppings">
+            <label>Toppings:</label><br />
+            <b id="toppingsChoice"></b>
+        </div>
+        <div id="reviewInstructions">
+            <label>Special Instructions:</label><br />
+            <b id="instructionsChoice"></b>
+        </div>
+        <div id="reviewDelivery">
+            <b id="deliveryChoice"></b><br />
+        </div>
+        <div id="reviewCoupon">
+            <b id="couponChoice" class="couponChoice"></b>
+        </div>
+    </div>
+    <div class="thePrice">
+        <b>Price:</b><b id="aPrice" class="priceText"></b>
+    </div>
+    <div class="submitOrder" id="submitOrder">
+        <button type="button" class="orderAfterBtn btn" id="orderAfterBtn" value="orderAfterBtn"
+            onClick="submitOrder()">Submit Order</button>
+    </div>
+    <div class="editOrder" id="editOrder">
+        <button type="button" class="editOrderBtn btn" id="editOrderBtn" value="editOrderBtn" onClick="editOrder()">Edit
+            Order</button>
+    </div>
+    </div>
+
+    <div class="footer">
+        <div class="contact-details">
+            <strong>Canadorio Pizza</strong><br /> 60 Commerce Crescent<br /> Room E208<br /> North Bay, ON &nbsp; P1B
+            8G4<br /><br />
+            <a class="black" href="tel:7051234567">705-123-4567</a><br /><br />
+            <a href="mailto:service@canadorinopizza.ca">service@canadoriopizza.ca</a>
+            <br /><br />
+            <span class="socialicons"><i class="fab fa-facebook-square"></i> <i class="fab fa-instagram"></i> <i
+                    class="fab fa-twitter-square"></i></span>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/Canadorio-Logo.png b/Canadorio-Pizza-Website/Canadorio-Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..999e77f1d60f9110a17a88ccf845082fde401d58
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Contact-Us.css b/Canadorio-Pizza-Website/Contact-Us.css
new file mode 100644
index 0000000..f0d84a6
--- /dev/null
+++ b/Canadorio-Pizza-Website/Contact-Us.css
@@ -0,0 +1,103 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
+
+* {
+	margin:0;
+	padding:0;
+	box-sizing:border-box;
+	-webkit-box-sizing:border-box;
+	-moz-box-sizing:border-box;
+	text-rendering:optimizeLegibility;
+}
+.contactForm {
+	max-width:400px;
+	width:100%;
+	margin:0 auto;
+	position:relative;
+}
+
+#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }
+
+#contact {
+	background:#F9F9F9;
+	padding:25px;
+	margin:50px 0;
+}
+
+#contact h3 {
+	color: #EF4137;
+	display: block;
+	font-size: 30px;
+	font-weight: 400;
+}
+
+#contact h4 {
+	margin:5px 0 15px;
+	display:block;
+	font-size:13px;
+}
+
+fieldset {
+	border: medium none !important;
+	margin: 0 0 10px;
+	min-width: 100%;
+	padding: 0;
+	width: 100%;
+}
+
+#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
+	width:100%;
+	border:1px solid #CCC;
+	background:#FFF;
+	margin:0 0 5px;
+	padding:10px;
+}
+
+#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
+	-webkit-transition:border-color 0.3s ease-in-out;
+	-moz-transition:border-color 0.3s ease-in-out;
+	transition:border-color 0.3s ease-in-out;
+	border:1px solid #AAA;
+}
+
+#contact textarea {
+	height:100px;
+	max-width:100%;
+  	resize:none;
+}
+
+#contact button[type="submit"] {
+	cursor:pointer;
+	width:100%;
+	border:none;
+	background:rgba(34,139,34, 0.9);
+	color:#FFF;
+	margin:0 0 5px;
+	padding:10px;
+	font-size:15px;
+}
+
+#contact button[type="submit"]:hover {
+	background:#EF4137;
+	-webkit-transition:background 0.3s ease-in-out;
+	-moz-transition:background 0.3s ease-in-out;
+	transition:background-color 0.3s ease-in-out;
+}
+
+#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }
+
+#contact input:focus, #contact textarea:focus {
+	outline:0;
+	border:1px solid #999;
+}
+::-webkit-input-placeholder {
+ color:#888;
+}
+:-moz-placeholder {
+ color:#888;
+}
+::-moz-placeholder {
+ color:#888;
+}
+:-ms-input-placeholder {
+ color:#888;
+}
diff --git a/Canadorio-Pizza-Website/Contact-Us.html b/Canadorio-Pizza-Website/Contact-Us.html
new file mode 100644
index 0000000..05aad1b
--- /dev/null
+++ b/Canadorio-Pizza-Website/Contact-Us.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
+  <script src="https://kit.fontawesome.com/336de93654.js"></script>
+  <title>Contact Us</title>
+  <link rel="stylesheet" href="Contact-Us.css">
+  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="Menu.css">
+  <script src="script.js" defer></script>
+</head>
+
+<body>
+  <div class="header">
+    <div class="menuIcon"><span class="menuTxt" onclick="openNav()"><i class="fas fa-bars"></i> Menu</span></div>
+    <div id="logo"><img src="Canadorio-Logo.png" alt="Candorio Pizza Logo."
+        style="max-width: 400px; padding-top: 47px;">
+    </div>
+    <div class="menu overlay" style="text-align:center;" id="myNav">
+      <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+      <div class="overlay-content" style="text-align: center;">
+        <ul>
+          <li><a href="index.html">Home</a></li><br />
+          <li><a href="BuildPizzaUpdated.html">Build Your Own Pizza</a></li><br />
+          <li><a href="specials.html">Specials</a></li><br />
+          <li><a href="Contact-Us.html">Contact Us</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="contactForm">
+    <form id="contact" action="" method="post">
+      <h3>Contact Us</h3>
+      <h4>Contact us today, and get reply with in 24 hours!</h4>
+      <fieldset>
+        <input placeholder="Your name" type="text" tabindex="1" required autofocus>
+      </fieldset>
+      <fieldset>
+        <input placeholder="Your Email Address" type="email" tabindex="2" required>
+      </fieldset>
+      <fieldset>
+        <input placeholder="Your Phone Number" type="tel" tabindex="3" required>
+      </fieldset>
+      <fieldset>
+        <textarea placeholder="Type your Message Here...." tabindex="5" required></textarea>
+      </fieldset>
+      <fieldset>
+        <button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Submit</button>
+      </fieldset>
+    </form>
+  </div>
+  <div class="footer">
+    <div class="contact-details">
+      <strong>Canadorio Pizza</strong><br />
+      60 Commerce Crescent<br />
+      Room E208<br />
+      North Bay, ON &nbsp; P1B 8G4<br /><br />
+      <a class="black" href="tel:7051234567">705-123-4567</a><br /><br />
+      <a href="mailto:service@canadorinopizza.ca">service@canadoriopizza.ca</a>
+      <br /><br />
+      <span class="socialicons"><i class="fab fa-facebook-square"></i> <i class="fab fa-instagram"></i> <i
+          class="fab fa-twitter-square"></i></span>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/Corn.png b/Canadorio-Pizza-Website/Corn.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6e927a979f908d8e018818b2f39dc8e5d050d42
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Green Olives.png b/Canadorio-Pizza-Website/Green Olives.png
new file mode 100644
index 0000000000000000000000000000000000000000..924056113dc2aa59f1d6abc78ff5ba5885e93dc4
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Green Peppers.png b/Canadorio-Pizza-Website/Green Peppers.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd3e983f74104ac2781f272746d309c74afee123
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Jalapeno Peppers.png b/Canadorio-Pizza-Website/Jalapeno Peppers.png
new file mode 100644
index 0000000000000000000000000000000000000000..078f215e0ea038dec0ec7735caafe9eefe76792e
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Menu.css b/Canadorio-Pizza-Website/Menu.css
new file mode 100644
index 0000000..20c068e
--- /dev/null
+++ b/Canadorio-Pizza-Website/Menu.css
@@ -0,0 +1,69 @@
+
+.overlay {
+    height: 100%;
+    width: 0;
+    position: fixed;
+    z-index: 11;
+    top: 0;
+    left: 0;
+    background-color: rgb(34,139,34);
+    background-color: rgba(34,139,34, 0.9);
+    overflow-x: hidden;
+    transition: 0.5s;
+    text-align: center;
+  }
+  
+  .overlay-content {
+    position: relative;
+    top: 25%;
+    width: 100%;
+    text-align: center;
+    margin-top: 30px;
+  }
+  
+  .overlay a {
+    padding: 8px;
+    text-decoration: none;
+    font-size: 36px;
+    color: white;
+    display: block;
+    transition: 0.3s;
+  }
+  
+  .overlay a:hover, .overlay a:focus {
+    color: #f1f1f1;
+  }
+  
+  .overlay .closebtn {
+    position: absolute;
+    top: 20px;
+    right: 45px;
+    font-size: 60px;
+  }
+  
+  @media screen and (max-height: 450px) {
+    .overlay a {font-size: 20px}
+    .overlay .closebtn {
+    font-size: 40px;
+    top: 15px;
+    right: 35px;
+    }
+  }
+  
+  .menuIcon{
+    position: fixed;
+    font-size:30px;
+    cursor:pointer;  
+    width: 100%;
+    top: 0;
+    left: 0;
+    background-color: white;
+    z-index: 10;
+    box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);
+    border-bottom: 1px solid rgba(0,0,0,0.13);
+  }
+  
+  .menuTxt{
+    position: relative;
+    right: 691px;
+  }
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/Onions.png b/Canadorio-Pizza-Website/Onions.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4cb44630f9eefb21e89a81761cb43135dba7958
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Pineapple.png b/Canadorio-Pizza-Website/Pineapple.png
new file mode 100644
index 0000000000000000000000000000000000000000..13c57875c4a3dd57f32e8e944b6543d2f8c15d23
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Pizza-Base.png b/Canadorio-Pizza-Website/Pizza-Base.png
new file mode 100644
index 0000000000000000000000000000000000000000..c27ee066025dcfa8ad8277b7e69aeaf8af0fd896
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Pizza-Cheese.png b/Canadorio-Pizza-Website/Pizza-Cheese.png
new file mode 100644
index 0000000000000000000000000000000000000000..e09f389778419c90cf1d1bd5eaed3b8312be5421
GIT binary patch
diff --git a/Canadorio-Pizza-Website/Tomato.png b/Canadorio-Pizza-Website/Tomato.png
new file mode 100644
index 0000000000000000000000000000000000000000..735bda1a73e6f1e23cdb7333d476eb06b3c31a26
GIT binary patch
diff --git a/Canadorio-Pizza-Website/cornm.svg b/Canadorio-Pizza-Website/cornm.svg
new file mode 100644
index 0000000..ac5f760
--- /dev/null
+++ b/Canadorio-Pizza-Website/cornm.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="978.000000pt" height="1280.000000pt" viewBox="0 0 978.000000 1280.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.15, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2375 12794 c-596 -33 -1156 -159 -1505 -339 -181 -94 -362 -259
+-485 -445 -207 -311 -318 -684 -367 -1230 -16 -185 -16 -870 0 -1120 7 -102
+21 -315 32 -475 11 -159 24 -387 30 -505 5 -118 12 -244 16 -280 6 -72 38
+-221 54 -250 7 -13 5 -38 -7 -87 -24 -94 -24 -466 1 -678 69 -605 176 -1239
+331 -1970 122 -572 214 -944 287 -1155 50 -143 50 -147 58 -310 9 -169 29
+-304 80 -517 109 -457 350 -1133 650 -1823 402 -923 711 -1441 922 -1542 167
+-81 436 -88 658 -17 105 34 296 132 420 215 106 71 1501 1148 1895 1463 292
+234 509 460 584 610 22 42 77 105 218 246 812 818 2032 2594 2182 3179 15 60
+40 110 119 239 601 977 876 1520 1066 2104 246 758 216 1359 -92 1814 -397
+588 -1097 1160 -2005 1635 -1274 667 -2756 1096 -4217 1219 -176 15 -774 27
+-925 19z"/>
+</g>
+</svg>
diff --git a/Canadorio-Pizza-Website/index.html b/Canadorio-Pizza-Website/index.html
new file mode 100644
index 0000000..7339e96
--- /dev/null
+++ b/Canadorio-Pizza-Website/index.html
@@ -0,0 +1,136 @@
+<!--
+Author: Rishit Patel
+Date: Sep 25, 2019
+Description: Canadorio Assignment
+-->
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
+	<script src="https://kit.fontawesome.com/336de93654.js"></script>
+	<title>Canadorio Pizza</title>
+	<link rel="stylesheet" href="style.css">
+	<script src="script.js" defer></script>
+	<script src="pizza-slider.js" defer></script>
+	<link rel="stylesheet" href="pizza-slider.css">
+	<link rel="stylesheet" href="Menu.css">
+</head>
+
+<body onload="showSlides()">
+	<div class="header">
+		<div class="menuIcon"><span class="menuTxt" onclick="openNav()"><i class="fas fa-bars"></i> Menu</span></div>
+		<div id="logo"><img src="Canadorio-Logo.png" alt="Candorio Pizza Logo."
+				style="max-width: 400px; padding-top:40px;"></div>
+
+		<div class="menu overlay" style="text-align:center;" id="myNav">
+			<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+			<div class="overlay-content" style="text-align: center;">
+				<ul>
+					<li><a href="index.html">Home</a></li><br />
+					<li><a href="BuildPizzaUpdated.html">Build Your Own Pizza</a></li><br />
+					<li><a href="specials.html">Specials</a></li><br />
+					<li><a href="Contact-Us.html">Contact Us</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+	<div class="pizzaSlider slideDown" id="pizzaSlider">
+		<!-- Slideshow container -->
+		<div class="slideshow-container">
+
+			<!-- Full-width images with number and caption text -->
+			<div class="mySlides fade">
+				<div class="numbertext">1 / 3</div>
+				<img src="pizza-banners-a.png" style="width: 100%;">
+				<div class="text rightText">
+					<span class="bigSliderText">FANTASTIC FRIDAY!</span><br>
+					<span><b>BUY 1 GET 1 FREE!</b></span>
+				</div>
+			</div>
+
+			<div class="mySlides fade">
+				<div class="numbertext">2 / 3</div>
+				<img src="pizza-banners-b.png" style="width: 100%;">
+				<div class="text rightText">
+					<span class="bigSliderText">EVERYDAY VALUE COMBOS</span><br>
+					<span><b>Starting @$9<sup>.99</sup></b></span>
+				</div>
+			</div>
+
+			<div class="mySlides fade">
+				<div class="numbertext">3 / 3</div>
+				<img src="pizza-banners-c.png" style="width: 100%;">
+				<div class="text leftText">
+					<span class="bigSliderText">EAT HEALTHY!</span><br>
+					<span><b>Salads and Stuff, You know🤷‍♂️</b></span>
+				</div>
+			</div>
+
+			<!-- Next and previous buttons -->
+			<a class="prev" onclick="plusSlides(-1)"><i style="transform: rotate(45deg);"
+					class="fas fa-pizza-slice"></i></a>
+			<a class="next" onclick="plusSlides(1)"><i style="transform: rotate(-135deg);"
+					class="fas fa-pizza-slice"></i></a>
+		</div>
+		<br>
+
+		<!-- The dots/circles -->
+		<div style="text-align:center">
+			<span class="dot" onclick="currentSlide(1)"></span>
+			<span class="dot" onclick="currentSlide(2)"></span>
+			<span class="dot" onclick="currentSlide(3)"></span>
+		</div>
+	</div>
+	<div class="content">
+		<h1 style="text-align:center;margin:40px 0 40px 0;" class="uppercase">North Bay's Best Pizza</h1>
+		<div style="text-align: center;">
+			<div style="display: inline-block;">
+				<div class="pizzacontainer">
+					<img src="pizza-1.jpg" alt="Pizza 1" class="pizzaimage">
+					<div class="pizzaoverlay">
+						<div class="pizzatext">Scotch Bonet Chicken Price: $8.<sup>99</sup></div>
+					</div>
+				</div>
+
+				<div class="pizzacontainer">
+					<img src="pizza-2.jpg" alt="Pizza 2" class="pizzaimage">
+					<div class="pizzaoverlay">
+						<div class="pizzatext">Ham-Chovie Delight Price: $14.<sup>99</sup></div>
+					</div>
+				</div>
+
+				<div class="pizzacontainer" style="clear:both;">
+					<img src="pizza-3.jpg" alt="Pizza 3" class="pizzaimage">
+					<div class="pizzaoverlay">
+						<div class="pizzatext">Mambo #5 Price: $9.<sup>99</sup></div>
+					</div>
+				</div>
+
+				<div class="pizzacontainer">
+					<img src="pizza-4.jpg" alt="Pizza 4" class="pizzaimage">
+					<div class="pizzaoverlay">
+						<div class="pizzatext">Mediterranean Price: $11.<sup>99</sup></div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<div class="footer">
+		<div class="contact-details">
+			<strong>Canadorio Pizza</strong><br />
+			60 Commerce Crescent<br />
+			Room E208<br />
+			North Bay, ON &nbsp; P1B 8G4<br /><br />
+			<a class="black" href="tel:7051234567">705-123-4567</a><br /><br />
+			<a href="mailto:service@canadorinopizza.ca">service@canadoriopizza.ca</a>
+			<br /><br />
+			<span class="socialicons"><i class="fab fa-facebook-square"></i> <i class="fab fa-instagram"></i> <i
+					class="fab fa-twitter-square"></i></span>
+		</div>
+	</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/pizza-1.jpg b/Canadorio-Pizza-Website/pizza-1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b406920af5fefea6fc6d653ce962e411da4e6ba6
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-2.jpg b/Canadorio-Pizza-Website/pizza-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d7164300d09214fd2ce7475d8cfdbd253da01b42
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-3.jpg b/Canadorio-Pizza-Website/pizza-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5c070d41c22b6800c408d845307f23fd781411e8
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-4.jpg b/Canadorio-Pizza-Website/pizza-4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..aa89504098fa435a16708f5798f263dc65b06230
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-banners-a.png b/Canadorio-Pizza-Website/pizza-banners-a.png
new file mode 100644
index 0000000000000000000000000000000000000000..a44077051f5defc10864851adfbf879fc5fb3722
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-banners-b.png b/Canadorio-Pizza-Website/pizza-banners-b.png
new file mode 100644
index 0000000000000000000000000000000000000000..c145683263faa593ab00cb8e6dd44d02fe7108a7
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-banners-c.png b/Canadorio-Pizza-Website/pizza-banners-c.png
new file mode 100644
index 0000000000000000000000000000000000000000..49a82be882e6ff8f61a99cdea20989f659226506
GIT binary patch
diff --git a/Canadorio-Pizza-Website/pizza-slider.css b/Canadorio-Pizza-Website/pizza-slider.css
new file mode 100644
index 0000000..1f7da72
--- /dev/null
+++ b/Canadorio-Pizza-Website/pizza-slider.css
@@ -0,0 +1,118 @@
+* {box-sizing:border-box}
+
+/* Slideshow container */
+.slideshow-container {
+  max-width: 1000px;
+  max-height: 321px;
+  position: relative;
+  margin: auto;
+}
+
+/* Hide the images by default */
+.mySlides {
+  display: none;
+}
+
+/* Next & previous buttons */
+.prev, .next {
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  margin-top: -21px;
+  padding: 16px;
+  color: white;
+  font-weight: bold;
+  font-size: 18px;
+  transition: 0.6s ease;
+  border-radius: 0 3px 3px 0;
+  user-select: none;
+}
+
+/* Position the "next button" to the right */
+.next {
+  right: 0;
+  border-radius: 3px 0 0 3px;
+}
+
+/* On hover, add a black background color with a little bit see-through */
+.prev:hover, .next:hover {
+  background-color: rgba(0,0,0,0.8);
+}
+
+/* Caption text */
+.text {
+  color: #f2f2f2;
+  font-size: 15px;
+  padding: 8px 12px;
+  position: absolute;
+  bottom: 8px;
+  width: 100%;
+  text-align: center;
+}
+
+/* Number text (1/3 etc) */
+.numbertext {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
+
+/* The dots/bullets/indicators */
+.dot {
+  cursor: pointer;
+  height: 15px;
+  width: 15px;
+  margin: 0 2px;
+  background-color: #bbb;
+  border-radius: 50%;
+  display: inline-block;
+  transition: background-color 0.6s ease;
+}
+
+.active, .dot:hover {
+  background-color: #717171;
+}
+
+/* Fading animation */
+.fade {
+  -webkit-animation-name: fade;
+  -webkit-animation-duration: 1.5s;
+  animation-name: fade;
+  animation-duration: 1.5s;
+}
+
+@-webkit-keyframes fade {
+  from {opacity: .4}
+  to {opacity: 1}
+}
+
+@keyframes fade {
+  from {opacity: .4}
+  to {opacity: 1}
+}
+
+.pizzaSlider {
+  position: relative;
+}
+
+.rightText {
+    position: relative;
+    bottom: 217px;
+    left: 147px;
+}
+
+.leftText {
+  position: relative;
+  bottom: 217px;
+  right: 147px;
+}
+
+.bigSliderText {
+    font-size: 51px;
+    font-weight: bolder;
+}
+
+
diff --git a/Canadorio-Pizza-Website/pizza-slider.js b/Canadorio-Pizza-Website/pizza-slider.js
new file mode 100644
index 0000000..9b60a7c
--- /dev/null
+++ b/Canadorio-Pizza-Website/pizza-slider.js
@@ -0,0 +1,36 @@
+var slideIndex = 1;
+showSlides(slideIndex);
+
+document.addEventListener('DOMContentLoaded', function () {
+    setTimeout(function () {
+        //var elem = document.getElementById("pizzaSlider");
+        //elem.classList.add("slideDown");
+        document.getElementById('pizzaSlider').className = 'slideDown';
+    }, 3000);
+}, false);
+
+// Next/previous controls
+function plusSlides(n) {
+    showSlides(slideIndex += n);
+}
+
+// Thumbnail image controls
+function currentSlide(n) {
+    showSlides(slideIndex = n);
+}
+
+function showSlides(n) {
+    var i;
+    var slides = document.getElementsByClassName("mySlides");
+    var dots = document.getElementsByClassName("dot");
+    if (n > slides.length) { slideIndex = 1 }
+    if (n < 1) { slideIndex = slides.length }
+    for (i = 0; i < slides.length; i++) {
+        slides[i].style.display = "none";
+    }
+    for (i = 0; i < dots.length; i++) {
+        dots[i].className = dots[i].className.replace(" active", "");
+    }
+    slides[slideIndex - 1].style.display = "block";
+    dots[slideIndex - 1].className += " active";
+}
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/script.js b/Canadorio-Pizza-Website/script.js
new file mode 100644
index 0000000..66ec75d
--- /dev/null
+++ b/Canadorio-Pizza-Website/script.js
@@ -0,0 +1,183 @@
+/*
+Author: Rishit Patel
+Date: Oct 18, 2019
+Description: Build Pizza Assignment JavaScript
+*/
+var sizePrice = 0;
+var toppingPrice = 1;
+var crustPrice = 0;
+var saucePrice = 0;
+var toppingsCount = 0;
+var totalPrice = 0;
+var totalPrice1 = 0;
+var sizeSelection = 0;
+var crustSelection = 0;
+var sauceSelection = 0;
+var couponVal = 1;
+var toppingsSelection = [];
+var cheeseSelection = "";
+var instructionsSelectionDone = "";
+var deliverySelection = 0;
+var couponSelection = "No coupon applied! You save 0$!! So sad!";
+var aSize = 0;
+var aCrust = 0;
+var aSauce = 0;
+var chckbox = 0;
+var img = 0;
+var src = 0;
+//updateSize function to set price for size
+function updateSize(aSize) {
+  if (aSize == "small") {
+    toppingPrice = 1;
+    sizePrice = 3.99;
+  } else if (aSize == "medium") {
+    toppingPrice = 1.5;
+    sizePrice = 5.99;
+  } else if (aSize == "large") {
+    toppingPrice = 2;
+    sizePrice = 7.99;
+  } else if (aSize == "xlarge") {
+    toppingPrice = 2.5;
+    sizePrice = 9.99;
+  }
+  //for order review
+  sizeSelection = document.querySelector("input[name=size]:checked").value;
+  document.getElementById("sizeChoice").innerHTML = sizeSelection;
+  //calling setPrice function
+  setPrice();
+}
+//updateCrust function to set price for crust
+function updateCrust(aCrust) {
+  if (aCrust == "thick") {
+    crustPrice = 1;
+    crustSelection = "Thick Crust";
+  } else if (aCrust == "thin") {
+    crustPrice = -1;
+    crustSelection = "Thin Crust";
+  } else if (aCrust == "regular") {
+    crustPrice = 0;
+    crustSelection = "Regular Crust";
+  }
+  //for order review
+  crustSelection = document.querySelector("input[name=crust]:checked").value;
+  document.getElementById("crustChoice").innerHTML = crustSelection;
+  //calling setPrice function
+  setPrice();
+}
+//updateSauce function to set price for sauce
+function updateSauce(aSauce) {
+  if (aSauce == "noSauce") {
+    saucePrice = 0;
+  } else {
+    saucePrice = 1;
+  }
+  //for order review
+  sauceSelection = document.querySelector("input[name=sauce]:checked").value;
+  document.getElementById("sauceChoice").innerHTML = sauceSelection;
+  //calling setPrice function
+  setPrice();
+}
+//updateToppings function to set price for toppings
+function updateToppings() {
+  var i = 0;
+  var theToppings = 0;
+  toppingsSelection = [];
+  theToppings = document.getElementsByName("toppings");
+  toppingsCount = 0;
+  theToppings[i] = 0;
+  for (i = 0; i < theToppings.length; i++) {
+    if (theToppings[i].checked == true) {
+      toppingsSelection = toppingsSelection + theToppings[i].value + "<br>";
+      toppingsCount++;
+      document.getElementById(theToppings[i].className).style.opacity = 1;
+    }
+    else {
+      document.getElementById(theToppings[i].className).style.opacity = 0;
+    }
+    //calling setPrice function
+    setPrice();
+    //for order review
+    document.getElementById("toppingsChoice").innerHTML = toppingsSelection;
+  }
+
+}
+//applyCoupon function to change price when coupon is applied
+function applyCoupon() {
+  document.getElementById("couponChoice").innerHTML = couponSelection;
+  setPrice();
+  var couponTxt = document.getElementById("aCoupon").value.toUpperCase();
+  if (couponTxt == "SAVE10") {
+    couponVal = 0.9;
+    //document.getElementById("aCoupon").style.display = "none";
+    //document.getElementById("couponAdd").style.display = "none";
+    document.getElementById("couponAfter").style.display = "block";
+    couponSelection = "Congratulations! You saved " + (totalPrice1 * 0.10).toFixed(2) + "$ on your order because you used SAVE10 coupon code!" + "<br /><br />";
+  }
+  else if (couponTxt == "SAVE25") {
+    couponVal = 0.75;
+    //document.getElementById("aCoupon").style.display = "none";
+    //document.getElementById("couponAdd").style.display = "none";
+    document.getElementById("couponAfter").style.display = "block";
+    couponSelection = "Congratulations! You saved " + (totalPrice1 * 0.25).toFixed(2) + "$ on your order because you used SAVE25 coupon code!" + "<br /><br />";
+  }
+  else if (couponTxt == "SAVEHALF") {
+    couponVal = 0.5;
+    document.getElementById("couponAfter").style.display = "block";
+    couponSelection = "Congratulations! You saved " + (totalPrice1 * 0.5).toFixed(2) + "$ on your order because you used SAVEHALF coupon code!" + "<br /><br />";
+  }
+  else {
+    couponVal = 1;
+    document.getElementById("couponAfter").style.display = "none";
+    alert("Invalid Coupon Code! Please try again!");
+  }
+  document.getElementById("couponChoice").innerHTML = couponSelection;
+  setPrice();
+}
+//setPrice function to show the price
+function setPrice() {
+  totalPrice1 = (sizePrice + crustPrice + saucePrice + toppingsCount * toppingPrice);
+  totalPrice = (sizePrice + crustPrice + saucePrice + toppingsCount * toppingPrice) * couponVal;
+  totalPrice = new Intl.NumberFormat("en", { style: "currency", currency: "CAD" }).format(totalPrice);
+  document.getElementById("aPrice").innerHTML = totalPrice;
+}
+function updateInstructionsDone() {
+  instructionsSelectionDone = "";
+  instructionsSelectionDone += document.querySelector("input[name=done]:checked").value;
+  document.getElementById("instructionsChoice").innerHTML = instructionsSelectionDone;
+}
+function updateCheese() {
+  cheeseSelection = "";
+  cheeseSelection = document.querySelector("input[name=theCheese]:checked").value;
+  cheeseSelection += "<br />";
+  document.getElementById("cheeseChoice").innerHTML = cheeseSelection;
+}
+function updateDelivery() {
+  deliverySelection = "<br />" + "Your order is for ";
+  deliverySelection += document.querySelector("input[name=delivery]:checked").value;
+  deliverySelection += "<br />";
+  document.getElementById("deliveryChoice").innerHTML = deliverySelection;
+}
+//submitOrder function to change page to review order
+function submitOrder() {
+  document.getElementById("mainArea").style.display = "none";
+  document.getElementById("reviewOrder").className = "reviewOrderShow";
+  document.getElementById("reviewOrder").style.display = "block";
+  document.getElementById("submitOrder").style.display = "none";
+  document.getElementById("editOrder").style.display = "block";
+  //document.getElementById("couponChoice").innerHTML = couponSelection;
+}
+//editOrder function to change page to order page
+function editOrder() {
+  document.getElementById("mainArea").style.display = "block";
+  document.getElementById("reviewOrder").style.display = "none";
+  document.getElementById("submitOrder").style.display = "block";
+  document.getElementById("editOrder").style.display = "none";
+}
+
+function openNav() {
+  document.getElementById("myNav").style.width = "100%";
+}
+
+function closeNav() {
+  document.getElementById("myNav").style.width = "0%";
+}
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/specials.css b/Canadorio-Pizza-Website/specials.css
new file mode 100644
index 0000000..e78ee45
--- /dev/null
+++ b/Canadorio-Pizza-Website/specials.css
@@ -0,0 +1,30 @@
+.accordion {
+    background-color: green;
+    color: white;
+    cursor: pointer;
+    padding: 18px;
+    width: 100%;
+    border: none;
+    text-align: center;
+    outline: none;
+    font-size: 15px;
+    transition: 1s;
+    border-radius: 3px;
+  }
+  
+  .active, .accordion:hover {
+    background-color: green; 
+  }
+  
+  .panel {
+    padding: 0 18px;
+    display: none;
+    background-color: #dddddd;
+    overflow: hidden;
+  }
+
+  .specialsList{
+      text-align: center;
+      width: 40%;
+      margin: auto;
+  }
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/specials.html b/Canadorio-Pizza-Website/specials.html
new file mode 100644
index 0000000..e5aed20
--- /dev/null
+++ b/Canadorio-Pizza-Website/specials.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
+    <script src="https://kit.fontawesome.com/336de93654.js"></script>
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js" defer></script>
+    <link rel="stylesheet" href="specials.css">
+    <script src="specials.js" defer></script>
+    <link rel="stylesheet" href="Menu.css">
+    <title>Specials</title>
+</head>
+
+<body>
+    <div class="header">
+        <div class="menuIcon"><span class="menuTxt" onclick="openNav()"><i class="fas fa-bars"></i> Menu</span></div>
+        <div id="logo"><img src="Canadorio-Logo.png" alt="Candorio Pizza Logo."
+                style="max-width: 400px; padding-top:40px;"></div>
+
+        <div class="menu overlay" style="text-align:center;" id="myNav">
+            <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+            <div class="overlay-content" style="text-align: center;">
+                <ul>
+                    <li><a href="index.html">Home</a></li><br />
+                    <li><a href="BuildPizzaUpdated.html">Build Your Own Pizza</a></li><br />
+                    <li><a href="specials.html">Specials</a></li><br />
+                    <li><a href="Contact-Us.html">Contact Us</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <br>
+    <br>
+    <div class="specialsList">
+        <button class="accordion">Fantastic Friday!</button>
+        <div class="panel">
+            <p>Buy 1 Pizza and Get 1 Pizza on Fridays</p>
+        </div>
+
+        <button class="accordion">Two For One</button>
+        <div class="panel">
+            <p>Buy 2 Pizzas on Price of One on Tuesday!</p>
+        </div>
+
+        <button class="accordion">Everyday Value Combos</button>
+        <div class="panel">
+            <p>Pizza Combos Starting at $9.99</p>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="contact-details">
+            <strong>Canadorio Pizza</strong><br />
+            60 Commerce Crescent<br />
+            Room E208<br />
+            North Bay, ON &nbsp; P1B 8G4<br /><br />
+            <a class="black" href="tel:7051234567">705-123-4567</a><br /><br />
+            <a href="mailto:service@canadorinopizza.ca">service@canadoriopizza.ca</a>
+            <br /><br />
+            <span class="socialicons"><i class="fab fa-facebook-square"></i> <i class="fab fa-instagram"></i> <i
+                    class="fab fa-twitter-square"></i></span>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/specials.js b/Canadorio-Pizza-Website/specials.js
new file mode 100644
index 0000000..ccf77be
--- /dev/null
+++ b/Canadorio-Pizza-Website/specials.js
@@ -0,0 +1,14 @@
+var acc = document.getElementsByClassName("accordion");
+var i;
+
+for (i = 0; i < acc.length; i++) {
+    acc[i].addEventListener("click", function () {
+        this.classList.toggle("active");
+        var panel = this.nextElementSibling;
+        if (panel.style.display === "block") {
+            panel.style.display = "none";
+        } else {
+            panel.style.display = "block";
+        }
+    });
+}
\ No newline at end of file
diff --git a/Canadorio-Pizza-Website/style.css b/Canadorio-Pizza-Website/style.css
new file mode 100644
index 0000000..7c58d58
--- /dev/null
+++ b/Canadorio-Pizza-Website/style.css
@@ -0,0 +1,333 @@
+/*
+Author: Rishit Patel
+Date: Oct 18, 2019
+Description: Build Pizza Assignment Stylesheet
+*/
+
+body {
+  font-family: "Open Sans", sans serif;
+  background-color: white;
+  color: black;
+}
+
+h1 {
+  font-size: 31px;
+}
+
+.header {
+  text-align: center;
+}
+
+.logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  max-width: 100%;
+  height: auto;
+}
+
+.socialicons i {
+  color: black;
+  font-size: 24px;
+  padding: 0px 10px 0px 10px;
+}
+
+.pizzacontainer {
+  position: relative;
+  width: 300px;
+  float: left;
+}
+
+.pizzaimage {
+  display: block;
+}
+
+.pizzaoverlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  transition: .3s ease-in;
+  background-color: green;
+  border-radius: 221px;
+}
+
+.pizzacontainer:hover .pizzaoverlay {
+  opacity: 1;
+}
+
+.pizzatext {
+  color: white;
+  font-size: 20px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  /* for older browsers */
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  text-align: center;
+  font-size: 24px;
+}
+
+sup {
+  font-size: 12px;
+}
+
+
+.black:link {
+  color: black;
+}
+
+.content {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.footer {
+  text-align: center;
+  padding: 30px 0 30px 0;
+}
+
+a:link,
+a:visited,
+a:active {
+  text-decoration: none;
+}
+
+a:hover {
+  color: red;
+  text-decoration: none;
+}
+
+.btn {
+  font-family: "Open Sans", sans serif;
+  border: 1px solid green;
+  background: none;
+  padding: 10px 20px;
+  font-size: 20px;
+  cursor: pointer;
+  margin: 10px;
+  transition: 0.5s;
+  position: relative;
+  overflow: hidden;
+  border-radius: 71px;
+}
+
+.buildTitle{
+  text-align: center;
+}
+
+.btn::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 191%;
+  height: 0%;
+  background:green;
+  z-index: -1;
+  transition: 0.5s;
+  bottom: 0;
+  border-radius: 60% 60% 0 0;
+}
+
+.btn:hover {
+  color: white;
+}
+
+.btn:hover::before {
+  height: 151%;
+}
+
+.chooseArea {
+  display: block;
+  margin-left: 71px;
+  margin-right: auto;
+  text-align: left;
+  float: left;
+}
+
+.chooseSize {
+  display: block;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+.chooseCrust {
+  display: block;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+.chooseSauce {
+  display: block;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+.chooseToppings {
+  display: block;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+.specialInstructions {
+  display: block;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+.delivery {
+  display: block;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+.pizzaImage{
+  height: 511px;
+  width: 511px;
+  float: right;
+  position: relative;
+}
+
+.pizzaBase{
+  height: 451px;
+  width: 451px;
+  position: absolute;
+  vertical-align: middle;
+  margin-right: 71px;
+  z-index: -1;
+}
+.pizzaToppings{
+  height: 321px;
+  width: 321px;
+  position: absolute;
+  vertical-align: middle;
+  margin-left: 61px;
+  margin-top: 61px;
+}
+
+.theCoupon {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 11px;
+  margin-bottom: 11px;
+  text-align: center;
+  clear: both;
+}
+
+.couponAfter {
+  text-align: center;
+  max-height: 21px;
+  color: green;
+  font-size: 21px;
+  font-weight: bold;
+}
+
+.couponChoice {
+  text-align: center;
+  color: green;
+  font-size: 21px;
+}
+
+.couponBox {
+  height: 44px;
+  width: 251px;
+  font-size: 21px;
+  border-radius: 71px;
+  text-align: center;
+  text-transform: uppercase;
+  color: green;
+  border-color: green;
+}
+
+.thePrice {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  background-color: green;
+  height: 48px;
+  width: 251px;
+  font-size: 31px;
+  color: white;
+  border-radius: 3px;
+  clear: both;
+}
+
+.footer {
+  clear: both;
+}
+
+a:link,
+a:visited,
+a:active {
+  color: green;
+  text-decoration: none;
+}
+
+a:hover {
+  color: red;
+  text-decoration: none;
+}
+
+.menu ul {
+  display: inline-block;
+  list-style-type: none;
+  margin: 0;
+  padding: 30px 0 20px 0;
+  overflow: hidden;
+}
+
+.menu li {
+  float: left;
+  padding: 0 20px 0 20px;
+  text-transform: uppercase;
+}
+
+.socialicons i {
+  font-size: 24px;
+  padding: 0px 10px 0px 10px;
+  color: black;
+}
+
+.reviewOrderHide {
+  display: none;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
+
+.reviewOrderShow {
+  display: none;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
+
+.editOrder {
+  width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  display: none;
+}
+
+.submitOrder {
+  width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}

From 8d92e8cc8354826d1fa341b5279e3d1ddcc213d9 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 01:04:54 -0500
Subject: [PATCH 21/33] Update index.html

---
 index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/index.html b/index.html
index 953abcf..1d8834f 100644
--- a/index.html
+++ b/index.html
@@ -46,6 +46,8 @@
     <div class="mainBody">
         <h1>Projects:</h1>
         <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+        <input type="button" class="myBtn" value="Canadorio Pizza website"
+            onclick="window.open('Canadorio-Pizza-Website/','_blank')">
     </div>
 </body>
 

From 017b69e382b1366eb9a01475bb765ad340b82dfd Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 01:06:29 -0500
Subject: [PATCH 22/33] Update index.html

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 1d8834f..8a52b99 100644
--- a/index.html
+++ b/index.html
@@ -38,6 +38,7 @@
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
+            text-align: center;
         }
     </style>
 </head>

From 273bf951b18387d30be2b7694d926790a1372c7c Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 01:08:00 -0500
Subject: [PATCH 23/33] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8a52b99..b959f26 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,7 @@
 <body>
     <div class="mainBody">
         <h1>Projects:</h1>
-        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')"><br>
         <input type="button" class="myBtn" value="Canadorio Pizza website"
             onclick="window.open('Canadorio-Pizza-Website/','_blank')">
     </div>

From 5c00e24f162a3ab2700c0d6db1b7ea56f69f8f7a Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 01:45:27 -0500
Subject: [PATCH 24/33] Update index.html

---
 index.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b959f26..ee296c5 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,13 @@
             margin: 4px 2px;
             cursor: pointer;
             border-radius: 3px;
+            visibility: visible;
+            animation-duration: 0.5s;
+            animation-name: glowUp;
+        }
+
+        .myBtn:hover {
+            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
         }
 
         .mainBody {
@@ -40,13 +47,26 @@
             transform: translate(-50%, -50%);
             text-align: center;
         }
+
+        @keyframes glowUp {
+            0% {
+                -webkit-transform: translate3d(0, 100%, 0);
+                transform: translate3d(0, 100%, 0);
+                visibility: visible;
+            }
+
+            100% {
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+            }
+        }
     </style>
 </head>
 
 <body>
     <div class="mainBody">
         <h1>Projects:</h1>
-        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')"><br>
+        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
         <input type="button" class="myBtn" value="Canadorio Pizza website"
             onclick="window.open('Canadorio-Pizza-Website/','_blank')">
     </div>

From 4a728ed557f13ad83ea6615b67ecffa4524e311a Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 01:46:00 -0500
Subject: [PATCH 25/33] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ee296c5..f8c77d4 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
 <body>
     <div class="mainBody">
         <h1>Projects:</h1>
-        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')">
+        <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')"><br>
         <input type="button" class="myBtn" value="Canadorio Pizza website"
             onclick="window.open('Canadorio-Pizza-Website/','_blank')">
     </div>

From f8fe41dfc7b279e65c6cfc5224ca246b031b2907 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 02:04:41 -0500
Subject: [PATCH 26/33] Add files via upload

---
 googlee67c4ad91b3efe84.html | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 googlee67c4ad91b3efe84.html

diff --git a/googlee67c4ad91b3efe84.html b/googlee67c4ad91b3efe84.html
new file mode 100644
index 0000000..ed57843
--- /dev/null
+++ b/googlee67c4ad91b3efe84.html
@@ -0,0 +1 @@
+google-site-verification: googlee67c4ad91b3efe84.html
\ No newline at end of file

From 23c1aa85ea69f230ec5c3a0eca472659896354f6 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 02:22:13 -0500
Subject: [PATCH 27/33] Update index.html

---
 index.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f8c77d4..9b422f7 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="https://kit.fontawesome.com/336de93654.js"></script>
     <title>Rishit Patel JavaScript Project</title>
     <style>
         body {
@@ -19,6 +20,10 @@
             background: linear-gradient(90deg, rgba(131, 58, 180, 1) 22%, rgba(94, 69, 224, 1) 100%);
         }
 
+        a {
+            color: white;
+        }
+
         .myBtn {
             background-color: white;
             border: none;
@@ -68,7 +73,11 @@
         <h1>Projects:</h1>
         <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')"><br>
         <input type="button" class="myBtn" value="Canadorio Pizza website"
-            onclick="window.open('Canadorio-Pizza-Website/','_blank')">
+            onclick="window.open('Canadorio-Pizza-Website/','_blank')"><br>
+        <br><a href="https://github.com/imrishit98/" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"
+                style="font-size: 41px;"></i></a><br>
+        <br><b>Made with ❤️ by <a href="https://rishitpatel.com" target="_blank" rel="noopener noreferrer">Rishit
+                Patel</a></b>
     </div>
 </body>
 

From 8d6895d8c13f8747e7d64f7a63bc6ead6d342079 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 12:38:38 -0500
Subject: [PATCH 28/33] Create text.txt

---
 Simple Math Program/text.txt | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 Simple Math Program/text.txt

diff --git a/Simple Math Program/text.txt b/Simple Math Program/text.txt
new file mode 100644
index 0000000..8854453
--- /dev/null
+++ b/Simple Math Program/text.txt	
@@ -0,0 +1,4 @@
+<!-- 
+Author: Rishit Patel
+Date: Sep 27, 2019
+Description: Math Assignment -->

From 127a13759ef37488cdb32ca83617a212e369ab3e Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 12:38:52 -0500
Subject: [PATCH 29/33] Add files via upload

---
 Simple Math Program/index.html | 120 +++++++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 Simple Math Program/index.html

diff --git a/Simple Math Program/index.html b/Simple Math Program/index.html
new file mode 100644
index 0000000..11e34ce
--- /dev/null
+++ b/Simple Math Program/index.html	
@@ -0,0 +1,120 @@
+<!-- 
+Author: Rishit Patel
+Date: Sep 27, 2019
+Description: Math Assignment -->
+<!doctype html>
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<title>Math - Add, substract, divide, multiply numbers.</title>
+	<script>
+		function theMaths() {
+			var firstVal = document.getElementById("firstNumber").value;
+			var secondVal = document.getElementById("secondNumber").value;
+			var optn = document.getElementById("dropdown").value;
+
+			switch (optn) {
+				case "+":
+					document.getElementById("mathAnswer").value = parseFloat(firstVal) + parseFloat(secondVal);
+					break;
+				case "-":
+					document.getElementById("mathAnswer").value = parseFloat(firstVal) - parseFloat(secondVal);
+					break;
+				case "*":
+					document.getElementById("mathAnswer").value = parseFloat(firstVal) * parseFloat(secondVal);
+					break;
+				case "/":
+					document.getElementById("mathAnswer").value = parseFloat(firstVal) / parseFloat(secondVal);
+					break;
+			}
+
+		}
+	</script>
+	<style>
+		body {
+			font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+			color: white;
+			background: rgb(253, 159, 58);
+			background: linear-gradient(337deg, rgba(253, 159, 58, 1) 0%, rgba(251, 126, 68, 1) 32%, rgba(221, 31, 31, 1) 85%);
+		}
+
+		input[type=text] {
+			width: 100%;
+			padding: 12px 20px;
+			margin: 8px 0;
+			box-sizing: border-box;
+			background: transparent;
+			color: white;
+			border-style: solid;
+			border-bottom: 6px solid white;
+			border-top: 0px;
+			border-left: 0px;
+			border-right: 0px;
+			font-size: 21px;
+		}
+
+		.myBtn {
+			background-color: white;
+			border: none;
+			color: black;
+			padding: 5px 15px;
+			text-align: center;
+			text-decoration: none;
+			display: inline-block;
+			font-size: 41px;
+			margin: 4px 2px;
+			cursor: pointer;
+			border-radius: 3px;
+		}
+
+		.mainDiv {
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+			text-align: center;
+		}
+
+		::placeholder {
+			/* Chrome, Firefox, Opera, Safari 10.1+ */
+			color: white;
+			opacity: 0.85;
+			/* Firefox */
+		}
+
+		:-ms-input-placeholder {
+			/* Internet Explorer 10-11 */
+			color: white;
+		}
+
+		::-ms-input-placeholder {
+			/* Microsoft Edge */
+			color: white;
+		}
+
+		input:focus::-webkit-input-placeholder {
+			color: transparent;
+		}
+	</style>
+</head>
+
+<body>
+	<div class="mainDiv">
+		<h1>Simple math program</h1>
+		<input type="text" id="firstNumber" placeholder="First Number"><br>
+		<select id="dropdown" class="myBtn">
+			<option value="+">+</option>
+			<option value="-">-</option>
+			<option value="*">*</option>
+			<option value="/">/</option>
+		</select><br>
+		<input type="text" id="secondNumber" placeholder="Second Number"> <br>
+		<input type="button" id="ansButton" value="=" onClick="theMaths()" class="myBtn" /><br>
+		<input type="text" id="mathAnswer" placeholder="Answer"><br />
+	</div>
+
+
+</body>
+
+</html>
\ No newline at end of file

From 92bd06a04a85a42871696cb4a94170ef78edb7d0 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 12:42:00 -0500
Subject: [PATCH 30/33] Update index.html

---
 index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/index.html b/index.html
index 9b422f7..2997256 100644
--- a/index.html
+++ b/index.html
@@ -74,6 +74,8 @@ <h1>Projects:</h1>
         <input type="button" class="myBtn" value="Hi-Lo game" onclick="window.open('Hi-Lo Game/','_blank')"><br>
         <input type="button" class="myBtn" value="Canadorio Pizza website"
             onclick="window.open('Canadorio-Pizza-Website/','_blank')"><br>
+        <input type="button" class="myBtn" value="Simple Math Program"
+            onclick="window.open('Simple-Math-Program/','_blank')"><br>
         <br><a href="https://github.com/imrishit98/" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"
                 style="font-size: 41px;"></i></a><br>
         <br><b>Made with ❤️ by <a href="https://rishitpatel.com" target="_blank" rel="noopener noreferrer">Rishit

From a0d95b75abf63054e158bc179924e16b5fc97ccf Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 12:45:09 -0500
Subject: [PATCH 31/33] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2997256..a082f67 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,7 @@ <h1>Projects:</h1>
         <input type="button" class="myBtn" value="Canadorio Pizza website"
             onclick="window.open('Canadorio-Pizza-Website/','_blank')"><br>
         <input type="button" class="myBtn" value="Simple Math Program"
-            onclick="window.open('Simple-Math-Program/','_blank')"><br>
+            onclick="window.open('Simple Math Program/','_blank')"><br>
         <br><a href="https://github.com/imrishit98/" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"
                 style="font-size: 41px;"></i></a><br>
         <br><b>Made with ❤️ by <a href="https://rishitpatel.com" target="_blank" rel="noopener noreferrer">Rishit

From b7f4b62ad38f3a4cb812a8c2a78a9b5758c242dc Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Sun, 17 Nov 2019 12:48:35 -0500
Subject: [PATCH 32/33] Update index.html

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index a082f67..ce466c7 100644
--- a/index.html
+++ b/index.html
@@ -39,6 +39,7 @@
             visibility: visible;
             animation-duration: 0.5s;
             animation-name: glowUp;
+            width: 100%;
         }
 
         .myBtn:hover {

From 42635feb3dc9b875a9f479c39e093ccd117e2b59 Mon Sep 17 00:00:00 2001
From: Rishit Patel <49016509+imrishit98@users.noreply.github.com>
Date: Mon, 18 Nov 2019 18:22:33 -0500
Subject: [PATCH 33/33] Create LICENSE

---
 LICENSE | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 LICENSE

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..1625459
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Rishit Patel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
