diff --git a/index.html b/index.html
index 8eb5e76..603e02c 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,24 @@
 	<hr class="mediumwidth"><h1 class="title">h1 title</h1><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><br><pre>&lt;h1 class="title"&gt;h1 title&lt;/h1&gt;</pre>
 	<hr class="mediumwidth"><input type="text" class="smooth" placeholder="input type=&quot;text&quot;"><br><br>
 	<textarea rows="3" class="smooth" placeholder="textarea"></textarea><br><br><span class="addon-front">$</span><input type="text" class="smooth" placeholder="span class=&quot;addon-front&quot;">
-	<br><pre>&lt;input type="text" class="smooth" placeholder="input type='text'"&gt;</pre>
-	<br><pre>&lt;textarea rows="3" class="smooth" placeholder="textarea"&gt;</pre>
-	<br><pre>&lt;span class="addon-front"&gt;&lt;/span&gt;&lt;inout type="text" class="smooth" placeholder="span class=&quot;addon-front&quot;"&gt;</pre>
-	<hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#"><!--[if lt IE 6]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Min Framework</a> <a class="navbar-link" href="#">One</a> <a class="navbar-link" href="#">Two</a> <a class="navbar-link" href="#">Three</a></div></div><hr class="mediumwidth"><div class="mediumwidth"><table class="table-striped table"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table></div><hr class="mediumwidth"><div class="mediumwidth"><message class="warning"><strong>Watch out!</strong> You don't have H9RBS.js installed.</message><br><message class="great"><strong>Great!</strong> You successfully frobjugated the minlingator's snorbdralob.</message><br><message><strong>Hey!</strong> You've got four thousand new grabjalognibs!</message></div><hr class="mediumwidth"><div class="icons"><ico>✉ ✰ ☁ ⌚ ⌘ ☎ ✈ ☑ ☒</ico><br><br><ico>♂ ♀ ⌛ ☀ ☮ ☢ ☠ ☣ ⌨</ico><br><br><ico>ⓧ © § ® ⌂ ℗ ☺ ☻ ☼</ico><br><br><ico>⇦ ⇧ ⇨ ⇩ ∡ ∿ ⊝ ⊘ ⌂</ico><br><br><ico>♠ ♣ ♥ ♦ ♪ ♫ ♭ ♮ ♯</ico></div><hr class="mediumwidth"><div class="mediumwidth"><div class="row"><column class="dark c10">10</column></div><div class="row"><column class="dark c9">9</column><column class="light c1">1</column></div><div class="row"><column class="dark c8">8</column><column class="light c2">2</column></div><div class="row"><column class="dark c7">7</column><column class="light c3">3</column></div><div class="row"><column class="dark c6">6</column><column class="light c4">4</column></div><div class="row"><column class="dark c5">5</column><column class="light c5">5</column></div><div class="row"><column class="dark c4">4</column><column class="light c6">6</column></div><div class="row"><column class="dark c3">3</column><column class="light c7">7</column></div><div class="row"><column class="dark c2">2</column><column class="light c8">8</column></div><div class="row"><column class="dark c1">1</column><column class="light c9">9</column></div><div class="row"><column class="light c10">10</column></div></div><hr class="mediumwidth"><a href="download.html"><button class="smooth btn-a" style="margin: 0 0 .2em 0;">Download</button></a><hr class="mediumwidth">
+	<br><br>
+	<pre>&lt;input type="text" class="smooth" placeholder="input type='text'"&gt;
+	<br>&lt;textarea rows="3" class="smooth" placeholder="textarea"&gt;
+	<br>&lt;span class="addon-front"&gt;&lt;/span&gt;&lt;inout type="text" class="smooth" placeholder="span class=&quot;addon-front&quot;"&gt;</pre>
+	<hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#"><!--[if lt IE 6]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Min Framework</a> <a class="navbar-link" href="#">One</a> <a class="navbar-link" href="#">Two</a> <a class="navbar-link" href="#">Three</a></div></div>
+	
+	<hr class="mediumwidth"><div class="mediumwidth"><table class="table-striped table"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table>
+	<br><br>
+	<pre>&lt;table class=&quot;table-striped table&quot;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Widgets Sold&lt;/th&gt;&lt;th&gt;Revenue (&#163;)&lt;/th&gt;&lt;th&gt;Profit (&#163;)&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;500&lt;/td&gt;&lt;td&gt;1000&lt;/td&gt;&lt;td&gt;200&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;</pre>
+	</div>
+	<hr class="mediumwidth"><div class="mediumwidth"><message class="warning"><strong>Watch out!</strong> You don't have H9RBS.js installed.</message><br><message class="great"><strong>Great!</strong> You successfully frobjugated the minlingator's snorbdralob.</message><br><message><strong>Hey!</strong> You've got four thousand new grabjalognibs!</message>
+	<br><br>
+	<pre>&lt;message class=&quot;warning&quot;&gt;&lt;strong&gt;Watch out!&lt;/strong&gt; You don&#39;t have H9RBS.js installed.&lt;/message&gt;&lt;br&gt;&lt;message class=&quot;great&quot;&gt;&lt;strong&gt;Great!&lt;/strong&gt; You successfully frobjugated the minlingator&#39;s snorbdralob.&lt;/message&gt;&lt;br&gt;&lt;message&gt;&lt;strong&gt;Hey!&lt;/strong&gt; You&#39;ve got four thousand new grabjalognibs!&lt;/message&gt;</pre>
+	</div>
+	<hr class="mediumwidth"><div class="icons"><ico>✉ ✰ ☁ ⌚ ⌘ ☎ ✈ ☑ ☒</ico><br><br><ico>♂ ♀ ⌛ ☀ ☮ ☢ ☠ ☣ ⌨</ico><br><br><ico>ⓧ © § ® ⌂ ℗ ☺ ☻ ☼</ico><br><br><ico>⇦ ⇧ ⇨ ⇩ ∡ ∿ ⊝ ⊘ ⌂</ico><br><br><ico>♠ ♣ ♥ ♦ ♪ ♫ ♭ ♮ ♯</ico></div>
+	<hr class="mediumwidth"><div class="mediumwidth"><div class="row"><column class="dark c10">10</column></div><div class="row"><column class="dark c9">9</column><column class="light c1">1</column></div><div class="row"><column class="dark c8">8</column><column class="light c2">2</column></div><div class="row"><column class="dark c7">7</column><column class="light c3">3</column></div><div class="row"><column class="dark c6">6</column><column class="light c4">4</column></div><div class="row"><column class="dark c5">5</column><column class="light c5">5</column></div><div class="row"><column class="dark c4">4</column><column class="light c6">6</column></div><div class="row"><column class="dark c3">3</column><column class="light c7">7</column></div><div class="row"><column class="dark c2">2</column><column class="light c8">8</column></div><div class="row"><column class="dark c1">1</column><column class="light c9">9</column></div><div class="row"><column class="light c10">10</column></div></div>
+	<hr class="mediumwidth"><a href="download.html"><button class="smooth btn-a" style="margin: 0 0 .2em 0;">Download</button></a>
+	<hr class="mediumwidth">
 	<!--analytics-->
 	
 	<h2><a href="bootstrapconverter.html">bootstrap to min converter</a></h2>