diff --git a/Wello/www/details-content.php b/Wello/www/details-content.php
index 20901ca..8162e01 100644
--- a/Wello/www/details-content.php
+++ b/Wello/www/details-content.php
@@ -94,11 +94,6 @@
                 ?>
             </li>
 
-            <li>
-                <h3>Zip code</h3>
-                <p id="zip-code" class="med-num">STILLTODO</p>
-            </li>
-
             <li>
                 <h3>Lot number</h3>
                 <p id="lot-number" class="med-num">
@@ -206,10 +201,7 @@
                 <p>
                     <?php
                     //Should add ternary operator for nulls and blanks
-<<<<<<< HEAD
-                    
-=======
->>>>>>> origin/master
+
                     echo $row['Drive_Shoe'];
                     ?>
                </p>
@@ -235,7 +227,6 @@
                 <p id="method">
                     <?php
                     //Should add ternary operator for nulls and blanks
-                    
                     echo $row['Yield_Test_Type'];
                     ?>
                </p>
diff --git a/Wello/www/details.php b/Wello/www/details.php
index 8efb2f6..212c531 100644
--- a/Wello/www/details.php
+++ b/Wello/www/details.php
@@ -1,9 +1,9 @@
 <?php require 'cred.php';
 $mysqli = new mysqli("localhost", $username, $password, $database);
