+/* Docs gallery
+-------------------------------------------------- */
+
+.bs-docs-gallery .thumbnail {
+ margin-bottom: 20px;
+}
+
+
/* Responsive variations
-------------------------------------------------- */
<section class="bs-docs-gallery">
<div class="row">
+ <div class="span4">
+ <a class="thumbnail" href="https://gosquared.com">
+ <img src="assets/img/example-sites/example-gosquared.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://easel.com">
+ <img src="assets/img/example-sites/example-easel.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://tonx.com">
+ <img src="assets/img/example-sites/example-tonx.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://jshint.com">
+ <img src="assets/img/example-sites/example-jshint.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://synco.fm">
+ <img src="assets/img/example-sites/example-synco.jpg">
+ </a>
+ </div>
<div class="span4">
<a class="thumbnail" href="https://yourkarma.com">
<img src="assets/img/example-sites/example-karma.jpg">
</a>
</div>
<div class="span4">
- <a class="thumbnail" href="http://scriptogr.am">
- <img src="assets/img/example-sites/example-scriptogram.jpg">
+ <a class="thumbnail" href="http://jetstrap.com">
+ <img src="assets/img/example-sites/example-jetstrap.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://divshot.com">
+ <img src="assets/img/example-sites/example-divshot.jpg">
</a>
</div>
<div class="span4">
<img src="assets/img/example-sites/example-athey-creek.jpg">
</a>
</div>
+
+ <div class="span4">
+ <a class="thumbnail" href="http://fleetio.com">
+ <img src="assets/img/example-sites/example-fleetio.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://breakingnews.com">
+ <img src="assets/img/example-sites/example-breakingnews.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://adoptahydrant.com">
+ <img src="assets/img/example-sites/example-adoptahydrant.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://8020select.com">
+ <img src="assets/img/example-sites/example-8020select.jpg">
+ </a>
+ </div>
</div>
</section>
<p class="marketing-byline">For more sites built with Bootstrap, <a href="./gallery.html">visit the gallery</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
<div class="row example-sites">
<div class="span3">
- <a class="thumbnail" href="http://soundready.fm/" target="_blank">
- <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
+ <a class="thumbnail" href="http://delicious.com">
+ <img src="assets/img/example-sites/example-delicious.jpg">
</a>
</div>
<div class="span3">
- <a class="thumbnail" href="http://kippt.com/" target="_blank">
- <img src="assets/img/example-sites/kippt.png" alt="Kippt">
+ <a class="thumbnail" href="http://soundready.fm/" target="_blank">
+ <img src="assets/img/example-sites/example-soundready.jpg" alt="SoundReady.fm">
</a>
</div>
<div class="span3">
- <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
- <img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
+ <a class="thumbnail" href="http://kippt.com/" target="_blank">
+ <img src="assets/img/example-sites/example-kippt.jpg" alt="Kippt">
</a>
</div>
<div class="span3">
- <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
- <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
+ <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
+ <img src="assets/img/example-sites/example-gathercontent.jpg" alt="Gather Content">
</a>
</div>
</div>
<section class="bs-docs-gallery">
<div class="row">
+ <div class="span4">
+ <a class="thumbnail" href="https://gosquared.com">
+ <img src="assets/img/example-sites/example-gosquared.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://easel.com">
+ <img src="assets/img/example-sites/example-easel.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://tonx.com">
+ <img src="assets/img/example-sites/example-tonx.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://jshint.com">
+ <img src="assets/img/example-sites/example-jshint.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="https://synco.fm">
+ <img src="assets/img/example-sites/example-synco.jpg">
+ </a>
+ </div>
<div class="span4">
<a class="thumbnail" href="https://yourkarma.com">
<img src="assets/img/example-sites/example-karma.jpg">
</a>
</div>
<div class="span4">
- <a class="thumbnail" href="http://scriptogr.am">
- <img src="assets/img/example-sites/example-scriptogram.jpg">
+ <a class="thumbnail" href="http://jetstrap.com">
+ <img src="assets/img/example-sites/example-jetstrap.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://divshot.com">
+ <img src="assets/img/example-sites/example-divshot.jpg">
</a>
</div>
<div class="span4">
<img src="assets/img/example-sites/example-athey-creek.jpg">
</a>
</div>
+
+ <div class="span4">
+ <a class="thumbnail" href="http://fleetio.com">
+ <img src="assets/img/example-sites/example-fleetio.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://breakingnews.com">
+ <img src="assets/img/example-sites/example-breakingnews.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://adoptahydrant.com">
+ <img src="assets/img/example-sites/example-adoptahydrant.jpg">
+ </a>
+ </div>
+ <div class="span4">
+ <a class="thumbnail" href="http://8020select.com">
+ <img src="assets/img/example-sites/example-8020select.jpg">
+ </a>
+ </div>
</div>{{! /.row }}
</section>
<p class="marketing-byline">For more sites built with Bootstrap, <a href="./gallery.html">visit the gallery</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
<div class="row example-sites">
<div class="span3">
- <a class="thumbnail" href="http://soundready.fm/" target="_blank">
- <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
+ <a class="thumbnail" href="http://delicious.com">
+ <img src="assets/img/example-sites/example-delicious.jpg">
</a>
</div>
<div class="span3">
- <a class="thumbnail" href="http://kippt.com/" target="_blank">
- <img src="assets/img/example-sites/kippt.png" alt="Kippt">
+ <a class="thumbnail" href="http://soundready.fm/" target="_blank">
+ <img src="assets/img/example-sites/example-soundready.jpg" alt="SoundReady.fm">
</a>
</div>
<div class="span3">
- <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
- <img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
+ <a class="thumbnail" href="http://kippt.com/" target="_blank">
+ <img src="assets/img/example-sites/example-kippt.jpg" alt="Kippt">
</a>
</div>
<div class="span3">
- <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
- <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
+ <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
+ <img src="assets/img/example-sites/example-gathercontent.jpg" alt="Gather Content">
</a>
</div>
</div>