<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>
<iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
</span>
<span>
- <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @thomashpark</a>
+ <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a>
</span>
<span>
<p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
</div>
<div class="span4">
- <h3><i class="icon-wrench"></i> Tuned for 2.3.0</h3>
+ <h3><i class="icon-wrench"></i> Tuned for 2.3.1</h3>
<p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p>
</div>
<div class="span4">
<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 class="row" id="more">
<div class="span12">
<h4>Still searching?</h4>
- <p>Check out these editor's picks from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p>
+ <p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p>
</div>
</div>
<div class="span4">
<div class="thumbnail">
- <a target="_blank" href="http://wbpreview.com/previews/WB02634G3/?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a>
+ <a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a>
<div class="caption">
<h3>Clean Canvas</h3>
<p>A beautiful template for showcasing your works.</p>
<div class="btn-toolbar">
- <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wbpreview.com/previews/WB02634G3/?ref=bsw">Preview</a></div>
+ <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div>
<div class="btn-group">
<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw"
onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a>
<div class="span4">
<div class="thumbnail">
- <a target="_blank" href="http://bombdiggitydesign.com/crisp/"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0F7FH2P.png" alt="Crisp"></a>
+ <a target="_blank" href="http://wrapbootstrap.com/preview/WB0F7FH2P?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0F7FH2P.png" alt="Crisp"></a>
<div class="caption">
<h3>Crisp</h3>
<p>A versatile template that comes in cool and warm.</p>
<div class="btn-toolbar">
- <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://bombdiggitydesign.com/crisp/">Preview</a></div>
+ <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0F7FH2P?ref=bsw">Preview</a></div>
<div class="btn-group">
<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/crisp-responsive-fluid-business-template-WB0F7FH2P?ref=bsw"
onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-crisp']);">Info</a>
<div class="span4">
<div class="thumbnail">
- <a target="_blank" href="http://wbpreview.com/previews/WB00U99JJ/?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a>
+ <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://wbpreview.com/previews/WB00U99JJ/?ref=bsw">Preview</a></div>
+ <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>
<a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a>
</div>
- Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/>
- Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
- Based on <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a target="_blank" href="http://pages.github.com/">GitHub</a>. Icons from <a target="_blank" href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>
+ Made by <a href="http://thomaspark.me">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/>
+ Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
+ Based on <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a href="http://pages.github.com/">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller">Gerald Hiller</a>.</p>
</footer>
</div>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootswatch.js"></script>
<script type="text/javascript">