It became 'Flatness' and also flatter!
[bootswatch] / index.html
index d5a1726..cf8dfe1 100644 (file)
                                                <li class="dropdown">
                                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
                                                        <ul class="dropdown-menu" id="swatch-menu">
-                                                               <li><a href="default">Default</a></li>
+                                                               <li><a href="default/">Default</a></li>
                                                                <li class="divider"></li>
-                                                               <li><a href="amelia">Amelia</a></li>
-                                                               <li><a href="cerulean">Cerulean</a></li>
-                                                   <li><a href="cosmo">Cosmo</a></li>
-                                                               <li><a href="cyborg">Cyborg</a></li>
-                                                               <li><a href="journal">Journal</a></li>
-                                                               <li><a href="readable">Readable</a></li>
-                                                               <li><a href="simplex">Simplex</a></li>
-                                                               <li><a href="slate">Slate</a></li>
-                                                               <li><a href="spacelab">Spacelab</a></li>
-                                                               <li><a href="spruce">Spruce</a></li>
-                                                               <li><a href="superhero">Superhero</a></li>
-                                                               <li><a href="united">United</a></li>
+                                                               <li><a href="amelia/">Amelia</a></li>
+                                                               <li><a href="cerulean/">Cerulean</a></li>
+                                                   <li><a href="cosmo/">Cosmo</a></li>
+                                                               <li><a href="cyborg/">Cyborg</a></li>
+                                                               <li><a href="journal/">Journal</a></li>
+                                                               <li><a href="readable/">Readable</a></li>
+                                                               <li><a href="simplex/">Simplex</a></li>
+                                                               <li><a href="slate"/>Slate</a></li>
+                                                               <li><a href="spacelab/">Spacelab</a></li>
+                                                               <li><a href="spruce/">Spruce</a></li>
+                                                               <li><a href="superhero/">Superhero</a></li>
+                                                               <li><a href="united/">United</a></li>
                                                        </ul>
                                                </li>
                                        </ul>
                                                <h3>Amelia</h3>
                                                <p>Sweet and cheery.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="amelia">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">Download</a>
                                                                <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
                                                <h3>Cerulean</h3>
                                                <p>A calm, blue sky.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="cerulean">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a>
                                                                <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
                                                <h3>Cosmo</h3>
                                                <p>An ode to Metro.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="cosmo">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a>
                                                                <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
                                                <h3>Cyborg</h3>
                                                <p>Jet black and electric blue.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="cyborg">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a>
                                                <h3>Journal</h3>
                                                <p>Crisp like a new sheet of paper.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="journal">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a>
                                                <h3>Readable</h3>
                                                <p>Optimized for legibility.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="readable">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a>
                                                <h3>Simplex</h3>
                                                <p>Mini and minimalist.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="simplex">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a>
                                                <h3>Slate</h3>
                                                <p>Shades of gunmetal gray.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="slate">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a>
                                                <h3>Spacelab</h3>
                                                <p>Silvery and sleek.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="spacelab">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a>
                                                <h3>Spruce</h3>
                                                <p>Camping in the woods.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="spruce">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="spruce/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="spruce/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.min.css']);">Download</a>
                                                <h3>Superhero</h3>
                                                <p>Batman meets... Aquaman?</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="superhero">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a>
                                                <h3>United</h3>
                                                <p>Ubuntu orange and unique font.</p>
                                                <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" href="united">Preview</a></div>
+                                                       <div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div>
                                                        <div class="btn-group">
                                                                <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css"
                                                                onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a>
                </div>
 
                <div class="row">
-       
-                       <div class="span4">
-                               <div class="thumbnail">
-                                       <a target="_blank" href="http://wrapbootstrap.com/preview/WB0135486?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0135486.png" alt="Core Admin"></a>
-                                       <div class="caption">
-                                               <h3>Core Admin</h3>
-                                               <p>A polished template for an admin dashboard.</p>
-                                               <div class="btn-toolbar">
-                                                       <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0135486?ref=bsw">Preview</a></div>
-                                                       <div class="btn-group">
-                                                               <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/core-admin-WB0135486?ref=bsw"
-                                                               onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a>
-                                                       </div>
-                                               </div>
-                                       </div>
-                               </div>
-                       </div>
-
                        
                        <div class="span4">
                                <div class="thumbnail">
                                </div>
                        </div>
 
+                       
+                       <div class="span4">
+                               <div class="thumbnail">
+                                       <a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a>
+                                       <div class="caption">
+                                               <h3>Base Admin</h3>
+                                               <p>A polished template for an admin dashboard.</p>
+                                               <div class="btn-toolbar">
+                                                       <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div>
+                                                       <div class="btn-group">
+                                                               <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw"
+                                                               onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a>
+                                                       </div>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+
                </div>
 
                <hr>