diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..5aa2950
Binary files /dev/null and b/.DS_Store differ
diff --git a/GoogleMapsMarkers.zip b/GoogleMapsMarkers.zip
new file mode 100644
index 0000000..2405f3f
Binary files /dev/null and b/GoogleMapsMarkers.zip differ
diff --git a/float.css b/float.css
new file mode 100644
index 0000000..f078fee
--- /dev/null
+++ b/float.css
@@ -0,0 +1,52 @@
+* {
+  box-sizing: border-box;
+}
+
+.row {
+  max-width: 1000px;
+  height: 415px;
+  padding-left: 20px;
+  padding-right: 20px;
+  margin: 0 auto;
+}
+
+/* Clearfix */
+.row::before,
+.row::after {
+  display: table;
+  content: '';
+}
+
+.row::after {
+  clear: both;
+}
+
+.col-3, .col-4, .col-6, .col-12 {
+  float: left;
+  padding-left: 1.04166666%;
+  padding-right: 1.04166666%;
+}
+
+/* Mobile defaults */
+ .col-3, .col-4, .col-6, .col-12 {
+  width: 100%;
+}
+
+
+/* Non-mobile, grid */
+@media only screen and (min-width: 640px) {
+  .col-3 {
+    width: 25%;
+  }
+
+.col-4 {
+    width: 33.333333%;
+  }
+
+.col-6 {
+    width: 50%;
+  }
+  .col-12 {
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..be73c03
--- /dev/null
+++ b/index.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang ="en">
+
+<head>
+    <title>First Capstone</title>
+    <meta charset="UTF-8">
+    <meta name='description' content='API for petfinder.com and googlemaps to help connect people to adoptable dogs in the United States'>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
+
+    <link rel="stylesheet" href="float.css">
+    <link rel="stylesheet" href="main.css">
+    
+</head>
+
+<body>
+    <main role="main">
+    <section id="top">
+    </section>
+        <div id="background">
+            <div class="row">
+                <div class="col-12">
+
+                    <div class="transbox">
+                        <div id="js-advanced-options">
+                            <ul class="nav">
+                                <li class="button-dropdown">
+                                    <a href="javascript:void(0)" class="dropdown-toggle">Advanced Search Options <div>▼</div></a>
+                                    <ul class="dropdown-menu">
+                                        <form>
+                                            <li>
+                                                <strong><li>Gender</strong>
+                                                <ul>
+                                                    <li>
+                                                        <input type="radio" value="M"  name="sex"> Male</li>
+                                                    </br>
+                                                    <li>
+                                                        <input type="radio" value="F"  name="sex"> Female</li>
+                                                    </br>
+                                                </ul>
+                                            </li>
+                                            </br><strong><li>Age</strong>
+                                            </br>
+                                            <ul>
+                                                <li>
+                                                    <input type="radio" value="baby"  name="age">Baby</li>
+                                                </br>
+                                                <li>
+                                                    <input type="radio" value="young"  name="age">Young</li>
+                                                </br>
+                                                <li>
+                                                    <input type="radio" value="adult"  name="age">Adult</li>
+                                                </br>
+                                                <li>
+                                                    <input type="radio" value="senior"  name="age">Senior</li>
+                                                </br>
+                                            </ul>
+                                </li>
+                                </br><strong><li>Size</strong>
+                                </br>
+                                <ul>
+                                    <li>
+                                        <input type="radio" value="S"  name="size">Small</li>
+                                    </br>
+                                    <li>
+                                        <input type="radio" value="M"  name="size">Medium</li>
+                                    </br>
+                                    <li>
+                                        <input type="radio" value="L"  name="size">Large</li>
+                                    </br>
+                                </ul>
+                                </li>
+                                </br><strong><li>Animal Type</strong>
+                                </br>
+                                <ul>
+                                    <li>
+                                        <input type="radio" value="barnyard"  name="animal">Barnyard</li>
+                                    </br>
+                                    <li>
+                                        <input type="radio" value="dog"  name="animal">Dog</li>
+                                    </br>
+                                    <li>
+                                        <input type="radio" value="cat"  name="animal">Cat</li>
+                                    </br>
+                                     <li>
+                                        <input type="radio" value="bird"  name="animal">Bird</li>
+                                    </br>
+                                     <li>
+                                        <input type="radio" value="reptile"  name="animal">Reptile</li>
+                                    </br>
+                                     <li>
+                                        <input type="radio" value="horse"  name="animal">Horse</li>
+                                    </br>
+                                     <li>
+                                        <input type="radio" value="smallfurry"  name="animal">Small Furry</li>
+                                    </br>
+                                </ul>
+                                </li>
+                                </li>
+                                </li>
+                                
+                        </div>
+                        <div id="finder">
+                            <ul class="nav">
+
+                                <li class="button-dropdown">
+                                    <a href="javascript:void(0)" class="dropdown-toggle">
+                                 Menu <div>▼</div></a>
+                                    <ul class="dropdown-menu">
+                                        <li>
+                                            <a href="#map">
+                                Map</a>
+                                        </li>
+                                        <li>
+            <a href="https://secure.aspca.org/donate/ps-gn-p2?ms=MP_PMK_Googlebrand-T4&initialms=MP_PMK_Googlebrand-T4&pcode=WPSE9XXGOGN2PK00014&lpcode=WPSE9XXGOGN1PK00014&gclid=EAIaIQobChMIv6XK8Nyv1QIV1oKzCh17AwKbEAAYASAAEgKSKvD_BwE">Donate</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                            </ul>
+                            </li>
+                            </ul>
+                        </div>
+                        <strong><h2>Connecting people to adoptable dogs in the United States</h2></strong>
+                    </div>
+                </div>
+            </div>
+        </div>
+       </div>
+        <div id="map-border">
+        <h4>Click on the map to find adoptable dogs, and locate nearby shelters.</h4>
+        <div id="to-top">
+                <ul class="nav">
+                    <li class="button-dropdown">
+                        <a href="javascript:void(0)" class="dropdown-toggle">
+                            <a href="#top">Back to Top</a>
+                                </li>
+                                    </ul></div>
+         
+        <section id="map">
+        <div class="row">
+        <div class="col-12">
+                    
+        </div>
+        </div>
+        </div>
+        </section>
+
+        <section id="results">
+            <div id="dog-info-template"></div>
+        </section>
+            
+            <section id="dog-profile">
+
+            </section>
+        
+    </main>
+
+    <script src="map.js"></script>
+    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC3y6Bpz0bSh9WB45wBmaFEnlkogCoBklE&callback=initMap">
+    </script>
+    <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
+    <script src="script.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/main.css b/main.css
new file mode 100644
index 0000000..bc99d58
--- /dev/null
+++ b/main.css
@@ -0,0 +1,257 @@
+main {
+  font: monospace;
+}
+
+h1, h2 {
+  color: white;
+  font-size: 35px;
+  padding-top: 2%;
+  text-align: left;
+  padding-left: 1%;
+  padding-right: 20%;
+  font-family: 'Julius Sans One', sans-serif;
+  padding-bottom: 80%;
+  display: block;
+}
+
+#to-top {
+  position: fixed;
+  background-color: #ffffff;
+  opacity: 0.6;
+  filter: alpha(opacity=60); 
+  font-weight: bold;
+  color: black;
+  margin-left: 80%;
+}
+
+.transbox {
+    margin-top: 0px;
+    background-color: #ffffff;
+    border: 1px solid black;
+    opacity: 0.6;
+    filter: alpha(opacity=60); 
+    height: 100px;
+    width: 100%;
+    padding-left: 3%;
+    padding-top: 2%;
+  
+}
+
+.transbox {
+    font-weight: bold;
+  }
+
+#background {
+  background-image: url("https://image.ibb.co/h6C7c5/boxer.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 1000px;
+}
+@media only screen and (max-width: 500px) {
+ #background{ height: 300px}
+}
+#submit {
+  align-content: right;
+  background-color: green;
+  color: white;
+  font: 13px Helvetica, Tahoma, serif;
+  border-radius: 6px;
+}
+
+a {
+  text-decoration: none;
+}
+ 
+#map {
+  margin-left: 5%;
+  margin-right: 5%;
+  height: 425px;
+  width: 88%;
+  border: 5px solid orange;
+}
+
+#map-border {
+  box-sizing: border-box;
+  background-color: black;
+  opacity: 0.6;
+  filter: alpha(opacity=60); 
+  background: cover;
+  padding-top: 2%;
+  padding-bottom: 4%;
+  padding-left: 5%;
+  padding-right: 5%;
+}
+ 
+#advanced-options {
+    margin-top: 4%;
+    margin-left: 5%;
+    margin-right: 70%;
+    align-content: flex-start;
+    font-weight: bold;
+    background-color: white;
+    color: black;
+  }
+
+form {
+  background-color: white;
+}
+
+#finder{
+  margin-right: 10%;
+  position:absolute;
+  top: 0;
+  right: 0;
+  margin-top: 2%;
+  font-weight: bold;
+}
+
+.nav {
+    display: block;
+    font: 13px Helvetica, Tahoma, serif;
+    text-transform: uppercase;
+    margin: 0; 
+    padding: 0;
+}
+
+.nav li {
+    display: block;
+    list-style: none;
+}
+
+.nav .button-dropdown {
+    position: relative;
+}
+
+.nav li a {
+    display: inline-block;
+    color: #333;
+    background-color: #fff;
+    padding: 10px 20px;
+    text-decoration: none;
+}
+
+.nav li a span {
+    display: inline-block;
+    margin-left: 5px;
+    font-size: 20%;
+    color: #999;
+}
+
+.nav li a:hover, .nav li a.dropdown-toggle.active {
+    background-color: #289dcc;
+    color: #fff;
+}
+
+.nav li a:hover span, .nav li a.dropdown-toggle.active span {
+    color: #fff;
+}
+
+.nav li .dropdown-menu {
+    display: none;
+    position: absolute;
+    left: 0;
+    padding: 0;
+    margin: 0;
+    margin-top: 3px;
+    text-align: left;
+}
+
+.nav li .dropdown-menu.active {
+    display: block;
+}
+
+.nav li .dropdown-menu a {
+    width: 150px;
+}
+
+h4 {
+  text-align: center;
+  color: white;
+  font-family: 'Julius Sans One', sans-serif;
+}
+
+h3 {
+  margin-top: 3%;
+  text-decoration: underline;
+  background-color: orange;
+  height: 12%;
+  width: 100%;
+  text-align: center;
+}
+
+#dog-info-template{
+  background-color: white;
+}
+
+.card-image{
+  box-sizing: border-box;
+}
+
+.profile-image {
+  box-sizing: border-box;
+  border: 2px black;
+}
+
+#petfinderInfo, #dog-template, p, span {
+  box-sizing: border-box;
+  height: 20%;
+  display: block;
+  margin-left: 15%;
+  margin-right: 15%;
+  word-spacing: normal;
+  text-align: center;
+}
+
+
+
+#name {
+  font: 50px;
+  color: red;
+  margin-bottom: 3%;
+  font-weight: bold;
+  text-align: center;
+  text-decoration: underline;
+
+}
+
+ #js-description {
+  font-weight: bold;
+  text-align: center;
+  margin-left: 10%;
+  margin-right: 10%;
+  margin-bottom: 3%;
+}
+
+#detail {
+  display: hidden;
+
+}
+
+.more {
+    display: none;
+    padding-top: 10px;
+}
+
+.card {
+  border: 1px solid #E5E5E5;
+  margin-bottom: 20px;
+  height: 500px;
+}
+
+.card-image {
+  width: 100%;
+}
+
+.card-content {
+  padding: 20px;
+}
+
+/*.card-content h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+}*/
+
+.card-content p {
+  margin: 0.5em 0;
+}
diff --git a/map.js b/map.js
new file mode 100644
index 0000000..52d25a0
--- /dev/null
+++ b/map.js
@@ -0,0 +1,220 @@
+
+var searchObj = {"location": 97219}
+function initMap() {
+  var myLatlng = new google.maps.LatLng(40.2010 , -98.9836);
+  var myOptions = {
+    zoom: 4, 
+    scrollwheel: false,
+    center: myLatlng
+
+  }
+
+  var map = new google.maps.Map(document.getElementById("map"), myOptions);
+  var bounds = new google.maps.LatLngBounds();
+  var geocoder = new google.maps.Geocoder()
+  var markers = []; 
+
+  google.maps.event.addListener(map, 'click', function(event) {
+    geocoder.geocode({
+      'latLng': event.latLng
+    }, function(results, status) {
+      console.log(results)
+
+      if (status == google.maps.GeocoderStatus.OK) {
+        if (results[0]) {
+
+
+          setMapOnAll(null);
+          markers = []; 
+          results[0].address_components.forEach((result, i)=>{ 
+            if (result.types[0]== "postal_code") {
+
+             let zipcode = Number(result.long_name)
+             searchObj["location"]=zipcode
+            console.log(searchObj)        
+              
+              $.when(makeApiCall(searchObj)).then(function(){
+
+                var lat = results[0].geometry.location.lat();
+                var lng = results[0].geometry.location.lng();
+                var newLatLng = new google.maps.LatLng(lat , lng);
+                var marker = new google.maps.Marker({
+                  position: newLatLng,
+                  title:"You!",
+                  icon: 'markers/paleblue_markerA.png'
+
+                });
+                markers.push(marker) 
+               // To add the marker to the map, call setMap();
+               marker.setMap(map);  
+               bounds.extend(marker.getPosition());
+               map.fitBounds(bounds);
+
+	       //addMore(addresses,map); 
+	       for(var s=0; s<shelters.length; s++){
+          makeMoreCalls(shelters[s])
+          }
+
+
+     })
+              
+
+            }
+          })
+        }
+      }
+    });
+  });
+
+
+  function makeMoreCalls(shelterId){  
+    var url = `http://api.petfinder.com/shelter.get?id=${shelterId}&key=a4d4d400939b10647da19b7593286b34&output=full&format=json`;
+    return $.ajax({
+      type : 'GET',
+      data : {},
+      url : url+'&callback=?' ,
+      dataType: 'json',
+      success : function(data) {       
+        console.log(data.petfinder.shelter)
+        let lat = data.petfinder.shelter.latitude.$t;
+        let lng = data.petfinder.shelter.longitude.$t;
+        var newLatLng = new google.maps.LatLng(lat , lng);
+        var marker = new google.maps.Marker({
+          position: newLatLng,
+          title:data.petfinder.shelter.name.$t
+
+        });
+        markers.push(marker) 		
+        marker.setMap(map);  
+        bounds.extend(marker.getPosition());
+        map.fitBounds(bounds);
+
+      }
+
+    })
+  }
+
+  
+  function addMore(addresses, map){
+    for( i = 0; i < addresses.length; i++ ) {
+     var address = addresses[i]
+     geocoder.geocode( { 'address': address}, function(results, status) {
+      if (status == google.maps.GeocoderStatus.OK) {
+        map.setCenter(results[0].geometry.location);
+        var marker = new google.maps.Marker({
+          map: map,
+          position: results[0].geometry.location
+        });
+      } else {
+        alert('Geocode was not successful for the following reason: ' + status);
+      }
+    })		
+
+   }  
+ }
+
+
+      // Sets the map on all markers in the array.
+      function setMapOnAll(map) {
+        for (var i = 0; i < markers.length; i++) {
+          markers[i].setMap(map);
+        }
+      }
+
+	  /*
+  google.maps.event.addListener(map, 'click', function(event) {
+	console.log(addresses)
+
+    for( i = 0; i < addresses.length; i++ ) {
+	var address = addresses[i]
+	console.log(address)
+    geocoder.geocode( { 'address': address}, function(results, status) {
+      if (status == google.maps.GeocoderStatus.OK) {
+        if (results[0]) {
+          //setMapOnAll(null);
+          results[0].address_components.forEach((result, i)=>{ 
+            if (result.types[0]== "postal_code") {
+
+              let zipcode = Number(result.long_name)
+              console.log(zipcode)
+	      console.log(addresses)
+              $.when(makeApiCall(zipcode)).then(function(){
+	      
+	      
+                var lat = results[0].geometry.location.lat();
+                var lng = results[0].geometry.location.lng();
+                var newLatLng = new google.maps.LatLng(lat , lng);
+                var marker = new google.maps.Marker({
+                  position: newLatLng,
+                  title:"Hello World!"
+                });
+              // To add the marker to the map, call setMap();
+              marker.setMap(map)
+	      
+	      })
+	    }
+	  })
+	}
+		  
+
+
+      } else {
+        console.error('Geocode was not successful for the following reason: ' + status);
+      }
+    })
+
+    }
+
+
+  })
+
+
+  /*
+   *         map.setCenter(results[0].geometry.location);
+        var marker = new google.maps.Marker({
+            map: map,
+            position: results[0].geometry.location
+        });
+/*
+  google.maps.event.addListener(map, 'click', function(event) {
+    geocoder.geocode({
+      'latLng': event.latLng
+    }, function(results, status) {
+      console.log(results)
+      if (status == google.maps.GeocoderStatus.OK) {
+        if (results[0]) {
+
+          //setMapOnAll(null);
+          results[0].address_components.forEach((result, i)=>{ 
+            if (result.types[0]== "postal_code") {
+
+              let zipcode = Number(result.long_name)
+              console.log(zipcode)
+              console.log(zips)
+              $.when(makeApiCall(zipcode)).then(function(){
+
+                var lat = results[0].geometry.location.lat();
+                var lng = results[0].geometry.location.lng();
+                var newLatLng = new google.maps.LatLng(lat , lng);
+                var marker = new google.maps.Marker({
+                  position: newLatLng,
+                  title:"Hello World!"
+                });
+              // To add the marker to the map, call setMap();
+              marker.setMap(map);  
+
+
+            })
+              
+
+            }
+          })
+        }
+      }
+    });
+  });
+
+  */
+}
+
+
diff --git a/markers/blue_MarkerA.png b/markers/blue_MarkerA.png
new file mode 100755
index 0000000..425f7f2
Binary files /dev/null and b/markers/blue_MarkerA.png differ
diff --git a/markers/blue_MarkerB.png b/markers/blue_MarkerB.png
new file mode 100755
index 0000000..e2c8dc8
Binary files /dev/null and b/markers/blue_MarkerB.png differ
diff --git a/markers/blue_MarkerC.png b/markers/blue_MarkerC.png
new file mode 100755
index 0000000..3630ad2
Binary files /dev/null and b/markers/blue_MarkerC.png differ
diff --git a/markers/blue_MarkerD.png b/markers/blue_MarkerD.png
new file mode 100755
index 0000000..56c7993
Binary files /dev/null and b/markers/blue_MarkerD.png differ
diff --git a/markers/blue_MarkerE.png b/markers/blue_MarkerE.png
new file mode 100755
index 0000000..5d04400
Binary files /dev/null and b/markers/blue_MarkerE.png differ
diff --git a/markers/blue_MarkerF.png b/markers/blue_MarkerF.png
new file mode 100755
index 0000000..52d5cde
Binary files /dev/null and b/markers/blue_MarkerF.png differ
diff --git a/markers/blue_MarkerG.png b/markers/blue_MarkerG.png
new file mode 100755
index 0000000..0960eb6
Binary files /dev/null and b/markers/blue_MarkerG.png differ
diff --git a/markers/blue_MarkerH.png b/markers/blue_MarkerH.png
new file mode 100755
index 0000000..be988d1
Binary files /dev/null and b/markers/blue_MarkerH.png differ
diff --git a/markers/blue_MarkerI.png b/markers/blue_MarkerI.png
new file mode 100755
index 0000000..6bfc0d6
Binary files /dev/null and b/markers/blue_MarkerI.png differ
diff --git a/markers/blue_MarkerJ.png b/markers/blue_MarkerJ.png
new file mode 100755
index 0000000..c41de15
Binary files /dev/null and b/markers/blue_MarkerJ.png differ
diff --git a/markers/blue_MarkerK.png b/markers/blue_MarkerK.png
new file mode 100755
index 0000000..170823b
Binary files /dev/null and b/markers/blue_MarkerK.png differ
diff --git a/markers/blue_MarkerL.png b/markers/blue_MarkerL.png
new file mode 100755
index 0000000..15abdb6
Binary files /dev/null and b/markers/blue_MarkerL.png differ
diff --git a/markers/blue_MarkerM.png b/markers/blue_MarkerM.png
new file mode 100755
index 0000000..01073bb
Binary files /dev/null and b/markers/blue_MarkerM.png differ
diff --git a/markers/blue_MarkerN.png b/markers/blue_MarkerN.png
new file mode 100755
index 0000000..356ac1a
Binary files /dev/null and b/markers/blue_MarkerN.png differ
diff --git a/markers/blue_MarkerO.png b/markers/blue_MarkerO.png
new file mode 100755
index 0000000..b0c8f70
Binary files /dev/null and b/markers/blue_MarkerO.png differ
diff --git a/markers/blue_MarkerP.png b/markers/blue_MarkerP.png
new file mode 100755
index 0000000..315357f
Binary files /dev/null and b/markers/blue_MarkerP.png differ
diff --git a/markers/blue_MarkerQ.png b/markers/blue_MarkerQ.png
new file mode 100755
index 0000000..3e8efd9
Binary files /dev/null and b/markers/blue_MarkerQ.png differ
diff --git a/markers/blue_MarkerR.png b/markers/blue_MarkerR.png
new file mode 100755
index 0000000..05fa6c9
Binary files /dev/null and b/markers/blue_MarkerR.png differ
diff --git a/markers/blue_MarkerS.png b/markers/blue_MarkerS.png
new file mode 100755
index 0000000..c68928a
Binary files /dev/null and b/markers/blue_MarkerS.png differ
diff --git a/markers/blue_MarkerT.png b/markers/blue_MarkerT.png
new file mode 100755
index 0000000..854ca6d
Binary files /dev/null and b/markers/blue_MarkerT.png differ
diff --git a/markers/blue_MarkerU.png b/markers/blue_MarkerU.png
new file mode 100755
index 0000000..57735bb
Binary files /dev/null and b/markers/blue_MarkerU.png differ
diff --git a/markers/blue_MarkerV.png b/markers/blue_MarkerV.png
new file mode 100755
index 0000000..30a84b6
Binary files /dev/null and b/markers/blue_MarkerV.png differ
diff --git a/markers/blue_MarkerW.png b/markers/blue_MarkerW.png
new file mode 100755
index 0000000..4f54f48
Binary files /dev/null and b/markers/blue_MarkerW.png differ
diff --git a/markers/blue_MarkerX.png b/markers/blue_MarkerX.png
new file mode 100755
index 0000000..3dfd581
Binary files /dev/null and b/markers/blue_MarkerX.png differ
diff --git a/markers/blue_MarkerY.png b/markers/blue_MarkerY.png
new file mode 100755
index 0000000..ab36de3
Binary files /dev/null and b/markers/blue_MarkerY.png differ
diff --git a/markers/blue_MarkerZ.png b/markers/blue_MarkerZ.png
new file mode 100755
index 0000000..db95fb4
Binary files /dev/null and b/markers/blue_MarkerZ.png differ
diff --git a/markers/brown_MarkerA.png b/markers/brown_MarkerA.png
new file mode 100755
index 0000000..ad37621
Binary files /dev/null and b/markers/brown_MarkerA.png differ
diff --git a/markers/brown_MarkerB.png b/markers/brown_MarkerB.png
new file mode 100755
index 0000000..06bc340
Binary files /dev/null and b/markers/brown_MarkerB.png differ
diff --git a/markers/brown_MarkerC.png b/markers/brown_MarkerC.png
new file mode 100755
index 0000000..3a03a5c
Binary files /dev/null and b/markers/brown_MarkerC.png differ
diff --git a/markers/brown_MarkerD.png b/markers/brown_MarkerD.png
new file mode 100755
index 0000000..bd8796f
Binary files /dev/null and b/markers/brown_MarkerD.png differ
diff --git a/markers/brown_MarkerE.png b/markers/brown_MarkerE.png
new file mode 100755
index 0000000..ce8423f
Binary files /dev/null and b/markers/brown_MarkerE.png differ
diff --git a/markers/brown_MarkerF.png b/markers/brown_MarkerF.png
new file mode 100755
index 0000000..38831db
Binary files /dev/null and b/markers/brown_MarkerF.png differ
diff --git a/markers/brown_MarkerG.png b/markers/brown_MarkerG.png
new file mode 100755
index 0000000..86b2448
Binary files /dev/null and b/markers/brown_MarkerG.png differ
diff --git a/markers/brown_MarkerH.png b/markers/brown_MarkerH.png
new file mode 100755
index 0000000..5a87e66
Binary files /dev/null and b/markers/brown_MarkerH.png differ
diff --git a/markers/brown_MarkerI.png b/markers/brown_MarkerI.png
new file mode 100755
index 0000000..fac34ea
Binary files /dev/null and b/markers/brown_MarkerI.png differ
diff --git a/markers/brown_MarkerJ.png b/markers/brown_MarkerJ.png
new file mode 100755
index 0000000..d523c96
Binary files /dev/null and b/markers/brown_MarkerJ.png differ
diff --git a/markers/brown_MarkerK.png b/markers/brown_MarkerK.png
new file mode 100755
index 0000000..6e138c7
Binary files /dev/null and b/markers/brown_MarkerK.png differ
diff --git a/markers/brown_MarkerL.png b/markers/brown_MarkerL.png
new file mode 100755
index 0000000..1d5fbc8
Binary files /dev/null and b/markers/brown_MarkerL.png differ
diff --git a/markers/brown_MarkerM.png b/markers/brown_MarkerM.png
new file mode 100755
index 0000000..00c6653
Binary files /dev/null and b/markers/brown_MarkerM.png differ
diff --git a/markers/brown_MarkerN.png b/markers/brown_MarkerN.png
new file mode 100755
index 0000000..f8f9929
Binary files /dev/null and b/markers/brown_MarkerN.png differ
diff --git a/markers/brown_MarkerO.png b/markers/brown_MarkerO.png
new file mode 100755
index 0000000..2cc252b
Binary files /dev/null and b/markers/brown_MarkerO.png differ
diff --git a/markers/brown_MarkerP.png b/markers/brown_MarkerP.png
new file mode 100755
index 0000000..e995170
Binary files /dev/null and b/markers/brown_MarkerP.png differ
diff --git a/markers/brown_MarkerQ.png b/markers/brown_MarkerQ.png
new file mode 100755
index 0000000..4c850c8
Binary files /dev/null and b/markers/brown_MarkerQ.png differ
diff --git a/markers/brown_MarkerR.png b/markers/brown_MarkerR.png
new file mode 100755
index 0000000..010f5b3
Binary files /dev/null and b/markers/brown_MarkerR.png differ
diff --git a/markers/brown_MarkerS.png b/markers/brown_MarkerS.png
new file mode 100755
index 0000000..1e40500
Binary files /dev/null and b/markers/brown_MarkerS.png differ
diff --git a/markers/brown_MarkerT.png b/markers/brown_MarkerT.png
new file mode 100755
index 0000000..0e70e13
Binary files /dev/null and b/markers/brown_MarkerT.png differ
diff --git a/markers/brown_MarkerU.png b/markers/brown_MarkerU.png
new file mode 100755
index 0000000..65c9c4e
Binary files /dev/null and b/markers/brown_MarkerU.png differ
diff --git a/markers/brown_MarkerV.png b/markers/brown_MarkerV.png
new file mode 100755
index 0000000..b0cf905
Binary files /dev/null and b/markers/brown_MarkerV.png differ
diff --git a/markers/brown_MarkerW.png b/markers/brown_MarkerW.png
new file mode 100755
index 0000000..052d704
Binary files /dev/null and b/markers/brown_MarkerW.png differ
diff --git a/markers/brown_MarkerX.png b/markers/brown_MarkerX.png
new file mode 100755
index 0000000..fc3f81c
Binary files /dev/null and b/markers/brown_MarkerX.png differ
diff --git a/markers/brown_MarkerY.png b/markers/brown_MarkerY.png
new file mode 100755
index 0000000..edc5512
Binary files /dev/null and b/markers/brown_MarkerY.png differ
diff --git a/markers/brown_MarkerZ.png b/markers/brown_MarkerZ.png
new file mode 100755
index 0000000..c915fc5
Binary files /dev/null and b/markers/brown_MarkerZ.png differ
diff --git a/markers/darkgreen_MarkerA.png b/markers/darkgreen_MarkerA.png
new file mode 100755
index 0000000..bd16ad6
Binary files /dev/null and b/markers/darkgreen_MarkerA.png differ
diff --git a/markers/darkgreen_MarkerB.png b/markers/darkgreen_MarkerB.png
new file mode 100755
index 0000000..3b15cb7
Binary files /dev/null and b/markers/darkgreen_MarkerB.png differ
diff --git a/markers/darkgreen_MarkerC.png b/markers/darkgreen_MarkerC.png
new file mode 100755
index 0000000..5fb8761
Binary files /dev/null and b/markers/darkgreen_MarkerC.png differ
diff --git a/markers/darkgreen_MarkerD.png b/markers/darkgreen_MarkerD.png
new file mode 100755
index 0000000..85d2e98
Binary files /dev/null and b/markers/darkgreen_MarkerD.png differ
diff --git a/markers/darkgreen_MarkerE.png b/markers/darkgreen_MarkerE.png
new file mode 100755
index 0000000..3e8f1f9
Binary files /dev/null and b/markers/darkgreen_MarkerE.png differ
diff --git a/markers/darkgreen_MarkerF.png b/markers/darkgreen_MarkerF.png
new file mode 100755
index 0000000..80a34e9
Binary files /dev/null and b/markers/darkgreen_MarkerF.png differ
diff --git a/markers/darkgreen_MarkerG.png b/markers/darkgreen_MarkerG.png
new file mode 100755
index 0000000..8603f2f
Binary files /dev/null and b/markers/darkgreen_MarkerG.png differ
diff --git a/markers/darkgreen_MarkerH.png b/markers/darkgreen_MarkerH.png
new file mode 100755
index 0000000..99975b9
Binary files /dev/null and b/markers/darkgreen_MarkerH.png differ
diff --git a/markers/darkgreen_MarkerI.png b/markers/darkgreen_MarkerI.png
new file mode 100755
index 0000000..409b5ae
Binary files /dev/null and b/markers/darkgreen_MarkerI.png differ
diff --git a/markers/darkgreen_MarkerJ.png b/markers/darkgreen_MarkerJ.png
new file mode 100755
index 0000000..e3bf5b8
Binary files /dev/null and b/markers/darkgreen_MarkerJ.png differ
diff --git a/markers/darkgreen_MarkerK.png b/markers/darkgreen_MarkerK.png
new file mode 100755
index 0000000..b9b0ce1
Binary files /dev/null and b/markers/darkgreen_MarkerK.png differ
diff --git a/markers/darkgreen_MarkerL.png b/markers/darkgreen_MarkerL.png
new file mode 100755
index 0000000..8cb6bd3
Binary files /dev/null and b/markers/darkgreen_MarkerL.png differ
diff --git a/markers/darkgreen_MarkerM.png b/markers/darkgreen_MarkerM.png
new file mode 100755
index 0000000..d786eee
Binary files /dev/null and b/markers/darkgreen_MarkerM.png differ
diff --git a/markers/darkgreen_MarkerN.png b/markers/darkgreen_MarkerN.png
new file mode 100755
index 0000000..6cfa665
Binary files /dev/null and b/markers/darkgreen_MarkerN.png differ
diff --git a/markers/darkgreen_MarkerO.png b/markers/darkgreen_MarkerO.png
new file mode 100755
index 0000000..5b7c07c
Binary files /dev/null and b/markers/darkgreen_MarkerO.png differ
diff --git a/markers/darkgreen_MarkerP.png b/markers/darkgreen_MarkerP.png
new file mode 100755
index 0000000..f4657f7
Binary files /dev/null and b/markers/darkgreen_MarkerP.png differ
diff --git a/markers/darkgreen_MarkerQ.png b/markers/darkgreen_MarkerQ.png
new file mode 100755
index 0000000..da7dd74
Binary files /dev/null and b/markers/darkgreen_MarkerQ.png differ
diff --git a/markers/darkgreen_MarkerR.png b/markers/darkgreen_MarkerR.png
new file mode 100755
index 0000000..50b2e0b
Binary files /dev/null and b/markers/darkgreen_MarkerR.png differ
diff --git a/markers/darkgreen_MarkerS.png b/markers/darkgreen_MarkerS.png
new file mode 100755
index 0000000..f388dc8
Binary files /dev/null and b/markers/darkgreen_MarkerS.png differ
diff --git a/markers/darkgreen_MarkerT.png b/markers/darkgreen_MarkerT.png
new file mode 100755
index 0000000..6d8e8ea
Binary files /dev/null and b/markers/darkgreen_MarkerT.png differ
diff --git a/markers/darkgreen_MarkerU.png b/markers/darkgreen_MarkerU.png
new file mode 100755
index 0000000..e88bb6a
Binary files /dev/null and b/markers/darkgreen_MarkerU.png differ
diff --git a/markers/darkgreen_MarkerV.png b/markers/darkgreen_MarkerV.png
new file mode 100755
index 0000000..f458226
Binary files /dev/null and b/markers/darkgreen_MarkerV.png differ
diff --git a/markers/darkgreen_MarkerW.png b/markers/darkgreen_MarkerW.png
new file mode 100755
index 0000000..8d407a5
Binary files /dev/null and b/markers/darkgreen_MarkerW.png differ
diff --git a/markers/darkgreen_MarkerX.png b/markers/darkgreen_MarkerX.png
new file mode 100755
index 0000000..27c51a7
Binary files /dev/null and b/markers/darkgreen_MarkerX.png differ
diff --git a/markers/darkgreen_MarkerY.png b/markers/darkgreen_MarkerY.png
new file mode 100755
index 0000000..9f67d8a
Binary files /dev/null and b/markers/darkgreen_MarkerY.png differ
diff --git a/markers/darkgreen_MarkerZ.png b/markers/darkgreen_MarkerZ.png
new file mode 100755
index 0000000..ac2a7df
Binary files /dev/null and b/markers/darkgreen_MarkerZ.png differ
diff --git a/markers/green_MarkerA.png b/markers/green_MarkerA.png
new file mode 100755
index 0000000..1ef3977
Binary files /dev/null and b/markers/green_MarkerA.png differ
diff --git a/markers/green_MarkerB.png b/markers/green_MarkerB.png
new file mode 100755
index 0000000..d78d820
Binary files /dev/null and b/markers/green_MarkerB.png differ
diff --git a/markers/green_MarkerC.png b/markers/green_MarkerC.png
new file mode 100755
index 0000000..6a53d70
Binary files /dev/null and b/markers/green_MarkerC.png differ
diff --git a/markers/green_MarkerD.png b/markers/green_MarkerD.png
new file mode 100755
index 0000000..17c2836
Binary files /dev/null and b/markers/green_MarkerD.png differ
diff --git a/markers/green_MarkerE.png b/markers/green_MarkerE.png
new file mode 100755
index 0000000..8b744a4
Binary files /dev/null and b/markers/green_MarkerE.png differ
diff --git a/markers/green_MarkerF.png b/markers/green_MarkerF.png
new file mode 100755
index 0000000..754658c
Binary files /dev/null and b/markers/green_MarkerF.png differ
diff --git a/markers/green_MarkerG.png b/markers/green_MarkerG.png
new file mode 100755
index 0000000..1c5b1c4
Binary files /dev/null and b/markers/green_MarkerG.png differ
diff --git a/markers/green_MarkerH.png b/markers/green_MarkerH.png
new file mode 100755
index 0000000..c063bd4
Binary files /dev/null and b/markers/green_MarkerH.png differ
diff --git a/markers/green_MarkerI.png b/markers/green_MarkerI.png
new file mode 100755
index 0000000..913f0ac
Binary files /dev/null and b/markers/green_MarkerI.png differ
diff --git a/markers/green_MarkerJ.png b/markers/green_MarkerJ.png
new file mode 100755
index 0000000..c9b4112
Binary files /dev/null and b/markers/green_MarkerJ.png differ
diff --git a/markers/green_MarkerK.png b/markers/green_MarkerK.png
new file mode 100755
index 0000000..249d305
Binary files /dev/null and b/markers/green_MarkerK.png differ
diff --git a/markers/green_MarkerL.png b/markers/green_MarkerL.png
new file mode 100755
index 0000000..96fc624
Binary files /dev/null and b/markers/green_MarkerL.png differ
diff --git a/markers/green_MarkerM.png b/markers/green_MarkerM.png
new file mode 100755
index 0000000..40c7e67
Binary files /dev/null and b/markers/green_MarkerM.png differ
diff --git a/markers/green_MarkerN.png b/markers/green_MarkerN.png
new file mode 100755
index 0000000..4ea8fb1
Binary files /dev/null and b/markers/green_MarkerN.png differ
diff --git a/markers/green_MarkerO.png b/markers/green_MarkerO.png
new file mode 100755
index 0000000..d2b8b26
Binary files /dev/null and b/markers/green_MarkerO.png differ
diff --git a/markers/green_MarkerP.png b/markers/green_MarkerP.png
new file mode 100755
index 0000000..8924079
Binary files /dev/null and b/markers/green_MarkerP.png differ
diff --git a/markers/green_MarkerQ.png b/markers/green_MarkerQ.png
new file mode 100755
index 0000000..f42fd5e
Binary files /dev/null and b/markers/green_MarkerQ.png differ
diff --git a/markers/green_MarkerR.png b/markers/green_MarkerR.png
new file mode 100755
index 0000000..949c28d
Binary files /dev/null and b/markers/green_MarkerR.png differ
diff --git a/markers/green_MarkerS.png b/markers/green_MarkerS.png
new file mode 100755
index 0000000..ba5c558
Binary files /dev/null and b/markers/green_MarkerS.png differ
diff --git a/markers/green_MarkerT.png b/markers/green_MarkerT.png
new file mode 100755
index 0000000..fb5a0ca
Binary files /dev/null and b/markers/green_MarkerT.png differ
diff --git a/markers/green_MarkerU.png b/markers/green_MarkerU.png
new file mode 100755
index 0000000..aaf049e
Binary files /dev/null and b/markers/green_MarkerU.png differ
diff --git a/markers/green_MarkerV.png b/markers/green_MarkerV.png
new file mode 100755
index 0000000..2b8df5a
Binary files /dev/null and b/markers/green_MarkerV.png differ
diff --git a/markers/green_MarkerW.png b/markers/green_MarkerW.png
new file mode 100755
index 0000000..1b61643
Binary files /dev/null and b/markers/green_MarkerW.png differ
diff --git a/markers/green_MarkerX.png b/markers/green_MarkerX.png
new file mode 100755
index 0000000..748c91c
Binary files /dev/null and b/markers/green_MarkerX.png differ
diff --git a/markers/green_MarkerY.png b/markers/green_MarkerY.png
new file mode 100755
index 0000000..a0d72cf
Binary files /dev/null and b/markers/green_MarkerY.png differ
diff --git a/markers/green_MarkerZ.png b/markers/green_MarkerZ.png
new file mode 100755
index 0000000..8a99ee0
Binary files /dev/null and b/markers/green_MarkerZ.png differ
diff --git a/markers/markers.psd b/markers/markers.psd
new file mode 100755
index 0000000..3a92454
Binary files /dev/null and b/markers/markers.psd differ
diff --git a/markers/orange_MarkerA.png b/markers/orange_MarkerA.png
new file mode 100755
index 0000000..5bf7d1c
Binary files /dev/null and b/markers/orange_MarkerA.png differ
diff --git a/markers/orange_MarkerB.png b/markers/orange_MarkerB.png
new file mode 100755
index 0000000..50be721
Binary files /dev/null and b/markers/orange_MarkerB.png differ
diff --git a/markers/orange_MarkerC.png b/markers/orange_MarkerC.png
new file mode 100755
index 0000000..008ed5f
Binary files /dev/null and b/markers/orange_MarkerC.png differ
diff --git a/markers/orange_MarkerD.png b/markers/orange_MarkerD.png
new file mode 100755
index 0000000..b067eff
Binary files /dev/null and b/markers/orange_MarkerD.png differ
diff --git a/markers/orange_MarkerE.png b/markers/orange_MarkerE.png
new file mode 100755
index 0000000..0367aec
Binary files /dev/null and b/markers/orange_MarkerE.png differ
diff --git a/markers/orange_MarkerF.png b/markers/orange_MarkerF.png
new file mode 100755
index 0000000..cda3761
Binary files /dev/null and b/markers/orange_MarkerF.png differ
diff --git a/markers/orange_MarkerG.png b/markers/orange_MarkerG.png
new file mode 100755
index 0000000..ec670cd
Binary files /dev/null and b/markers/orange_MarkerG.png differ
diff --git a/markers/orange_MarkerH.png b/markers/orange_MarkerH.png
new file mode 100755
index 0000000..e9ae98b
Binary files /dev/null and b/markers/orange_MarkerH.png differ
diff --git a/markers/orange_MarkerI.png b/markers/orange_MarkerI.png
new file mode 100755
index 0000000..bab559a
Binary files /dev/null and b/markers/orange_MarkerI.png differ
diff --git a/markers/orange_MarkerJ.png b/markers/orange_MarkerJ.png
new file mode 100755
index 0000000..96bae57
Binary files /dev/null and b/markers/orange_MarkerJ.png differ
diff --git a/markers/orange_MarkerK.png b/markers/orange_MarkerK.png
new file mode 100755
index 0000000..4aa8467
Binary files /dev/null and b/markers/orange_MarkerK.png differ
diff --git a/markers/orange_MarkerL.png b/markers/orange_MarkerL.png
new file mode 100755
index 0000000..7fbd05f
Binary files /dev/null and b/markers/orange_MarkerL.png differ
diff --git a/markers/orange_MarkerM.png b/markers/orange_MarkerM.png
new file mode 100755
index 0000000..a40b9df
Binary files /dev/null and b/markers/orange_MarkerM.png differ
diff --git a/markers/orange_MarkerN.png b/markers/orange_MarkerN.png
new file mode 100755
index 0000000..6fe3000
Binary files /dev/null and b/markers/orange_MarkerN.png differ
diff --git a/markers/orange_MarkerO.png b/markers/orange_MarkerO.png
new file mode 100755
index 0000000..06618e1
Binary files /dev/null and b/markers/orange_MarkerO.png differ
diff --git a/markers/orange_MarkerP.png b/markers/orange_MarkerP.png
new file mode 100755
index 0000000..7f9f248
Binary files /dev/null and b/markers/orange_MarkerP.png differ
diff --git a/markers/orange_MarkerQ.png b/markers/orange_MarkerQ.png
new file mode 100755
index 0000000..be3f9a4
Binary files /dev/null and b/markers/orange_MarkerQ.png differ
diff --git a/markers/orange_MarkerR.png b/markers/orange_MarkerR.png
new file mode 100755
index 0000000..80bcd53
Binary files /dev/null and b/markers/orange_MarkerR.png differ
diff --git a/markers/orange_MarkerS.png b/markers/orange_MarkerS.png
new file mode 100755
index 0000000..ebcf4a8
Binary files /dev/null and b/markers/orange_MarkerS.png differ
diff --git a/markers/orange_MarkerT.png b/markers/orange_MarkerT.png
new file mode 100755
index 0000000..a29d9c4
Binary files /dev/null and b/markers/orange_MarkerT.png differ
diff --git a/markers/orange_MarkerU.png b/markers/orange_MarkerU.png
new file mode 100755
index 0000000..0742b91
Binary files /dev/null and b/markers/orange_MarkerU.png differ
diff --git a/markers/orange_MarkerV.png b/markers/orange_MarkerV.png
new file mode 100755
index 0000000..146c19c
Binary files /dev/null and b/markers/orange_MarkerV.png differ
diff --git a/markers/orange_MarkerW.png b/markers/orange_MarkerW.png
new file mode 100755
index 0000000..93afd92
Binary files /dev/null and b/markers/orange_MarkerW.png differ
diff --git a/markers/orange_MarkerX.png b/markers/orange_MarkerX.png
new file mode 100755
index 0000000..a0198e6
Binary files /dev/null and b/markers/orange_MarkerX.png differ
diff --git a/markers/orange_MarkerY.png b/markers/orange_MarkerY.png
new file mode 100755
index 0000000..da75f5f
Binary files /dev/null and b/markers/orange_MarkerY.png differ
diff --git a/markers/orange_MarkerZ.png b/markers/orange_MarkerZ.png
new file mode 100755
index 0000000..5ce778b
Binary files /dev/null and b/markers/orange_MarkerZ.png differ
diff --git a/markers/paleblue_MarkerA.png b/markers/paleblue_MarkerA.png
new file mode 100755
index 0000000..99b7d1e
Binary files /dev/null and b/markers/paleblue_MarkerA.png differ
diff --git a/markers/paleblue_MarkerB.png b/markers/paleblue_MarkerB.png
new file mode 100755
index 0000000..9f6514b
Binary files /dev/null and b/markers/paleblue_MarkerB.png differ
diff --git a/markers/paleblue_MarkerC.png b/markers/paleblue_MarkerC.png
new file mode 100755
index 0000000..8459356
Binary files /dev/null and b/markers/paleblue_MarkerC.png differ
diff --git a/markers/paleblue_MarkerD.png b/markers/paleblue_MarkerD.png
new file mode 100755
index 0000000..2d24e3b
Binary files /dev/null and b/markers/paleblue_MarkerD.png differ
diff --git a/markers/paleblue_MarkerE.png b/markers/paleblue_MarkerE.png
new file mode 100755
index 0000000..1dfd691
Binary files /dev/null and b/markers/paleblue_MarkerE.png differ
diff --git a/markers/paleblue_MarkerF.png b/markers/paleblue_MarkerF.png
new file mode 100755
index 0000000..6d24cc1
Binary files /dev/null and b/markers/paleblue_MarkerF.png differ
diff --git a/markers/paleblue_MarkerG.png b/markers/paleblue_MarkerG.png
new file mode 100755
index 0000000..49349d1
Binary files /dev/null and b/markers/paleblue_MarkerG.png differ
diff --git a/markers/paleblue_MarkerH.png b/markers/paleblue_MarkerH.png
new file mode 100755
index 0000000..b2c53ef
Binary files /dev/null and b/markers/paleblue_MarkerH.png differ
diff --git a/markers/paleblue_MarkerI.png b/markers/paleblue_MarkerI.png
new file mode 100755
index 0000000..51c35b4
Binary files /dev/null and b/markers/paleblue_MarkerI.png differ
diff --git a/markers/paleblue_MarkerJ.png b/markers/paleblue_MarkerJ.png
new file mode 100755
index 0000000..9348623
Binary files /dev/null and b/markers/paleblue_MarkerJ.png differ
diff --git a/markers/paleblue_MarkerK.png b/markers/paleblue_MarkerK.png
new file mode 100755
index 0000000..c5f38d4
Binary files /dev/null and b/markers/paleblue_MarkerK.png differ
diff --git a/markers/paleblue_MarkerL.png b/markers/paleblue_MarkerL.png
new file mode 100755
index 0000000..fe45992
Binary files /dev/null and b/markers/paleblue_MarkerL.png differ
diff --git a/markers/paleblue_MarkerM.png b/markers/paleblue_MarkerM.png
new file mode 100755
index 0000000..c8e3ce4
Binary files /dev/null and b/markers/paleblue_MarkerM.png differ
diff --git a/markers/paleblue_MarkerN.png b/markers/paleblue_MarkerN.png
new file mode 100755
index 0000000..4101aae
Binary files /dev/null and b/markers/paleblue_MarkerN.png differ
diff --git a/markers/paleblue_MarkerO.png b/markers/paleblue_MarkerO.png
new file mode 100755
index 0000000..b909966
Binary files /dev/null and b/markers/paleblue_MarkerO.png differ
diff --git a/markers/paleblue_MarkerP.png b/markers/paleblue_MarkerP.png
new file mode 100755
index 0000000..dee459f
Binary files /dev/null and b/markers/paleblue_MarkerP.png differ
diff --git a/markers/paleblue_MarkerQ.png b/markers/paleblue_MarkerQ.png
new file mode 100755
index 0000000..d8d7779
Binary files /dev/null and b/markers/paleblue_MarkerQ.png differ
diff --git a/markers/paleblue_MarkerR.png b/markers/paleblue_MarkerR.png
new file mode 100755
index 0000000..4004629
Binary files /dev/null and b/markers/paleblue_MarkerR.png differ
diff --git a/markers/paleblue_MarkerS.png b/markers/paleblue_MarkerS.png
new file mode 100755
index 0000000..1f5b59c
Binary files /dev/null and b/markers/paleblue_MarkerS.png differ
diff --git a/markers/paleblue_MarkerT.png b/markers/paleblue_MarkerT.png
new file mode 100755
index 0000000..86abcf3
Binary files /dev/null and b/markers/paleblue_MarkerT.png differ
diff --git a/markers/paleblue_MarkerU.png b/markers/paleblue_MarkerU.png
new file mode 100755
index 0000000..9ab4e4a
Binary files /dev/null and b/markers/paleblue_MarkerU.png differ
diff --git a/markers/paleblue_MarkerV.png b/markers/paleblue_MarkerV.png
new file mode 100755
index 0000000..f72dca1
Binary files /dev/null and b/markers/paleblue_MarkerV.png differ
diff --git a/markers/paleblue_MarkerW.png b/markers/paleblue_MarkerW.png
new file mode 100755
index 0000000..fc50614
Binary files /dev/null and b/markers/paleblue_MarkerW.png differ
diff --git a/markers/paleblue_MarkerX.png b/markers/paleblue_MarkerX.png
new file mode 100755
index 0000000..923ad75
Binary files /dev/null and b/markers/paleblue_MarkerX.png differ
diff --git a/markers/paleblue_MarkerY.png b/markers/paleblue_MarkerY.png
new file mode 100755
index 0000000..d5c97b1
Binary files /dev/null and b/markers/paleblue_MarkerY.png differ
diff --git a/markers/paleblue_MarkerZ.png b/markers/paleblue_MarkerZ.png
new file mode 100755
index 0000000..61d776a
Binary files /dev/null and b/markers/paleblue_MarkerZ.png differ
diff --git a/markers/pink_MarkerA.png b/markers/pink_MarkerA.png
new file mode 100755
index 0000000..5307ad7
Binary files /dev/null and b/markers/pink_MarkerA.png differ
diff --git a/markers/pink_MarkerB.png b/markers/pink_MarkerB.png
new file mode 100755
index 0000000..807b462
Binary files /dev/null and b/markers/pink_MarkerB.png differ
diff --git a/markers/pink_MarkerC.png b/markers/pink_MarkerC.png
new file mode 100755
index 0000000..ef5032f
Binary files /dev/null and b/markers/pink_MarkerC.png differ
diff --git a/markers/pink_MarkerD.png b/markers/pink_MarkerD.png
new file mode 100755
index 0000000..b418499
Binary files /dev/null and b/markers/pink_MarkerD.png differ
diff --git a/markers/pink_MarkerE.png b/markers/pink_MarkerE.png
new file mode 100755
index 0000000..735ed62
Binary files /dev/null and b/markers/pink_MarkerE.png differ
diff --git a/markers/pink_MarkerF.png b/markers/pink_MarkerF.png
new file mode 100755
index 0000000..a7e23f4
Binary files /dev/null and b/markers/pink_MarkerF.png differ
diff --git a/markers/pink_MarkerG.png b/markers/pink_MarkerG.png
new file mode 100755
index 0000000..fc8440d
Binary files /dev/null and b/markers/pink_MarkerG.png differ
diff --git a/markers/pink_MarkerH.png b/markers/pink_MarkerH.png
new file mode 100755
index 0000000..da17d55
Binary files /dev/null and b/markers/pink_MarkerH.png differ
diff --git a/markers/pink_MarkerI.png b/markers/pink_MarkerI.png
new file mode 100755
index 0000000..5b6a006
Binary files /dev/null and b/markers/pink_MarkerI.png differ
diff --git a/markers/pink_MarkerJ.png b/markers/pink_MarkerJ.png
new file mode 100755
index 0000000..26bd6c5
Binary files /dev/null and b/markers/pink_MarkerJ.png differ
diff --git a/markers/pink_MarkerK.png b/markers/pink_MarkerK.png
new file mode 100755
index 0000000..889943e
Binary files /dev/null and b/markers/pink_MarkerK.png differ
diff --git a/markers/pink_MarkerL.png b/markers/pink_MarkerL.png
new file mode 100755
index 0000000..406ddf7
Binary files /dev/null and b/markers/pink_MarkerL.png differ
diff --git a/markers/pink_MarkerM.png b/markers/pink_MarkerM.png
new file mode 100755
index 0000000..847b023
Binary files /dev/null and b/markers/pink_MarkerM.png differ
diff --git a/markers/pink_MarkerN.png b/markers/pink_MarkerN.png
new file mode 100755
index 0000000..0ec4ea7
Binary files /dev/null and b/markers/pink_MarkerN.png differ
diff --git a/markers/pink_MarkerO.png b/markers/pink_MarkerO.png
new file mode 100755
index 0000000..8264407
Binary files /dev/null and b/markers/pink_MarkerO.png differ
diff --git a/markers/pink_MarkerP.png b/markers/pink_MarkerP.png
new file mode 100755
index 0000000..ea2755d
Binary files /dev/null and b/markers/pink_MarkerP.png differ
diff --git a/markers/pink_MarkerQ.png b/markers/pink_MarkerQ.png
new file mode 100755
index 0000000..81e8690
Binary files /dev/null and b/markers/pink_MarkerQ.png differ
diff --git a/markers/pink_MarkerR.png b/markers/pink_MarkerR.png
new file mode 100755
index 0000000..00e3fa9
Binary files /dev/null and b/markers/pink_MarkerR.png differ
diff --git a/markers/pink_MarkerS.png b/markers/pink_MarkerS.png
new file mode 100755
index 0000000..b5ababa
Binary files /dev/null and b/markers/pink_MarkerS.png differ
diff --git a/markers/pink_MarkerT.png b/markers/pink_MarkerT.png
new file mode 100755
index 0000000..7300abb
Binary files /dev/null and b/markers/pink_MarkerT.png differ
diff --git a/markers/pink_MarkerU.png b/markers/pink_MarkerU.png
new file mode 100755
index 0000000..9a603a6
Binary files /dev/null and b/markers/pink_MarkerU.png differ
diff --git a/markers/pink_MarkerV.png b/markers/pink_MarkerV.png
new file mode 100755
index 0000000..03c434a
Binary files /dev/null and b/markers/pink_MarkerV.png differ
diff --git a/markers/pink_MarkerW.png b/markers/pink_MarkerW.png
new file mode 100755
index 0000000..7e43ffe
Binary files /dev/null and b/markers/pink_MarkerW.png differ
diff --git a/markers/pink_MarkerX.png b/markers/pink_MarkerX.png
new file mode 100755
index 0000000..e30ecec
Binary files /dev/null and b/markers/pink_MarkerX.png differ
diff --git a/markers/pink_MarkerY.png b/markers/pink_MarkerY.png
new file mode 100755
index 0000000..0d6ff4b
Binary files /dev/null and b/markers/pink_MarkerY.png differ
diff --git a/markers/pink_MarkerZ.png b/markers/pink_MarkerZ.png
new file mode 100755
index 0000000..c954c9b
Binary files /dev/null and b/markers/pink_MarkerZ.png differ
diff --git a/markers/purple_MarkerA.png b/markers/purple_MarkerA.png
new file mode 100755
index 0000000..ce5d42b
Binary files /dev/null and b/markers/purple_MarkerA.png differ
diff --git a/markers/purple_MarkerB.png b/markers/purple_MarkerB.png
new file mode 100755
index 0000000..8f4a288
Binary files /dev/null and b/markers/purple_MarkerB.png differ
diff --git a/markers/purple_MarkerC.png b/markers/purple_MarkerC.png
new file mode 100755
index 0000000..93d9792
Binary files /dev/null and b/markers/purple_MarkerC.png differ
diff --git a/markers/purple_MarkerD.png b/markers/purple_MarkerD.png
new file mode 100755
index 0000000..ce8fd02
Binary files /dev/null and b/markers/purple_MarkerD.png differ
diff --git a/markers/purple_MarkerE.png b/markers/purple_MarkerE.png
new file mode 100755
index 0000000..8df8d42
Binary files /dev/null and b/markers/purple_MarkerE.png differ
diff --git a/markers/purple_MarkerF.png b/markers/purple_MarkerF.png
new file mode 100755
index 0000000..f278121
Binary files /dev/null and b/markers/purple_MarkerF.png differ
diff --git a/markers/purple_MarkerG.png b/markers/purple_MarkerG.png
new file mode 100755
index 0000000..9c09ed9
Binary files /dev/null and b/markers/purple_MarkerG.png differ
diff --git a/markers/purple_MarkerH.png b/markers/purple_MarkerH.png
new file mode 100755
index 0000000..ce9e0ac
Binary files /dev/null and b/markers/purple_MarkerH.png differ
diff --git a/markers/purple_MarkerI.png b/markers/purple_MarkerI.png
new file mode 100755
index 0000000..8294b01
Binary files /dev/null and b/markers/purple_MarkerI.png differ
diff --git a/markers/purple_MarkerJ.png b/markers/purple_MarkerJ.png
new file mode 100755
index 0000000..cf8dc67
Binary files /dev/null and b/markers/purple_MarkerJ.png differ
diff --git a/markers/purple_MarkerK.png b/markers/purple_MarkerK.png
new file mode 100755
index 0000000..f6ee6bb
Binary files /dev/null and b/markers/purple_MarkerK.png differ
diff --git a/markers/purple_MarkerL.png b/markers/purple_MarkerL.png
new file mode 100755
index 0000000..392794d
Binary files /dev/null and b/markers/purple_MarkerL.png differ
diff --git a/markers/purple_MarkerM.png b/markers/purple_MarkerM.png
new file mode 100755
index 0000000..b96a6ea
Binary files /dev/null and b/markers/purple_MarkerM.png differ
diff --git a/markers/purple_MarkerN.png b/markers/purple_MarkerN.png
new file mode 100755
index 0000000..3cc28a4
Binary files /dev/null and b/markers/purple_MarkerN.png differ
diff --git a/markers/purple_MarkerO.png b/markers/purple_MarkerO.png
new file mode 100755
index 0000000..2981553
Binary files /dev/null and b/markers/purple_MarkerO.png differ
diff --git a/markers/purple_MarkerP.png b/markers/purple_MarkerP.png
new file mode 100755
index 0000000..cf7db1e
Binary files /dev/null and b/markers/purple_MarkerP.png differ
diff --git a/markers/purple_MarkerQ.png b/markers/purple_MarkerQ.png
new file mode 100755
index 0000000..a3aa2ce
Binary files /dev/null and b/markers/purple_MarkerQ.png differ
diff --git a/markers/purple_MarkerR.png b/markers/purple_MarkerR.png
new file mode 100755
index 0000000..83aaddd
Binary files /dev/null and b/markers/purple_MarkerR.png differ
diff --git a/markers/purple_MarkerS.png b/markers/purple_MarkerS.png
new file mode 100755
index 0000000..363a516
Binary files /dev/null and b/markers/purple_MarkerS.png differ
diff --git a/markers/purple_MarkerT.png b/markers/purple_MarkerT.png
new file mode 100755
index 0000000..1481e83
Binary files /dev/null and b/markers/purple_MarkerT.png differ
diff --git a/markers/purple_MarkerU.png b/markers/purple_MarkerU.png
new file mode 100755
index 0000000..809e7b1
Binary files /dev/null and b/markers/purple_MarkerU.png differ
diff --git a/markers/purple_MarkerV.png b/markers/purple_MarkerV.png
new file mode 100755
index 0000000..51d73ed
Binary files /dev/null and b/markers/purple_MarkerV.png differ
diff --git a/markers/purple_MarkerW.png b/markers/purple_MarkerW.png
new file mode 100755
index 0000000..93cc338
Binary files /dev/null and b/markers/purple_MarkerW.png differ
diff --git a/markers/purple_MarkerX.png b/markers/purple_MarkerX.png
new file mode 100755
index 0000000..fa25db3
Binary files /dev/null and b/markers/purple_MarkerX.png differ
diff --git a/markers/purple_MarkerY.png b/markers/purple_MarkerY.png
new file mode 100755
index 0000000..bde6b4e
Binary files /dev/null and b/markers/purple_MarkerY.png differ
diff --git a/markers/purple_MarkerZ.png b/markers/purple_MarkerZ.png
new file mode 100755
index 0000000..682ce03
Binary files /dev/null and b/markers/purple_MarkerZ.png differ
diff --git a/markers/red_MarkerA.png b/markers/red_MarkerA.png
new file mode 100755
index 0000000..ea68503
Binary files /dev/null and b/markers/red_MarkerA.png differ
diff --git a/markers/red_MarkerB.png b/markers/red_MarkerB.png
new file mode 100755
index 0000000..afa894c
Binary files /dev/null and b/markers/red_MarkerB.png differ
diff --git a/markers/red_MarkerC.png b/markers/red_MarkerC.png
new file mode 100755
index 0000000..231287c
Binary files /dev/null and b/markers/red_MarkerC.png differ
diff --git a/markers/red_MarkerD.png b/markers/red_MarkerD.png
new file mode 100755
index 0000000..5f6a24c
Binary files /dev/null and b/markers/red_MarkerD.png differ
diff --git a/markers/red_MarkerE.png b/markers/red_MarkerE.png
new file mode 100755
index 0000000..db47c4d
Binary files /dev/null and b/markers/red_MarkerE.png differ
diff --git a/markers/red_MarkerF.png b/markers/red_MarkerF.png
new file mode 100755
index 0000000..998bf8f
Binary files /dev/null and b/markers/red_MarkerF.png differ
diff --git a/markers/red_MarkerG.png b/markers/red_MarkerG.png
new file mode 100755
index 0000000..1beaa03
Binary files /dev/null and b/markers/red_MarkerG.png differ
diff --git a/markers/red_MarkerH.png b/markers/red_MarkerH.png
new file mode 100755
index 0000000..4533769
Binary files /dev/null and b/markers/red_MarkerH.png differ
diff --git a/markers/red_MarkerI.png b/markers/red_MarkerI.png
new file mode 100755
index 0000000..b9b8deb
Binary files /dev/null and b/markers/red_MarkerI.png differ
diff --git a/markers/red_MarkerJ.png b/markers/red_MarkerJ.png
new file mode 100755
index 0000000..c6a06ce
Binary files /dev/null and b/markers/red_MarkerJ.png differ
diff --git a/markers/red_MarkerK.png b/markers/red_MarkerK.png
new file mode 100755
index 0000000..16252ae
Binary files /dev/null and b/markers/red_MarkerK.png differ
diff --git a/markers/red_MarkerL.png b/markers/red_MarkerL.png
new file mode 100755
index 0000000..18287d6
Binary files /dev/null and b/markers/red_MarkerL.png differ
diff --git a/markers/red_MarkerM.png b/markers/red_MarkerM.png
new file mode 100755
index 0000000..b318655
Binary files /dev/null and b/markers/red_MarkerM.png differ
diff --git a/markers/red_MarkerN.png b/markers/red_MarkerN.png
new file mode 100755
index 0000000..4308887
Binary files /dev/null and b/markers/red_MarkerN.png differ
diff --git a/markers/red_MarkerO.png b/markers/red_MarkerO.png
new file mode 100755
index 0000000..792bb20
Binary files /dev/null and b/markers/red_MarkerO.png differ
diff --git a/markers/red_MarkerP.png b/markers/red_MarkerP.png
new file mode 100755
index 0000000..a477ecc
Binary files /dev/null and b/markers/red_MarkerP.png differ
diff --git a/markers/red_MarkerQ.png b/markers/red_MarkerQ.png
new file mode 100755
index 0000000..740c519
Binary files /dev/null and b/markers/red_MarkerQ.png differ
diff --git a/markers/red_MarkerR.png b/markers/red_MarkerR.png
new file mode 100755
index 0000000..2a62b80
Binary files /dev/null and b/markers/red_MarkerR.png differ
diff --git a/markers/red_MarkerS.png b/markers/red_MarkerS.png
new file mode 100755
index 0000000..dd573ee
Binary files /dev/null and b/markers/red_MarkerS.png differ
diff --git a/markers/red_MarkerT.png b/markers/red_MarkerT.png
new file mode 100755
index 0000000..a123364
Binary files /dev/null and b/markers/red_MarkerT.png differ
diff --git a/markers/red_MarkerU.png b/markers/red_MarkerU.png
new file mode 100755
index 0000000..bb51322
Binary files /dev/null and b/markers/red_MarkerU.png differ
diff --git a/markers/red_MarkerV.png b/markers/red_MarkerV.png
new file mode 100755
index 0000000..5706966
Binary files /dev/null and b/markers/red_MarkerV.png differ
diff --git a/markers/red_MarkerW.png b/markers/red_MarkerW.png
new file mode 100755
index 0000000..c02fcd7
Binary files /dev/null and b/markers/red_MarkerW.png differ
diff --git a/markers/red_MarkerX.png b/markers/red_MarkerX.png
new file mode 100755
index 0000000..90b55c0
Binary files /dev/null and b/markers/red_MarkerX.png differ
diff --git a/markers/red_MarkerY.png b/markers/red_MarkerY.png
new file mode 100755
index 0000000..d8e2c70
Binary files /dev/null and b/markers/red_MarkerY.png differ
diff --git a/markers/red_MarkerZ.png b/markers/red_MarkerZ.png
new file mode 100755
index 0000000..bb8e8d8
Binary files /dev/null and b/markers/red_MarkerZ.png differ
diff --git a/markers/yellow_MarkerA.png b/markers/yellow_MarkerA.png
new file mode 100755
index 0000000..486f8a8
Binary files /dev/null and b/markers/yellow_MarkerA.png differ
diff --git a/markers/yellow_MarkerB.png b/markers/yellow_MarkerB.png
new file mode 100755
index 0000000..ddee818
Binary files /dev/null and b/markers/yellow_MarkerB.png differ
diff --git a/markers/yellow_MarkerC.png b/markers/yellow_MarkerC.png
new file mode 100755
index 0000000..8d39bf4
Binary files /dev/null and b/markers/yellow_MarkerC.png differ
diff --git a/markers/yellow_MarkerD.png b/markers/yellow_MarkerD.png
new file mode 100755
index 0000000..78497a4
Binary files /dev/null and b/markers/yellow_MarkerD.png differ
diff --git a/markers/yellow_MarkerE.png b/markers/yellow_MarkerE.png
new file mode 100755
index 0000000..2e3b6fc
Binary files /dev/null and b/markers/yellow_MarkerE.png differ
diff --git a/markers/yellow_MarkerF.png b/markers/yellow_MarkerF.png
new file mode 100755
index 0000000..884e79b
Binary files /dev/null and b/markers/yellow_MarkerF.png differ
diff --git a/markers/yellow_MarkerG.png b/markers/yellow_MarkerG.png
new file mode 100755
index 0000000..04872c7
Binary files /dev/null and b/markers/yellow_MarkerG.png differ
diff --git a/markers/yellow_MarkerH.png b/markers/yellow_MarkerH.png
new file mode 100755
index 0000000..30dcc58
Binary files /dev/null and b/markers/yellow_MarkerH.png differ
diff --git a/markers/yellow_MarkerI.png b/markers/yellow_MarkerI.png
new file mode 100755
index 0000000..68b1d99
Binary files /dev/null and b/markers/yellow_MarkerI.png differ
diff --git a/markers/yellow_MarkerJ.png b/markers/yellow_MarkerJ.png
new file mode 100755
index 0000000..0ce17c5
Binary files /dev/null and b/markers/yellow_MarkerJ.png differ
diff --git a/markers/yellow_MarkerK.png b/markers/yellow_MarkerK.png
new file mode 100755
index 0000000..054a1fc
Binary files /dev/null and b/markers/yellow_MarkerK.png differ
diff --git a/markers/yellow_MarkerL.png b/markers/yellow_MarkerL.png
new file mode 100755
index 0000000..70a075e
Binary files /dev/null and b/markers/yellow_MarkerL.png differ
diff --git a/markers/yellow_MarkerM.png b/markers/yellow_MarkerM.png
new file mode 100755
index 0000000..cb8b580
Binary files /dev/null and b/markers/yellow_MarkerM.png differ
diff --git a/markers/yellow_MarkerN.png b/markers/yellow_MarkerN.png
new file mode 100755
index 0000000..c755ab2
Binary files /dev/null and b/markers/yellow_MarkerN.png differ
diff --git a/markers/yellow_MarkerO.png b/markers/yellow_MarkerO.png
new file mode 100755
index 0000000..37ccba7
Binary files /dev/null and b/markers/yellow_MarkerO.png differ
diff --git a/markers/yellow_MarkerP.png b/markers/yellow_MarkerP.png
new file mode 100755
index 0000000..0af1213
Binary files /dev/null and b/markers/yellow_MarkerP.png differ
diff --git a/markers/yellow_MarkerQ.png b/markers/yellow_MarkerQ.png
new file mode 100755
index 0000000..a5a0536
Binary files /dev/null and b/markers/yellow_MarkerQ.png differ
diff --git a/markers/yellow_MarkerR.png b/markers/yellow_MarkerR.png
new file mode 100755
index 0000000..bc51e00
Binary files /dev/null and b/markers/yellow_MarkerR.png differ
diff --git a/markers/yellow_MarkerS.png b/markers/yellow_MarkerS.png
new file mode 100755
index 0000000..621a094
Binary files /dev/null and b/markers/yellow_MarkerS.png differ
diff --git a/markers/yellow_MarkerT.png b/markers/yellow_MarkerT.png
new file mode 100755
index 0000000..fd9ba34
Binary files /dev/null and b/markers/yellow_MarkerT.png differ
diff --git a/markers/yellow_MarkerU.png b/markers/yellow_MarkerU.png
new file mode 100755
index 0000000..4ec251e
Binary files /dev/null and b/markers/yellow_MarkerU.png differ
diff --git a/markers/yellow_MarkerV.png b/markers/yellow_MarkerV.png
new file mode 100755
index 0000000..4a3fc1a
Binary files /dev/null and b/markers/yellow_MarkerV.png differ
diff --git a/markers/yellow_MarkerW.png b/markers/yellow_MarkerW.png
new file mode 100755
index 0000000..6344251
Binary files /dev/null and b/markers/yellow_MarkerW.png differ
diff --git a/markers/yellow_MarkerX.png b/markers/yellow_MarkerX.png
new file mode 100755
index 0000000..9cead97
Binary files /dev/null and b/markers/yellow_MarkerX.png differ
diff --git a/markers/yellow_MarkerY.png b/markers/yellow_MarkerY.png
new file mode 100755
index 0000000..be15a28
Binary files /dev/null and b/markers/yellow_MarkerY.png differ
diff --git a/markers/yellow_MarkerZ.png b/markers/yellow_MarkerZ.png
new file mode 100755
index 0000000..616c6f9
Binary files /dev/null and b/markers/yellow_MarkerZ.png differ
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..ab5edd9
--- /dev/null
+++ b/script.js
@@ -0,0 +1,215 @@
+ $(document).ready(function(){
+
+  $('form').on('submit', function(e){
+    e.preventDefault(); 
+    console.log("The zip code is: " + $('#zipcode-input').val())
+    makeApiCall($('#zipcode-input').val())
+  })
+
+
+});
+
+
+
+
+ var shelters = []; 
+ 
+ var petDictionary = {};
+//http://api.petfinder.com/pet.find?location=97062&key=a4d4d400939b10647da19b7593286b34&output=full&format=json
+//http://api.petfinder.com/pet.getRandom?format=json&key=a4d4d400939b10647da19b7593286b34&animal=dog&output=basic
+
+function makeApiCall(searchObj){
+//http://api.petfinder.com/shelter.get?id=SD08&format=json&key=a4d4d400939b10647da19b7593286b34&animal=smallfurry&output=basic
+
+
+var str = jQuery.param( searchObj );
+console.log(str);
+
+ var url = `https://api.petfinder.com/pet.find?${str}&key=a4d4d400939b10647da19b7593286b34&output=full&format=json`;
+
+
+ console.log(url)
+ 
+
+
+
+ //var url = `http://api.petfinder.com/pet.find?location=${zipcode}&key=a4d4d400939b10647da19b7593286b34&output=full&format=json`;
+return $.ajax({
+  type : 'GET',
+  data : {},
+  url : url+'&callback=?' ,
+  dataType: 'json',
+  success : function(data) {              
+    if(!data.petfinder.pets){
+      return "no pets"
+    }
+
+    shelters = [];
+
+
+    let html = ""
+
+    let pets = data.petfinder.pets.pet;
+    pets.forEach(function(pet,e) { 
+
+
+      petDictionary[pet.id.$t] = pet;
+
+
+
+
+      if(shelters.indexOf(pet.shelterId.$t) < 0) {
+       shelters.push(pet.shelterId.$t)
+     }
+
+
+
+
+     if (e % 3 === 0){
+            //make a new row
+            html += `</div><div class="row">`
+
+          }
+
+
+
+          html +=   
+          `<div class="col-4">
+          <div class="card">
+          <div class="card-content">`
+          
+          html += findImage(pet)
+          
+          html += `<h3><a onclick="showPetProfile(${pet.id.$t})">${pet.name.$t}</a></h3>
+          <p>Gender: ${pet.sex.$t}</p>
+          <p>I am a ${pet.breeds.breed.$t}.</p>
+          <p>${pet.age.$t}</p>
+          <span>I live in ${pet.contact.city.$t},<span><span>${pet.contact.state.$t}</span>
+
+          </div>
+          </div>
+          </div>`
+
+
+
+          //console.log(pet)
+
+
+        })
+
+
+
+
+
+    html = "<div>" + html + "</div>"
+
+    $('#results').html(html)
+      //$('#js-description').html(html)
+
+    },
+    error : function(request,error)
+    {
+      alert("Request: "+JSON.stringify(request));
+    }
+
+  });
+
+}
+
+
+function findImage(pet){
+  if(!pet.media.photos){
+    return "no pet photos"
+  }
+ for(var c = 0; c< pet.media.photos.photo.length; c++){
+  if(pet.media.photos.photo[c]['@size'] == "x") {
+    return `<img class="card-image" src = "${pet.media.photos.photo[c].$t}"/>`
+  }
+}
+}
+
+function showPetProfile(id) {
+
+
+
+
+
+//function showPetProfile(id)
+//{
+
+
+  var dogProfileHtml = 
+  `<div id="name">${petDictionary[id].name.$t}</div>
+  <div id ="js-description">${petDictionary[id].description.$t}<div>
+  <div>I am a ${petDictionary[id].breeds.breed.$t}</div>
+  <div>And I live in ${petDictionary[id].contact.city.$t},</div> 
+  <div>${petDictionary[id].contact.state.$t}</div>
+  <div>Zip Code: ${petDictionary[id].contact.zip.$t}</div>
+  <div>Please call: ${petDictionary[id].contact.phone.$t}</div>
+  <div>Or email: ${petDictionary[id].contact.email.$t}</div>`;
+
+  let breed = petDictionary[id].breeds.breed.$t;
+  if (petDictionary[id].mix.$t == "yes") {
+   dogProfileHtml += `<div class="mix">I am an amazing mixed breed.</div>`
+ }
+ let gender = petDictionary[id].sex.$t;
+ if (petDictionary[id].sex.$t === "M") {
+   dogProfileHtml += `<div class="male">I am a Male.</div>`
+ }
+ if(petDictionary[id].sex.$t === "F"){
+  dogProfileHtml += `<div class="female">I am a Female.</div>`
+}
+
+for(var k = 0; k<petDictionary[id].media.photos.photo.length; k++){
+  if(petDictionary[id].media.photos.photo[k]['@size'] == "x") {
+    dogProfileHtml +=`<img class="profile-image" src = "${petDictionary[id].media.photos.photo[k].$t}"/>`
+  }
+}
+
+
+$("#results").html(dogProfileHtml);
+}
+
+jQuery(document).ready(function (e) {
+  function t(t) {
+    e(t).bind("click", function (t) {
+      t.preventDefault();
+      e(this).parent().fadeOut()
+    })
+  }
+  e(".dropdown-toggle").click(function () {
+    var t = e(this).parents(".button-dropdown").children(".dropdown-menu").is(":hidden");
+    e(".button-dropdown .dropdown-menu").hide();
+    e(".button-dropdown .dropdown-toggle").removeClass("active");
+    if (t) {
+      e(this).parents(".button-dropdown").children(".dropdown-menu").toggle().parents(".button-dropdown").children(".dropdown-toggle").addClass("active")
+    }
+  });
+  e(document).bind("click", function (t) {
+    var n = e(t.target);
+    if (!n.parents().hasClass("button-dropdown")) e(".button-dropdown .dropdown-menu").hide();
+  });
+  e(document).bind("click", function (t) {
+    var n = e(t.target);
+    if (!n.parents().hasClass("button-dropdown")) e(".button-dropdown .dropdown-toggle").removeClass("active");
+  })
+});
+
+//    makeApiCall($('#zipcode-input').val())
+$('input[type=radio]').change(
+  function(){ 
+    
+    $('input[type=radio]:checked' ).each(function () {
+
+      searchObj[this.name] = this.value
+    })
+    
+      
+    makeApiCall(searchObj)
+    console.log(searchObj)
+    
+  }
+  )
+
+
+
