diff --git a/index.html b/index.html
index ce02f51..bb9f488 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,13 @@ <h1>
 
     <p><img src="https://raw.githubusercontent.com/ja1984/jackbox/master/preview.gif" alt="Preview"></p>
 
+    <h4>Try it out</h4>
+      <button onClick="javascript:Jackbox.success('I\'m a success message')">Success</button>
+      <button onClick="javascript:Jackbox.warning('I\'m a warning message')">Warning</button>
+      <button onClick="javascript:Jackbox.error('I\'m an error message')">Error</button>
+      <button onClick="javascript:Jackbox.information('I\'m an informational message')">Information</button>
+      <button onClick="javascript:Jackbox.information('I\'m an informational message',notificationCustomSettings)">Information(20s)</button>
+
     <h4>
       <a id="getting-started-is-easy" class="anchor" href="#getting-started-is-easy" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Getting
       started is easy</h5>
@@ -50,13 +57,6 @@ <h4>
     <span class="pl-smi">Jackbox</span>.<span class="pl-en">information</span>(<span class="pl-s"><span class="pl-pds">"</span>I'm only here because I can<span class="pl-pds">"</span></span>);
 <span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></pre>
 
-
-<h4>Try it out</h4>
-<button onClick="javascript:Jackbox.success('I\'m a success message')">Success</button>
-<button onClick="javascript:Jackbox.warning('I\'m a warning message')">Warning</button>
-<button onClick="javascript:Jackbox.error('I\'m an error message')">Error</button>
-<button onClick="javascript:Jackbox.information('I\'m an informational message')">Information</button>
-<button onClick="javascript:Jackbox.information('I\'m an informational message',notificationCustomSettings)">Information(20s)</button>
         </div>
 
         <footer class="site-footer">