diff --git a/bower.json b/bower.json
index 7ba587e..78b997f 100644
--- a/bower.json
+++ b/bower.json
@@ -12,11 +12,15 @@
     "url": "git+https://github.com/jlengrand/web-components-workshop-polymer.git"
   },
   "homepage": "https://github.com/jlengrand/web-components-workshop-polymer",
-
   "authors": [
     "Julien Lengrand-Lambert <julien@lengrand.fr>"
   ],
   "dependencies": {
+    "polymer": "^2.3.0",
+    "google-map": "^2.0.3",
+    "paper-input": "^2.0.5"
+  },
+  "resolutions": {
     "polymer": "2"
   }
 }
diff --git a/index.html b/index.html
index c2664a1..0fe47c6 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,13 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <script type="text/javascript" src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
-    
+        <link rel="import" href="/bower_components/polymer/polymer.html">
+        
         <link rel="import" href="/src/components/hello-world.html">  
         <link rel="import" href="/bower_components/google-map/google-map.html">  
-        
+        <link rel="import" href="/bower_components/google-map/google-map-directions.html">
+        <link rel="import" href="/bower_components/paper-input/paper-input.html">
+
         <!--https://developers.google.com/maps/documentation/javascript/get-api-key -->
 
         <style>
@@ -25,14 +28,25 @@
 
         <hello-world></hello-world>
 
-        <div id="map">
-            <google-map latitude="52.092876" longitude="5.104480" zoom="13"
-                api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
-                <google-map-marker latitude="52.092876" longitude="5.104480"
-                title="UTrecht!">
-                </google-map-marker>
-            </google-map>
-        </div>
-
+        <dom-bind>
+            <template>
+                <div id="map">
+                        <google-map map="{{map}}" latitude="52.092876" longitude="5.104480" zoom="13"
+                            api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
+                            <google-map-marker latitude="52.092876" longitude="5.104480"
+                            title="Utrecht!">
+                            </google-map-marker>
+                        </google-map>
+                        <google-map-directions
+                            map="{{map}}"  
+                            start-address="{{start}}"
+                            end-address="Utrecht Central"
+                            api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
+                        </google-map-directions>
+                    </div>
+                    <paper-input label="Start location" value="{{start}}"></paper-input>
+            </template>
+        </dom-bind>
+        
     </body>
 </html>
\ No newline at end of file