diff --git a/html-ONLY-site/css/main.css b/html-ONLY-site/css/main.css
index 777b213..1d4a6cc 100644
--- a/html-ONLY-site/css/main.css
+++ b/html-ONLY-site/css/main.css
@@ -85,6 +85,36 @@ textarea {
   font-family: "roboto";
 }
 
+main.intro{
+    position: fixed;
+    margin-top: 0;
+    padding: 3rem;
+    background-color: #65b2ff;
+    height: 100vh;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    text-align: center;
+}
+
+main.intro h1{
+    font-size: 2.75rem;
+    color: #000633;
+}
+main.intro p{
+    text-align: left;
+    height: 40vh;
+    color: white
+}
+main.intro a{
+    font-size: 2rem;
+    color: white;
+    text-decoration: none;
+    padding: 1rem;
+    background-color: #000633;
+    border-radius: 10px;
+}
 nav h1{
     flex-grow: 1;
     margin: 0;
diff --git a/html-ONLY-site/details.html b/html-ONLY-site/details.html
index d37dec3..095106d 100644
--- a/html-ONLY-site/details.html
+++ b/html-ONLY-site/details.html
@@ -31,7 +31,7 @@
 
 
     <nav class="top-nav">
-        <button><a href="wells-list.html"><img alt="back" src="img/back.svg" ></a></button> <h1>Details</h1>
+        <button><a href="map.html"><img alt="back" src="img/back.svg" ></a></button> <h1>Details</h1>
         <button><a href="form.html"><img alt="edit" src="img/edit.svg" ></a></button>
     </nav>
 
diff --git a/html-ONLY-site/form.html b/html-ONLY-site/form.html
index eecd16a..1039649 100644
--- a/html-ONLY-site/form.html
+++ b/html-ONLY-site/form.html
@@ -31,7 +31,7 @@
 
 
     <nav class="top-nav">
-        <button><a href="index.html">Cancel</a></button>
+        <button><a href="map.html">Cancel</a></button>
         <button>Save Draft</button>
     </nav>
 
diff --git a/html-ONLY-site/index.html b/html-ONLY-site/index.html
index 2925c81..40d79aa 100644
--- a/html-ONLY-site/index.html
+++ b/html-ONLY-site/index.html
@@ -31,57 +31,13 @@
 
 
 
-    <nav class="top-nav">
-        <button onclick="document.getElementById('menu').classList.toggle('closed'); document.getElementById('close-menu').classList.toggle('closed')"><img src="img/menu.svg" alt="menu" /></button> <h1>Well Report App</h1>
-        <button><a href="search.html"><img src="img/search.svg" alt="menu" /></a></button>
-        
-        <div class="close-menu closed" id="close-menu" onclick="document.getElementById('menu').classList.toggle('closed'); document.getElementById('close-menu').classList.toggle('closed')"></div>
-        <div class="slide-menu closed" id="menu">
-            
-            <p>Currntly signed in as: <br>
-                
-            </p>
-            <h3>my.name@ct.gov</h3>
-            <a href="#">Logout</a>
-            
-            <button>Terrain</button>
-            <button>Satilite</button>
-            
-            <a class="settings" href="#">Settings</a>
-        
-        </div>
-    </nav>
-
-    <main>
-
-        <div id="map"></div>
-
-        <script async defer
-        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNSoPsxLd0LbvQaH9R6npO7jj-jKAXyQ4&callback=initMap">
-        </script>
-        
-        <div class="well-preview well-card clearfix">
-            <div class="well-img"></div>
-            <div>
-                <h2>Well Name</h2>
-                <p>short well description</p>
-                <a href="details.html">DETAILS</a>
-            </div>
-        </div>
+    <main class="intro">
 
+        <h1>Connecticut<br>Well Repot App</h1>
+        <p>Use this app to pull up data on any well in Connecticut on site and see it's details. Also, fill out and submit well report forms within the app.</p>
+        <a href="map.html">Continue</a>
     </main>
 
-    <nav class="bottom-nav">
-        <button><a href="index.html"><img src="img/map.svg" alt="menu" /></a></button>
-        <button><a href="wells-list.html"><img src="img/well.png" alt="menu" /></a></button>
-    </nav>
-
-    <nav class="fabs">
-        <button class="gps"><img src="img/gps.svg" alt="get location" /></button>
-        <button class="add-well"><a href="form.html"> <img src="img/add.svg" alt="add well" /></a></button>
-    </nav>
-
-
 
 
 
diff --git a/html-ONLY-site/map.html b/html-ONLY-site/map.html
new file mode 100644
index 0000000..772d832
--- /dev/null
+++ b/html-ONLY-site/map.html
@@ -0,0 +1,113 @@
+<!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">
+    <link rel="stylesheet" href="css/well-card.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 onclick="document.getElementById('menu').classList.toggle('closed'); document.getElementById('close-menu').classList.toggle('closed')"><img src="img/menu.svg" alt="menu" /></button> <h1>Well Report App</h1>
+        <button><a href="search.html"><img src="img/search.svg" alt="menu" /></a></button>
+        
+        <div class="close-menu closed" id="close-menu" onclick="document.getElementById('menu').classList.toggle('closed'); document.getElementById('close-menu').classList.toggle('closed')"></div>
+        <div class="slide-menu closed" id="menu">
+            
+            <p>Currntly signed in as: <br>
+                
+            </p>
+            <h3>my.name@ct.gov</h3>
+            <a href="#">Logout</a>
+            
+            <button>Terrain</button>
+            <button>Satilite</button>
+            
+            <a class="settings" href="#">Settings</a>
+        
+        </div>
+    </nav>
+
+    <main>
+
+        <div id="map"></div>
+
+        <script async defer
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNSoPsxLd0LbvQaH9R6npO7jj-jKAXyQ4&callback=initMap">
+        </script>
+        
+        <div class="well-preview well-card clearfix">
+            <div class="well-img"></div>
+            <div>
+                <h2>Well Name</h2>
+                <p>short well description</p>
+                <a href="details.html">DETAILS</a>
+            </div>
+        </div>
+
+    </main>
+
+    <nav class="bottom-nav">
+        <button><a href="map.html"><img src="img/map.svg" alt="menu" /></a></button>
+        <button><a href="wells-list.html"><img src="img/well.png" alt="menu" /></a></button>
+    </nav>
+
+    <nav class="fabs">
+        <button class="gps"><img src="img/gps.svg" alt="get location" /></button>
+        <button class="add-well"><a href="form.html"> <img src="img/add.svg" alt="add well" /></a></button>
+    </nav>
+
+
+
+
+
+
+    <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/html-ONLY-site/search.html b/html-ONLY-site/search.html
index a8cd94b..e4933d2 100644
--- a/html-ONLY-site/search.html
+++ b/html-ONLY-site/search.html
@@ -34,7 +34,7 @@
 
     <nav class="top-nav">
         <input type="search" >
-        <button><a href="index.html"><img src="img/close.svg" alt="close" /></a></button>
+        <button><a href="map.html"><img src="img/close.svg" alt="close" /></a></button>
     </nav>
 
     <main>
diff --git a/html-ONLY-site/wells-list.html b/html-ONLY-site/wells-list.html
index 5da8259..16aaef0 100644
--- a/html-ONLY-site/wells-list.html
+++ b/html-ONLY-site/wells-list.html
@@ -72,7 +72,7 @@ <h2>Well Name</h2>
     </main>
 
     <nav class="bottom-nav">
-        <button><a href="index.html"><img src="img/map.svg" alt="menu" /></a></button>
+        <button><a href="map.html"><img src="img/map.svg" alt="menu" /></a></button>
         <button><a href="wells-list.html"><img src="img/well.png" alt="menu" /></a></button>
     </nav>