diff --git a/index.html b/index.html
index 49e74ff..3214ba5 100644
--- a/index.html
+++ b/index.html
@@ -191,6 +191,9 @@ <h3>#832 - Colombia</h3>
         </div>
       </div>
     </section>
+    
+  <!-- Map Section -->
+    <div id="map"></div>
 
     <!-- Contact Section -->
     <section id="contact" class="container content-section text-center">
@@ -237,6 +240,16 @@ <h2 data-i18n="contact.title"></h2>
     <!-- Custom Theme JavaScript -->
     <script src="js/mapazonia.js"></script>
 
+	<!-- OpenStreetMap API This is where you can add a leaflet map-->
+ <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
+ <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+ <script> var map = L.map('map').setView([-3, -75],5);
+  L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
+    maxZoom: 18
+}).addTo(map);
+ </script>
+
     <!-- Google Analytics -->
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){