diff --git a/Wello-front-end/html-site/form.html b/Wello-front-end/html-site/form.html
new file mode 100644
index 0000000..afe2ca4
--- /dev/null
+++ b/Wello-front-end/html-site/form.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<html class="no-js" lang="">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title></title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="apple-touch-icon" href="apple-touch-icon.png">
+    <!-- Place favicon.ico in the root directory -->
+    <link rel="stylesheet" href="css/normalize.css">
+    <link rel="stylesheet" href="css/main.css">
+    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
+</head>
+
+
+
+
+
+
+<body>
+    <!--[if lt IE 8]>
+            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+    <!-- Add your site or application content here -->
+
+
+
+
+
+
+    <nav class="top-nav">
+        <button><a href="index.html">Cancel</a></button>
+        <button>Save Draft</button>
+    </nav>
+
+    <form>
+        <input type="file" id="well-picture">
+
+    </form>
+
+
+    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
+    <script>
+        window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')
+    </script>
+    <script src="js/plugins.js"></script>
+    <script src="js/main.js"></script>
+    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+    <script>
+        (function (b, o, i, l, e, r) {
+            b.GoogleAnalyticsObject = l;
+            b[l] || (b[l] = function () {
+                (b[l].q = b[l].q || []).push(arguments)
+            });
+            b[l].l = +new Date;
+            e = o.createElement(i);
+            r = o.getElementsByTagName(i)[0];
+            e.src = 'https://www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e, r)
+        }(window, document, 'script', 'ga'));
+        ga('create', 'UA-XXXXX-X', 'auto');
+        ga('send', 'pageview');
+    </script>
+</body>
+
+</html>
diff --git a/Wello-front-end/html-site/index.html b/Wello-front-end/html-site/index.html
index e5deb14..6e32bd9 100644
--- a/Wello-front-end/html-site/index.html
+++ b/Wello-front-end/html-site/index.html
@@ -53,7 +53,7 @@
 
     <nav class="fabs">
         <button class="gps"><img src="img/gps.svg" alt="get location" /></button>
-        <button class="add-well"><img src="img/add.svg" alt="add well" /></button>
+        <button class="add-well"><a href="form.html"> <img src="img/add.svg" alt="add well" /></a></button>
     </nav>
 
 