-if ( (isset($_GET['Well_ID']))  && (is_numeric($_GET['Well_ID'])) ) {
+if ( (isset($_GET['Well_ID']))) {
 	$Well_ID = $_GET['Well_ID'];
 }
-else if ( (isset($_POST['Well_ID'])) && (is_numeric($_POST['Well_ID'])) ) {
+else if ( (isset($_POST['Well_ID']))) {
 	$Well_ID = $_POST['Well_ID'];
 }
 else {
diff --git a/Wello/www/form.php b/Wello/www/form.php
index 354201d..d5e9498 100644
--- a/Wello/www/form.php
+++ b/Wello/www/form.php
@@ -11,12 +11,49 @@
     $Well_ID = "0";
 }
 
-$query = "SELECT Date_Well_Completed, Date_of_Report, Registration_Number, State_Well_No, Other_No, 
-            CONCAT(Owner_First_Name, ' ', Owner_Last_Name) AS 'Owner_Name',
-            CONCAT(Well_Street_Number, ' ', Well_Street_Name) AS 'WellAddress', Well_Town, Well_Latitude, Well_Longitude, 
-            Drilling_Equipment, Depth_To_Top_Of_Gravel_Pack, Depth_To_Bottom_Of_Gravel_Pack
-            FROM well_completion_report
-            WHERE Permit_Number = $Well_ID";
+$query = "SELECT 
+    Date_Well_Completed, 
+    Date_of_Report, 
+    Registration_Number, 
+    State_Well_No, 
+    Other_No, 
+    CONCAT(Owner_First_Name, ' ', Owner_Last_Name) AS 'Owner_Name', 
+    Owner_Address,
+    CONCAT(Well_Street_Number, ' ', Well_Street_Name) AS 'WellAddress', 
+    Well_Town, 
+    Well_Lot_Number,
+    Well_Latitude, 
+    Well_Longitude,
+    Relative_Location, 
+    Proposed_Use, 
+    Drilling_Equipment, 
+    Casing_Length_Feet,
+    Casing_Diameter_Inches,
+    Casing_Weight_Per_Foot_Pounds,
+    Casing_Joint_Type,
+    Drive_Shoe,
+    Grouted,
+    Yield_Test_Type,
+    Yield_Test_Hours,
+    Yield_GPM,
+    Yield_Test_Notes,
+    Static_Water_Level_Feet,
+    Yield_Test_Water_Level_Feet,
+    Well_Depth_Feet,
+    Screen_Make,
+    Open_Screen_Length_Feet,
+    Screen_Slot_Size,
+    Screen_Diameter_Inches,
+    Gravel_Packed,
+    Well_Diameter_Inches,
+    Gravel_Size_Inches,
+    comment,
+    Depth_To_Top_Of_Gravel_Pack, 
+    Depth_To_Bottom_Of_Gravel_Pack
+            
+            
+    FROM well_completion_report
+    WHERE Permit_Number = $Well_ID";
 if ($result = $mysqli->query($query)) {
     $row = $result->fetch_assoc();
     foreach ($row as &$value) {
@@ -84,17 +121,20 @@
 
             <li>
                 <label for="registrant-number">Registrant number</label>
-                <input type="number" min="1" id="registrant-number" class="long-num">
+                <input value="
+                              <?php
+                echo $row['Registration_Number'];?>
+                              " type="number" min="1" id="registrant-number" class="long-num">
             </li>
 
             <li>
                 <label for="state-well-number">State well number</label>
-                <input type="number" min="1" id="state-well-number" class="long-num">
+                <input value="<?php echo $row['State_Well_No'];?>" type="number" min="1" id="state-well-number" class="long-num">
             </li>
 
             <li>
                 <label for="other-number">Other number</label>
-                <input type="number" min="1" id="other-number" class="long-num">
+                <input value="<?php echo $row['Other_No'];?>" type="number" min="1" id="other-number" class="long-num">
             </li>
         </ul>
 		</div>
@@ -103,22 +143,13 @@
         <h2>Owner Info</h2>
         <ul class="inputs" id="owner-info">
             <li><label for="name">Name</label>
-            <input type="text" id="name"></li>
+            <input value="<?php echo $row['Owner_Name'];?>" type="text" id="name"></li>
 
             <li>
                 <label for="address">Address</label>
-                <input type="text" id="address">
-            </li>
-
-            <li>
-                <label for="town">Town</label>
-                <input type="text" id="town">
+                <input value="<?php echo $row['Owner_Address'];?>" type="text" id="address">
             </li>
 
-            <li>
-                <label for="zip-code">Zip code</label>
-                <input type="number" min="1" id="zip-code" class="med-num">
-            </li>
         </ul>
 		</div>
 		<div class="group">
@@ -127,22 +158,25 @@
 
             <li>
                 <label for="address">Address</label>
-                <input type="text" id="address">
+                <input value="<?php echo $row['WellAddress'];?>" type="text" id="address">
             </li>
 
             <li>
                 <label for="town">Town</label>
-                <input type="text" id="town">
+                <input value="<?php echo $row['Well_Town'];?>" type="text" id="town">
             </li>
 
             <li>
                 <label for="zip-code">Zip code</label>
-                <input type="number" min="1" id="zip-code" class="med-num">
+                <input value="" type="number" min="1" id="zip-code" class="med-num">
             </li>
 
             <li>
                 <label for="lot-number">Lot number</label>
-                <input type="number" min="1" id="lot-number" class="med-num">
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    echo $row['Well_Lot_Number'];
+                    ?>" type="number" min="1" id="lot-number" class="med-num">
             </li>
 
             <li id="get-gps-local">
@@ -151,41 +185,57 @@
                 </label>
                 <p id="demo"></p>
                 <label for="gps-coordinates">Latitude</label>
-                <input type="text" id="gps-coordinates-latitude">
+                <input value="<?php
+                //Should add ternary operator for nulls and blanks
+                //Rounding the latitude to 6 decimal places for neatness
+                $RoundLat = round($row['Well_Latitude'], 6);
+                echo $RoundLat;
+                ?>" type="text" id="gps-coordinates-latitude">
                 <label for="gps-coordinates">Longitude</label>
-                <input type="text" id="gps-coordinates-longitude">
+                <input value="<?php
+                //Should add ternary operator for nulls and blanks
+                //Rounding the longitude to 6 decimal places for neatness
+                $RoundLong = round($row['Well_Longitude'], 6);
+                echo $RoundLong;
+                ?>" type="text" id="gps-coordinates-longitude">
                 
             </li>
 
             <li>
                 <label for="relative-location">Location relative to three permanent landmarks</label>
-                <textarea id="relative-location"></textarea>
+                <textarea value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    echo $row['Relative_Location'];
+                    ?>" id="relative-location"></textarea>
             </li>
 
             <li>
                 <label for="use">Use</label>
                 <select id="use" onchange='showOther(this.value, this);'>
-                    <option value="Domestic">Domestic</option>
-                    <option value="Buisness Establishment">Buisness Establishment</option>
-                    <option value="Farm">Farm</option>
-                    <option value="Test Well">Test Well</option>
-                    <option value="Public Supply">Public Supply</option>
-                    <option value="Industrial">Industrial</option>
-                    <option value="Air Conditioning">Air Conditioning</option>
-                    <option value="Other">Other</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Domestic">Domestic</option>
+                    <option <?php if ($row['Proposed_Use'] == 'BUISNESS ESTABLISHMENT'){echo 'selected="selected"';} ?> value="Buisness Establishment">Buisness Establishment</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Farm">Farm</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Test Well">Test Well</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Public Supply">Public Supply</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Industrial">Industrial</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Air Conditioning">Air Conditioning</option>
+                    <option <?php if ($row['Proposed_Use'] == 'DOMESTIC'){echo 'selected="selected"';} ?> value="Other">Other</option>
                 </select>
-                <input type="text" id="other-use-case" class="other">
+                <input value="" type="text" id="other-use-case" class="other">
             </li>
 
             <li>
                 <label for="drilling-equipment">Drilling equipment</label>
-                <select id="drilling-equipment">
+                <select value="<?php
+                //Should add ternary operator for nulls and blanks
+                echo $row['Drilling_Equipment'];
+                ?>" id="drilling-equipment">
                     <option value="Rotary">Rotary</option>
                     <option value="Compressed Air Percussion">Compressed Air Percussion</option>
                     <option value="Cable Percussion">Cable Percussion</option>
                     <option value="Other">Other</option>
                 </select>
-                <input type="text" id="other-equipment" class="other">
+                <input value="" type="text" id="other-equipment" class="other">
             </li>
 
         </ul>
@@ -195,33 +245,42 @@
         <ul class="inputs" id="casing-details">
             <li>
                 <label for="length">Length</label>
-                <input type="number" min="1" id="length"> feet
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    echo $row['Casing_Length_Feet'];
+                    ?>" type="number" min="1" id="length"> feet
             </li>
             <li>
                 <label for="diameter">Diameter</label>
-                <input type="number" min="1" id="diameter"> inches
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    echo $row['Casing_Diameter_Inches'];
+                    ?>" type="number" min="1" id="diameter"> inches
             </li>
 
             <li>
                 <label for="weight">Weight per foot</label>
-                <input type="number" min="1" id="weight"> lbs/feet
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    echo $row['Casing_Weight_Per_Foot_Pounds'];
+                    ?>" type="number" min="1" id="weight"> lbs/feet
             </li>
 
             <li>
-                <input type="radio" name="threaded-vs-welded" value="Threaded"> Threaded
-                <input type="radio" name="threaded-vs-welded" value="Welded"> Welded
+                <input <?php if ($row['Casing_Joint_Type'] == 'THREADED'){echo 'checked="checked"';} ?> type="radio" name="threaded-vs-welded" value="Threaded"> Threaded
+                <input <?php if ($row['Casing_Joint_Type'] == 'WELDED'){echo 'checked="checked"';} ?> value="" type="radio" name="threaded-vs-welded" value="Welded"> Welded
             </li>
 
             <li>
                 <label for="drive-shoe">Drive shoe</label>
-                <input type="radio" name="drive-show" value="yes"> yes
-                <input type="radio" name="drive-show" value="no"> no
+                <input <?php if ($row['Drive_Shoe'] == '1'){echo 'checked="checked"';} ?> value="" type="radio" name="drive-show" value="yes"> yes
+                <input <?php if ($row['Drive_Shoe'] == '0'){echo 'checked="checked"';} ?> value="" type="radio" name="drive-show" value="no"> no
             </li>
 
             <li>
                 <label for="casing-grouting">Was casing grouted</label>
-                <input type="radio" name="casing-grouting" value="yes"> yes
-                <input type="radio" name="casing-grouting" value="no"> no
+                <input <?php if ($row['Grouted'] == '1'){echo 'checked="checked"';} ?> type="radio" name="casing-grouting" value="yes"> yes
+                <input <?php if ($row['Grouted'] == '0'){echo 'checked="checked"';} ?> type="radio" name="casing-grouting" value="no"> no
             </li>
         </ul>
 		</div>
@@ -231,24 +290,36 @@
             <li>
                 <label for="method">Method</label>
                 <select id="method">
-                    <option value="bailed">Bailed</option>
-                    <option value="Compressed Air">Compressed Air</option>
-                    <option value="Cable Percussion">Pumped</option>
+                    <option <?php if ($row['Yield_Test_Type'] == 'BAILED'){echo 'selected="selected"';} ?> value="Bailed">Bailed</option>
+                    <option <?php if ($row['Yield_Test_Type'] == 'COMPRESSED AIR'){echo 'selected="selected"';} ?>  value="COMPRESSED AIR">Compressed Air</option>
+                    <option <?php if ($row['Yield_Test_Type'] == 'CABLE PERCUSSION'){echo 'selected="selected"';} ?>  value="Cable Percussion">Pumped</option>
                 </select>
             </li>
             <li>
                 <label for="yield-hours">Test duration</label>
-                <input type="number" min="1" id="yield-hours"> hours
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Yield_Test_Hours'];
+                    ?>" type="number" min="1" id="yield-hours"> hours
             </li>
 
             <li>
                 <label for="yield-gpm">Yield</label>
-                <input type="number" min="1" id="yeld-gpm"> gallons per minute
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Yield_GPM'];
+                    ?>" type="number" min="1" id="yeld-gpm"> gallons per minute
             </li>
             
             <li>
                 <label for="yield-test-notes">Yield test notes</label>
-                <textarea id="yield-test-notes"></textarea>
+                <textarea value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Yield_Test_Notes'];
+                    ?>" id="yield-test-notes"></textarea>
             </li>
 
         </ul>
@@ -258,17 +329,29 @@
         <ul class="inputs" id="yield-test">
             <li>
                 <label for="water-from-surface">From land surface</label>
-                <input type="number" min="1" id="water-from-surface"> feet
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Static_Water_Level_Feet'];
+                    ?>" type="number" min="1" id="water-from-surface"> feet
             </li>
 
             <li>
                 <label for="water-level-during-yield-test">During yield test</label>
-                <input type="number" min="1" id="water-level-during-yield-test"> feet
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Yield_Test_Water_Level_Feet'];
+                    ?>" type="number" min="1" id="water-level-during-yield-test"> feet
             </li>
 
             <li>
                 <label for="depth-of-well">Depth of complete well</label>
-                <input type="number" min="1" id="water-from-surface"> feet
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Well_Depth_Feet'];
+                    ?>" type="number" min="1" id="water-from-surface"> feet
             </li>
 
         </ul>
@@ -278,45 +361,75 @@
         <ul class="inputs" id="screen-details">
             <li>
                 <label for="make">Make</label>
-                <input type="text" id="make">
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Screen_Make'];
+                    ?>" type="text" id="make">
             </li>
 
             <li>
                 <label for="length-open-to-aquifier">Length open to aquifier</label>
-                <input type="number" min="1" id="length-open-to-aquifier"> feet
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Open_Screen_Length_Feet'];
+                    ?>" type="number" min="1" id="length-open-to-aquifier"> feet
             </li>
 
             <li>
                 <label for="slot-size">Slot size</label>
-                <input type="number" min="1" id="slot-size">
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Screen_Slot_Size'];
+                    ?>" type="number" min="1" id="slot-size">
             </li>
 
             <li>
                 <label for="diameter">Diameter</label>
-                <input type="number" min="1" id="diameter"> inches
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Screen_Diameter_Inches'];
+                    ?>" type="number" min="1" id="diameter"> inches
             </li>
 
             <li>
                 <label for="gravel">Gravel</label>
-                <input type="radio" name="gravel" value="Packed"> Packed
-                <input type="radio" name="gravel" value="Unpacked"> Unpacked
+                <input <?php if ($row['Gravel_Packed'] == '1'){echo 'checked="checked"';} ?> type="radio" name="gravel" value="Packed"> Packed
+                <input <?php if ($row['Gravel_Packed'] == '0'){echo 'checked="checked"';} ?> type="radio" name="gravel" value="Unpacked"> Unpacked
             </li>
 
             <li>
                 <label for="diameter-including-gravel-pack">Diameter including gravel pack</label>
-                <input type="number" min="1" id="diameter-including-gravel-pack"> inches
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Well_Diameter_Inches'];
+                    ?>" type="number" min="1" id="diameter-including-gravel-pack"> inches
             </li>
 
             <li>
                 <label for="gravel-size">Gravel size</label>
-                <input type="number" min="1" id="gravel-size"> inches
+                <input value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['Gravel_Size_Inches'];
+                    ?>" type="number" min="1" id="gravel-size"> inches
             </li>
 
             <li>
                 <label for="gravel-pack-location">Gravel pack location</label>
-                <input type="number" min="1" id="gravel-pack-location-from"> feet
+                <input value="<?php
+                //Should add ternary operator for nulls and blanks
+                echo $row['Depth_To_Top_Of_Gravel_Pack'];
+                ?>" type="number" min="1" id="gravel-pack-location-from"> feet
                 <br>to<br>
-                <input type="number" min="1" id="gravel-pack-location-to"> feet
+                <input value="<?php
+                //Should add ternary operator for nulls and blanks
+                echo $row['Depth_To_Bottom_Of_Gravel_Pack'];
+                ?>" type="number" min="1" id="gravel-pack-location-to"> feet
             </li>
 
         </ul>
@@ -326,7 +439,11 @@
         <ul class="inputs" id="notes">
 
             <li>
-                <textarea id="notes"></textarea>
+                <textarea value="<?php
+                    //Should add ternary operator for nulls and blanks
+                    
+                    echo $row['comment'];
+                    ?>" id="notes"></textarea>
             </li>
 
         </ul>
diff --git a/Wello/www/js/main.js b/Wello/www/js/main.js
index 294ca82..6069cba 100644
--- a/Wello/www/js/main.js
+++ b/Wello/www/js/main.js
@@ -24,3 +24,20 @@ function showPosition(position) {
     //x.innerHTML = "Latitude: " + position.coords.latitude + 
     //"<br>Longitude: " + position.coords.longitude;
 }
+
+//function getLoc() {
+//    if (navigator.geolocation) {
+//        navigator.geolocation.getCurrentPosition(showPos);
+//    } else { 
+//        x.innerHTML = "Geolocation is not supported by this browser.";
+//    }
+//}
+//
+//function showPos(position) {
+//    var cur[];
+//    cur[0] = position.coords.latitude;
+//    cur [1] = position.coords.longitude;
+//    return cur;
+//    //x.innerHTML = "Latitude: " + position.coords.latitude + 
+//    //"<br>Longitude: " + position.coords.longitude;
+//}
\ No newline at end of file
diff --git a/Wello/www/map.php b/Wello/www/map.php
index 1353b84..4b31432 100644
--- a/Wello/www/map.php
+++ b/Wello/www/map.php
@@ -100,7 +100,7 @@
         function initMap() {
         var map = new google.maps.Map(document.getElementById('map'), {
           center: new google.maps.LatLng(41.79947, -72.37209),
-          zoom: 12
+          zoom: 15
         });
         var infoWindow = new google.maps.InfoWindow;
 
@@ -118,13 +118,21 @@ function initMap() {
 
               var infowincontent = document.createElement('div');
               var strong = document.createElement('strong');
-              strong.textContent = name
+              strong.textContent = address
               infowincontent.appendChild(strong);
               infowincontent.appendChild(document.createElement('br'));
 
+
               var text = document.createElement('text');
-              text.textContent = address
+              text.textContent = name
               infowincontent.appendChild(text);
+              infowincontent.appendChild(document.createElement('br'));
+
+              var clicker = document.createElement('a');
+              var clickerText = document.createTextNode("go to details...");
+              clicker.setAttribute('href',"http://wellreportapp.uconn.edu/details.php?Well_ID="+id);
+              clicker.appendChild(clickerText);
+              infowincontent.appendChild(clicker);
               var marker = new google.maps.Marker({
                 map: map,
                 position: point
diff --git a/Wello/www/mapERIK.php b/Wello/www/mapERIK.php
new file mode 100644
index 0000000..717992e
--- /dev/null
+++ b/Wello/www/mapERIK.php
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html class="no-js" lang="">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>WRA | Map</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">
+    <link rel="stylesheet" href="css/map-desktop.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">
+        <div class="main-bttns">
+        <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>
+        <a href="search.php"><button><img src="img/search.svg" alt="menu" /></button></a>
+        </div>
+        
+        <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 class="map">
+
+		<div id="map" class="google-maps">
+		</div>
+        
+        <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.php">DETAILS</a>
+            </div>
+        </div>
+        
+        <div class="desk-details">
+			<a href="details.php" class="go-to" > go to > </a>
+        <?php
+            include 'details-content.php';
+            ?>
+        </div>
+
+    </main>
+
+    <nav class="bottom-nav">
+        <button><a href="map.php"><img src="img/map.svg" alt="menu" /></a></button>
+        <button><a href="wells-list.php"><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.php"> <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>
+    
+    <script>
+        var hereLA;
+        var hereLO;
+        function getLoc() {
+            if (navigator.geolocation) {
+                
+            console.log("LCO");
+               navigator.geolocation.getCurrentPosition(showPos);
+            } else { 
+                x.innerHTML = "Geolocation is not supported by this browser.";
+            }
+        }
+
+        function showPos(position) {
+            hereLA = position.coords.latitude;
+            hereLO = position.coords.longitude;
+            console.log("hey");
+            //return cur;
+            //x.innerHTML = "Latitude: " + position.coords.latitude + 
+            //"<br>Longitude: " + position.coords.longitude;
+        }
+        
+        getLoc();
+        console.log(hereLA);
+        console.log(hereLO);
+        var myVar = setInterval(console.log(hereLO), 1000);
+        window.setInterval(console.log(hereLA), 10000);
+
+        function initMap() {
+        var map = new google.maps.Map(document.getElementById('map'), {
+            
+          center: new google.maps.LatLng(hereLA, hereLO),
+            //41.79947, -72.37209
+          zoom: 12
+        });
+        var infoWindow = new google.maps.InfoWindow;
+
+          // Change this depending on the name of your PHP or XML file
+          downloadUrl('http://wellreportapp.uconn.edu/xmlGenerate.php', function(data) {
+            var xml = data.responseXML;
+            var markers = xml.documentElement.getElementsByTagName('marker');
+            Array.prototype.forEach.call(markers, function(markerElem) {
+              var id = markerElem.getAttribute('id');
+                var name = markerElem.getAttribute('id');
+                var address = markerElem.getAttribute('address');
+              var point = new google.maps.LatLng(
+                  parseFloat(markerElem.getAttribute('lat')),
+                  parseFloat(markerElem.getAttribute('lng')));
+
+              var infowincontent = document.createElement('div');
+              var strong = document.createElement('strong');
+              strong.textContent = name
+              infowincontent.appendChild(strong);
+              infowincontent.appendChild(document.createElement('br'));
+
+              var text = document.createElement('text');
+              text.textContent = address
+              infowincontent.appendChild(text);
+              var marker = new google.maps.Marker({
+                map: map,
+                position: point
+              });
+              marker.addListener('click', function() {
+                infoWindow.setContent(infowincontent);
+                infoWindow.open(map, marker);
+              });
+            });
+          });
+        }
+
+
+      function downloadUrl(url, callback) {
+        var request = window.ActiveXObject ?
+            new ActiveXObject('Microsoft.XMLHTTP') :
+            new XMLHttpRequest;
+
+        request.onreadystatechange = function() {
+          if (request.readyState == 4) {
+            request.onreadystatechange = doNothing;
+            callback(request, request.status);
+          }
+        };
+
+        request.open('GET', url, true);
+        request.send(null);
+      }
+
+      function doNothing() {}
+    </script>
+    <script async defer
+    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNSoPsxLd0LbvQaH9R6npO7jj-jKAXyQ4&callback=initMap">
+    </script>
+</body>
+
+
+</html>
+<!--
+notes :
+we will need a file where we import the well name, address, longiture and latitude within the range we chose
+
+we need a food loop for it
+-->
diff --git a/test.html b/test.html
new file mode 100644
index 0000000..b1bae78
--- /dev/null
+++ b/test.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html class="no-js" lang="">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>WRA | Map</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">
+    <link rel="stylesheet" href="css/map-desktop.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">
+        <div class="main-bttns">
+        <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>
+        <a href="search.php"><button><img src="img/search.svg" alt="menu" /></button></a>
+        </div>
+
+        <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 class="map">
+
+		<div id="map" class="google-maps">
+		</div>
+
+        <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.php">DETAILS</a>
+            </div>
+        </div>
+
+        <div class="desk-details">
+			<a href="details.php" class="go-to" > go to > </a>
+        <?php
+            include 'details-content.php';
+            ?>
+        </div>
+
+    </main>
+
+    <nav class="bottom-nav">
+        <button><a href="map.php"><img src="img/map.svg" alt="menu" /></a></button>
+        <button><a href="wells-list.php"><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.php"> <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>
+
+    <script>
+
+        function initMap() {
+        var myLatLng = {position.coords.latitude, position.coords.longitude};
+        var map = new google.maps.Map(document.getElementById('map'), {
+          center: myLatLng,
+          zoom: 15
+        });
+        var infoWindow = new google.maps.InfoWindow;
+
+          // Change this depending on the name of your PHP or XML file
+          downloadUrl('http://wellreportapp.uconn.edu/xmlGenerate.php', function(data) {
+            var xml = data.responseXML;
+            var markers = xml.documentElement.getElementsByTagName('marker');
+            Array.prototype.forEach.call(markers, function(markerElem) {
+              var id = markerElem.getAttribute('id');
+                var name = markerElem.getAttribute('id');
+                var address = markerElem.getAttribute('address');
+              var point = new google.maps.LatLng(
+                  parseFloat(markerElem.getAttribute('lat')),
+                  parseFloat(markerElem.getAttribute('lng')));
+
+              var infowincontent = document.createElement('div');
+              var strong = document.createElement('strong');
+              strong.textContent = address
+              infowincontent.appendChild(strong);
+              infowincontent.appendChild(document.createElement('br'));
+
+
+              var text = document.createElement('text');
+              text.textContent = name
+              infowincontent.appendChild(text);
+              infowincontent.appendChild(document.createElement('br'));
+
+              var clicker = document.createElement('a');
+              var clickerText = document.createTextNode("go to details...");
+              clicker.setAttribute('href',"http://wellreportapp.uconn.edu/details.php?Well_ID="+id);
+              clicker.appendChild(clickerText);
+              infowincontent.appendChild(clicker);
+              var marker = new google.maps.Marker({
+                map: map,
+                position: point
+              });
+              marker.addListener('click', function() {
+                infoWindow.setContent(infowincontent);
+                infoWindow.open(map, marker);
+              });
+            });
+          });
+        }
+
+
+      function downloadUrl(url, callback) {
+        var request = window.ActiveXObject ?
+            new ActiveXObject('Microsoft.XMLHTTP') :
+            new XMLHttpRequest;
+
+        request.onreadystatechange = function() {
+          if (request.readyState == 4) {
+            request.onreadystatechange = doNothing;
+            callback(request, request.status);
+          }
+        };
+
+        request.open('GET', url, true);
+        request.send(null);
+      }
+
+      function doNothing() {}
+    </script>
+    <script async defer
+    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNSoPsxLd0LbvQaH9R6npO7jj-jKAXyQ4&callback=initMap">
+    </script>
+</body>
+
+
+</html>
+<!--
+notes :
+we will need a file where we import the well name, address, longiture and latitude within the range we chose
+
+we need a food loop for it
+-->