diff --git a/client/views/Upload.js b/client/views/Upload.js
index 692e74d736a55b0cb936c73f2893073a1d48a17e..df1fa78baec2eddddaa1de049bd57351272b5b80 100644
--- a/client/views/Upload.js
+++ b/client/views/Upload.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import NavBar from '../components/NavBar';
 import Hero from '../components/Hero';
+import Footer from '../components/Footer';
 
 const Upload = () => {
   return (
@@ -10,8 +11,38 @@ const Upload = () => {
         
         <Hero title='Upload' subtitle='Omnomnomnom Exams!' />
 
-        <h1>React Router demo</h1>
-        Hoi dit de Upload
+        <section className="section">
+
+
+          <div className="container">
+            <h1 className='title'>Select your PDF file</h1>
+            <h5 className='subtitle'>And we will take care of the rest</h5>
+            
+            <hr />
+
+            <div className="file">
+              <label className="file-label">
+
+                <input className="file-input" type="file" name="resume" />
+                <span className="file-cta">
+                  <span className="file-icon">
+                    <i className="fa fa-upload"></i>
+                  </span>
+                  <span className="file-label">
+                    Choose a file…
+                  </span>
+                </span>
+
+              </label>
+            </div>
+
+
+          </div>
+
+        </section>
+
+        <Footer />
+
       </div>
   )
 }