diff --git a/web/static/bootstrap/css/bootstrap-grid.css b/web/static/bootstrap/css/bootstrap-grid.css
diff --git a/web/static/bootstrap/css/bootstrap-grid.css.map b/web/static/bootstrap/css/bootstrap-grid.css.map
diff --git a/web/static/bootstrap/css/bootstrap-grid.min.css b/web/static/bootstrap/css/bootstrap-grid.min.css
diff --git a/web/static/bootstrap/css/bootstrap-grid.min.css.map b/web/static/bootstrap/css/bootstrap-grid.min.css.map
diff --git a/web/static/bootstrap/css/bootstrap-reboot.css b/web/static/bootstrap/css/bootstrap-reboot.css
diff --git a/web/static/bootstrap/css/bootstrap-reboot.css.map b/web/static/bootstrap/css/bootstrap-reboot.css.map
diff --git a/web/static/bootstrap/css/bootstrap-reboot.min.css b/web/static/bootstrap/css/bootstrap-reboot.min.css
diff --git a/web/static/bootstrap/css/bootstrap-reboot.min.css.map b/web/static/bootstrap/css/bootstrap-reboot.min.css.map
diff --git a/web/static/bootstrap/css/bootstrap.css b/web/static/bootstrap/css/bootstrap.css
diff --git a/web/static/bootstrap/css/bootstrap.css.map b/web/static/bootstrap/css/bootstrap.css.map
diff --git a/web/static/bootstrap/css/bootstrap.min.css b/web/static/bootstrap/css/bootstrap.min.css
diff --git a/web/static/bootstrap/css/bootstrap.min.css.map b/web/static/bootstrap/css/bootstrap.min.css.map
diff --git a/web/static/bootstrap/fonts/glyphicons-halflings-regular.eot b/web/static/bootstrap/fonts/glyphicons-halflings-regular.eot
diff --git a/web/static/bootstrap/fonts/glyphicons-halflings-regular.svg b/web/static/bootstrap/fonts/glyphicons-halflings-regular.svg
diff --git a/web/static/bootstrap/fonts/glyphicons-halflings-regular.ttf b/web/static/bootstrap/fonts/glyphicons-halflings-regular.ttf
diff --git a/web/static/bootstrap/fonts/glyphicons-halflings-regular.woff b/web/static/bootstrap/fonts/glyphicons-halflings-regular.woff
diff --git a/web/static/bootstrap/fonts/glyphicons-halflings-regular.woff2 b/web/static/bootstrap/fonts/glyphicons-halflings-regular.woff2
diff --git a/web/static/bootstrap/js/bootstrap.js b/web/static/bootstrap/js/bootstrap.js
diff --git a/web/static/bootstrap/js/bootstrap.min.js b/web/static/bootstrap/js/bootstrap.min.js
diff --git a/web/static/bootstrap/js/tether.js b/web/static/bootstrap/js/tether.js
diff --git a/web/public/camera.js → web/static/camera.js b/web/public/camera.js → web/static/camera.js
diff --git a/web/static/css/base.css b/web/static/css/base.css
diff --git a/web/static/css/index.css b/web/static/css/index.css
diff --git a/web/static/imgs/icons/facebook.png b/web/static/imgs/icons/facebook.png
diff --git a/web/static/imgs/icons/instagram.png b/web/static/imgs/icons/instagram.png
diff --git a/web/static/imgs/icons/twitter.png b/web/static/imgs/icons/twitter.png
diff --git a/web/static/imgs/index/1.jpg b/web/static/imgs/index/1.jpg
diff --git a/web/static/imgs/index/2.jpg b/web/static/imgs/index/2.jpg
diff --git a/web/static/imgs/index/3.jpg b/web/static/imgs/index/3.jpg
diff --git a/web/static/imgs/loading.gif b/web/static/imgs/loading.gif
diff --git a/web/static/imgs/logos/main.png b/web/static/imgs/logos/main.png
diff --git a/web/static/js/index.js b/web/static/js/index.js
diff --git a/web/static/js/jquery.js b/web/static/js/jquery.js
diff --git a/web/static/js/transit.js b/web/static/js/transit.js
diff --git a/web/public/main.css → web/static/main.css b/web/public/main.css → web/static/main.css
diff --git a/web/static/pdfs/1.pdf b/web/static/pdfs/1.pdf
diff --git a/web/static/pdfs/2.pdf b/web/static/pdfs/2.pdf
diff --git a/web/static/pdfs/3.pdf b/web/static/pdfs/3.pdf
diff --git a/web/static/pdfs/4.pdf b/web/static/pdfs/4.pdf
diff --git a/web/templates/base.html b/web/templates/base.html
diff --git a/web/templates/edit.html b/web/templates/edit.html
diff --git a/web/templates/error.html b/web/templates/error.html
diff --git a/web/templates/index.html b/web/templates/index.html
@@ -1,7 +1,48 @@
-{% extends "base.html" %} {% block content %}
+<!DOCTYPE html>
+<html lang="en">
 
-<div>
-
-</div>
+<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>Foodie</title>
 
-{% endblock %}
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <link rel="stylesheet" href="main.css">
+</head>
+
+<body>
+    <h3>Demo: Take a Selfie With JavaScript</h3>
+
+    <div class="container">
+
+        <div class="app">
+
+            <a href="#" id="start-camera" class="visible">Touch here to start the app.</a>
+            <video id="camera-stream"></video>
+            <img id="snap">
+
+            <p id="error-message"></p>
+
+            <div class="controls">
+                <a href="#" id="delete-photo" title="Delete Photo" class="disabled">
+                    <i class="material-icons">delete</i>
+                </a>
+                <a href="#" id="take-photo" title="Take Photo">
+                    <i class="material-icons">camera_alt</i>
+                </a>
+                <a href="#" id="download-photo" download="selfie.png" title="Save Photo" class="disabled">
+                    <i class="material-icons">file_download</i>
+                </a>
+            </div>
+
+            <!-- Hidden canvas element. Used for taking snapshot of video. -->
+            <canvas></canvas>
+
+        </div>
+
+    </div>
+    <script src="camera.js"></script>
+</body>
+
+</html>
diff --git a/web/templates/login.html b/web/templates/login.html
diff --git a/web/templates/register.html b/web/templates/register.html
diff --git a/web/templates/userpage.html b/web/templates/userpage.html