diff --git a/index.php b/index.php
index d306974..cb55747 100755
--- a/index.php
+++ b/index.php
@@ -4,6 +4,7 @@
     <link rel="stylesheet" href="main.css">
 </head>
     <body>
+        <!-- Titlebar -->
         <form class="search" action="search.php">
             <h1 class="title-text">FightHub</h1>
             <input type="text" name="query" class="search" placeholder="Search..">
diff --git a/main.css b/main.css
index bc0f287..9f88848 100755
--- a/main.css
+++ b/main.css
@@ -3,23 +3,9 @@ body {
 }
 
 
-/* form.search {
-    width: 80%;
-    height: 150px;
-    border: white solid 1px;
-    border-bottom: #727272 solid 2px;
-} */
+/* Styles for titlebar */
 
-/* div.upload {
-    width: 5%;
-    height: 150px;
-    border: white solid 1px;
-    border-bottom: #727272 solid 2px;
-    display: block;
-    float: left;
-} */
-
-form {
+form.search {
     /* border: white solid 1px; */
     height: 150px;
     margin-top: -10px !important;
@@ -27,11 +13,6 @@ form {
     border-bottom: #727272 solid 2px;
 }
 
-/* div.titlebar-container {
-    border: white solid 1px;
-    border-bottom: #727272 solid 2px;
-} */
-
 .title-text {
     float: left;
     margin-top: 26px;
@@ -59,4 +40,28 @@ img.upload {
     /* margin-bottom: -17px; */
     margin-top: 45px;
     float: right;
+}
+
+
+/* Styles for upload.php */
+
+form.upload-form {
+    /* border: white solid 1px; */
+    border-left: #727272 solid 2px;
+    border-right: #727272 solid 2px;
+    margin: 0 25% 0 25%;
+}
+
+.upload-form input, .upload-form textarea, .upload-form select {
+    display: block;
+    margin-left: 20px;
+    /* margin-bottom: 30px; */
+    /* border: white solid 1px; */
+}
+
+.upload-form h3 {
+    color: #FF3D53;
+    /* border: white solid 1px; */
+    margin-bottom: 0px;
+    margin-left: 20px;
 }
\ No newline at end of file
diff --git a/scripts/main.js b/scripts/main.js
new file mode 100644
index 0000000..03a897d
--- /dev/null
+++ b/scripts/main.js
@@ -0,0 +1,6 @@
+
+// Validates the data inputs on the upload form
+function validateUpload() {
+    console.log("Validated!");
+    document.getElementById("upload-form").submit();
+}
\ No newline at end of file
diff --git a/upload.php b/upload.php
new file mode 100644
index 0000000..7bf6d0d
--- /dev/null
+++ b/upload.php
@@ -0,0 +1,63 @@
+<html>
+<head>
+    <title>FightHub - Upload</title>
+    <link rel="stylesheet" href="main.css">
+    <script src="scripts/main.js"></script>
+</head>
+
+<body>
+    <!-- Titlebar -->
+    <form class="search" action="search.php">
+        <h1 class="title-text">FightHub</h1>
+        <input type="text" name="query" class="search" placeholder="Search..">
+        <input type="submit" name="submit" class="submit" value="Search">
+        <a href="upload.php"><img src="images/upload.png" class="upload" alt="upload"></a>
+    </form>
+
+    <!-- submit.php will read the variables from the url and add it to the database -->
+    <form class="upload-form" id="upload-form" action="submit.php">
+
+        <h3>Youtube URL *</h3>
+        <input type="text" name="url" id="url">
+
+        <h3>Name *</h3>
+        <input type="text" name="name" id="name">
+        
+        <h3>Username *</h3>
+        <input type="text" name="username">
+        
+        <h3>Description</h3>
+        <textarea name="description" cols="30" rows="10"></textarea>
+        
+        <h3>Event Date</h3>
+        <input type="date" name="video-date">
+        
+        <h3>Video Length</h3>
+        <input type="text" name="length">
+        
+        <h3>Characters (Seperated by commas) *</h3>
+        <input type="text" name="characters">
+        
+        <h3>Players (Seperated by commas) *</h3>
+        <input type="text" name="players">
+        
+        <h3>Select Game *</h3>
+        <select name="game">
+            <option disabled selected value>-- Game --</option>
+            <option value="Street Fighter V">Street Fighter V</option>
+            <option value="Mortal Kombat 11">Mortal Kombat 11</option>
+            <option value="Super Smash Bros Melee">Super Smash Bros Melee</option>
+            <option value="Super Smash Bros Ultimate">Super Smash Ultimate</option>
+            <option value="Killer Instinct">Killer Instinct</option>
+            <option value="Injustice">Injustice</option>       
+        </select>
+        
+        <h3>Stage Name *</h3>
+        <input type="text" name="stage">
+        
+        
+        <input type="button" name="submit_button" value="Submit" onclick="validateUpload()">
+    </form>
+
+</body>
+</html>
