X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=docs%2Findex.html;h=cc3d0cb0b4c8e3fbf6cf0b1ae1902ab846693777;hb=734d869fa1eecfa9ad4d8d9ca7a3940231932938;hp=fd2a41307ba1161bb0fdeeb4a8ba6e9736d4ee1d;hpb=fd486a64003acfe65355cd1df0bc3a7f408051c3;p=ratchet

diff --git a/docs/index.html b/docs/index.html
index fd2a413..cc3d0cb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -983,9 +983,22 @@ document
           <h3 class="component-title">Modals</h3>
 
           <div class="component-example">
-            
+            <a href="#myModalexample" class="button">Open modal</a>
+            <div id="myModalexample" class="modal">
+              <header class="bar-title">
+                <h1 class="title">Modal</h1>
+                <a class="button" href="#myModalexample">
+                  Close
+                </a>
+              </header>
+              
+              <div class="content content-padded">
+                <p>The contents of my modal</p>
+              </div>
+            </div>
           </div>
 
+
 <pre class="prettyprint">
 &lt;a href=&quot;#myModal&quot; class=&quot;button&quot;&gt;Open modal&lt;/a&gt;
 
@@ -998,7 +1011,7 @@ document
   &lt;/header&gt;
   
   &lt;div class=&quot;content content-padded&quot;&gt;
-    &lt;p&gt;The contents of my modal&lt;/p&gt;
+    &lt;p&gt;The contents of my modal.&lt;/p&gt;
   &lt;/div&gt;
 &lt;/div&gt;
 </pre>