diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/.DS_Store differ
diff --git a/index.html b/index.html
index 6524157..3450774 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,34 @@
 <html>
   <head>
     <title>Mashup</title>
+    <meta name="viewport" content="initial-scale=1.0">
+    <meta charset="utf-8">
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #map {
+        height: 100%;
+      }
+    </style>
   </head>
   <body>
+    <p> Where in the world is Kuljot?</p>
+    <div id="map"></div>
+    <script>
+      var map;
+      function initMap() {
+        map = new google.maps.Map(document.getElementById('map'), {
+          center: {lat: 22.3964, lng: 114.1095},
+          zoom: 5
+        });
+      }
+    </script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAwoit7uhT2cNBvBkE2TYzkZnacV-NzGl4&callback=initMap"
+    async defer></script>
   </body>
 </html>
+
+<!-- https://developers.google.com/maps/documentation/javascript/examples/control-custom-->
