diff --git a/css/main.css b/css/main.css
index 5564990..cb525df 100644
--- a/css/main.css
+++ b/css/main.css
@@ -17,7 +17,7 @@
 }
 
 #content {
-    min-height: 600px;
+    /*min-height: 370px;*/
 }
 
 #map {
@@ -278,10 +278,11 @@ ul.geozetSuggestions{
 form input[type=text], form select, form textarea, form select {
     background: #fff; 
     padding: 0.3em 0.3em;
-    color: #000; 
+    /*color: #000; */
+    color: gray;
     border: 1px solid #000; 
     font-size: 11px;
-    width: 298px;
+    width: 289px;
 }
 button { 
     background: #deebe3; 
@@ -418,3 +419,17 @@ a, a:link, a:focus, a:hover, a:visited {
 #opties {
     margin:10px;
 }
+
+.deel-float {
+    display: inline-block;
+    margin-right: 10px;
+}
+
+.deel-float p {
+    font-size: 1.3em;
+    margin-bottom: 5px;
+}
+
+.deel-float input {
+    width: 150px !important;
+}
\ No newline at end of file
diff --git a/help.html b/help.html
index 76d759f..72f3ae7 100644
--- a/help.html
+++ b/help.html
@@ -103,11 +103,11 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
                 <div class="nav_bar">
                     <ul class="nav_main">
                         <li>
-                            <a href=".">Home</a>
+                            <a href="index.html">Home</a>
                         </li>
-                        <li>
+                        <!-- <li>
                             <a href="index.html">PDOK Wizard</a>
-                        </li>
+                        </li> -->
                         <li class="sel">
                             <a class="active" href="help.html">Help</a>
                         </li>
@@ -131,7 +131,7 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
                             <div class="card-title">Broncode</div>
                         </div>
                     </a>
-                    <a href="https://www.pdok.nl/forum">
+                    <a href="http://pdokforum.geonovum.nl">
                         <div class="card-container">
                             <div class="card-image">
                                 <div class="img forum"></div>
diff --git a/index.html b/index.html
index f0e3a6e..c4c8fdd 100644
--- a/index.html
+++ b/index.html
@@ -81,6 +81,8 @@
         </script>
     </head>
     <body>
+    
+    <a href="https://github.com/geonovum/pdokkaart"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 1" src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
         <div class="container equalize page orange default">
             <div class="header">
                 <span></span>
@@ -90,15 +92,17 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
                 </div>
                 <div class="nav_bar">
                     <ul class="nav_main">
-                        <li>
-                            <a href=".">Home</a>
+                        <li class="sel">
+                            <a class="active" href="index.html">Home</a>
                         </li>
-                        <li>
-                            <a href="index.html">PDOK Wizard</a>
+                        <li >
+                            <a href="http://pdokkaart.readthedocs.org/nl/latest/wizard.html">Help</a>
                         </li>
-                        <li class="sel">
-                            <a class="active" href="help.html">Help</a>
+                        <li >
+                            <a href="http://pdokforum.geonovum.nl">Forum</a>
                         </li>
+                        <!-- <li >
+                            <a href="https://www.github.com/geonovum/pdokkaart">Voor ontwikkelaars</a> -->
                     </ul>
                 </div>
             </div>
@@ -110,7 +114,7 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
                         <!-- Step 1 - Your map -->
                         <div id="step1" class="stepwrapper active">
                             <h2>
-                                <a id="goto1" >Stap 1: De kaart</a>
+                                <a id="goto1" >▶ Stap 1: De kaart</a>
                                 <span class="help">
                                     <a href="help.html#help1" target="help">Help</a>
                                 </span>
@@ -165,7 +169,7 @@ <h2>
                         <!-- Step 2 - Add markers -->
                         <div id="step2" class="stepwrapper">
                             <h2>
-                                <a id="goto2">Stap 2: Markers</a>
+                                <a id="goto2">▶ Stap 2: Markers</a>
                                 <span class="help">
                                     <a href="help.html#help2" target="help">Help</a>
                                 </span>
@@ -317,8 +321,7 @@ <h2>
                         <!-- Step 6 - Save and download code -->
                         <div id="step5" class="stepwrapper">
                             <h2>
-                                <a id="goto5" >Stap 3: Genereer
-                                    code</a>
+                                <a id="goto5" >▼ Stap 3: Publiceer en deel kaart</a>
                                 <span class="help">
                                     <a href="help.html#help5" target="help">Help</a>
                                 </span>
@@ -326,21 +329,42 @@ <h2>
                             <form action="#" name="savecode" id="savecode">
                                 <div class="row_right">
                                     <div id="generated_url">
-                                        <p><strong>Als URL</strong></p>
-                                        <textarea id="generated_url_to_long_message" rows="4" cols="10"></textarea>
+                                        <!-- <p><strong>Als URL</strong></p> -->
+                                        
+                                        <!-- BROKEN -->
+                                        <!-- <textarea id="generated_url_to_long_message" rows="4" cols="10"></textarea>
                                         <div id="kml_url_service">
                                             <a href="#" id="kmlservicelink" target="_blank">KML opslagservice</a> (Sla KML op en vervang door KML-url)
+                                        </div> -->
+
+
+
+                                        <!-- <a href="#" id="apilink1" target="_blank">Link</a> losse kaart: -->
+
+                                        <p><a href="#" id="apilink1" target="_blank">De kaart is klaar</a>! Gebruik onderstaande links om het te delen met vrienden en collega's of om het op te nemen in je website.</p>
+
+                                        <div class="deel-float">
+                                            <p>Deel via link:</p>
+                                            <input type="text" value="" id="apilink2" onClick="this.select()" />    
+                                        </div>
+
+                                        <div class="deel-float">
+                                            <p>iFrame embed:</p>
+                                            <input type="text" value="" id="embedhtmliframe" />    
                                         </div>
-                                        <a href="#" id="apilink1" target="_blank">Link</a> losse kaart:
-                                        <input type="text" value="" id="apilink2" />
-                                        <a href="#" id="apilink3"><img src="img/email.png" alt="Verstuur link per email" title="Verstuur link per email" /></a>
-                                        <br/>Embed HTML iframe:
-                                        <input type="text" value="" id="embedhtmliframe" />
-                                        <br/>Embed HTML Object tag:<br />
-                                        <input type="text" value="" id="embedhtmlobject" />
+                                        
+
+                                        
+                                        
+                                        <!-- <a href="#" id="apilink3"><img src="img/email.png" alt="Verstuur link per email" title="Verstuur link per email" /></a> -->
+                                        
+                                        
+                                        
+                                        <!-- <br/>Embed HTML Object tag:<br />
+                                        <input type="text" value="" id="embedhtmlobject" /> -->
                                     </div>
                                 </div>
-                                <div id="generated_html">
+                                <!-- <div id="generated_html">
                                     <p><strong>Als broncode</strong></p>
                                     In de HTML plaatsen:
                                     <textarea id="scriptcodeBody"></textarea>
@@ -348,7 +372,7 @@ <h2>
                                 <div id="generated_kml">
                                     <p><strong>Features als KML <span id="download_kml_span">(of <a id="download_kml" href="">download</a>)</span></strong></p>
                                     <textarea id="featuresKML"></textarea>
-                                </div>
+                                </div> -->
                             </form>
                         </div>
                     </div>
@@ -364,3 +388,4 @@ <h2>
         </div>
     </body>
 </html>
+    
\ No newline at end of file
