index.html 50.7 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
3
4
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
XhmikosR's avatar
XhmikosR committed
5
6
    <title>Bootswatch: Free themes for Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
7
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8
    <link rel="stylesheet" href="./flatly/bootstrap.css" media="screen">
Thomas Park's avatar
Thomas Park committed
9
    <link rel="stylesheet" href="./bower_components/font-awesome/css/font-awesome.min.css">
10
    <link rel="stylesheet" href="./assets/css/custom.min.css">
11
12
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
13
14
      <script src="./bower_components/html5shiv/dist/html5shiv.js"></script>
      <script src="./bower_components/respond/dest/respond.min.js"></script>
15
    <![endif]-->
XhmikosR's avatar
XhmikosR committed
16
    <script>
Thomas Park's avatar
Thomas Park committed
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

     var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-23019901-1']);
      _gaq.push(['_setDomainName', "bootswatch.com"]);
        _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();

    </script>
  </head>
Jenil Gogari's avatar
Jenil Gogari committed
32
33
  <body id="home">
    <div class="navbar navbar-default navbar-fixed-top navbar-transparent">
Thomas Park's avatar
Thomas Park committed
34
      <div class="container">
Thomas Park's avatar
Thomas Park committed
35
        <div class="navbar-header">
Jenil Gogari's avatar
Jenil Gogari committed
36
          <a href="./" class="navbar-brand"><img src="assets/img/logo-nav.png">Bootswatch</a>
Thomas Park's avatar
Thomas Park committed
37
38
39
40
41
42
43
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar-main">
Thomas Park's avatar
Thomas Park committed
44
45
46
47
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Themes <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="themes">
Thomas Park's avatar
Thomas Park committed
48
                <li><a href="./default/">Default</a></li>
Thomas Park's avatar
Thomas Park committed
49
                <li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
50
51
52
                <li><a href="./cerulean/">Cerulean</a></li>
                <li><a href="./cosmo/">Cosmo</a></li>
                <li><a href="./cyborg/">Cyborg</a></li>
Thomas Park's avatar
Thomas Park committed
53
                <li><a href="./darkly/">Darkly</a></li>
Thomas Park's avatar
Thomas Park committed
54
55
56
                <li><a href="./flatly/">Flatly</a></li>
                <li><a href="./journal/">Journal</a></li>
                <li><a href="./lumen/">Lumen</a></li>
57
                <li><a href="./paper/">Paper</a></li>
Thomas Park's avatar
Thomas Park committed
58
                <li><a href="./readable/">Readable</a></li>
59
                <li><a href="./sandstone/">Sandstone</a></li>
Thomas Park's avatar
Thomas Park committed
60
61
62
63
64
65
                <li><a href="./simplex/">Simplex</a></li>
                <li><a href="./slate/">Slate</a></li>
                <li><a href="./spacelab/">Spacelab</a></li>
                <li><a href="./superhero/">Superhero</a></li>
                <li><a href="./united/">United</a></li>
                <li><a href="./yeti/">Yeti</a></li>
Thomas Park's avatar
Thomas Park committed
66
67
              </ul>
            </li>
Thomas Park's avatar
Thomas Park committed
68
69
            <li>
              <a href="./help/">Help</a>
Thomas Park's avatar
Thomas Park committed
70
71
72
73
74
75
            </li>
            <li>
              <a href="http://news.bootswatch.com">Blog</a>
            </li>
          </ul>

Thomas Park's avatar
Thomas Park committed
76
          <ul class="nav navbar-nav navbar-right">
Thomas Park's avatar
Thomas Park committed
77
78
79
80
81
82
83
84
85
86
87
            <li><a href="http://builtwithbootstrap.com/" target="_blank">Built With Bootstrap</a></li>
            <li><a href="https://wrapbootstrap.com/?ref=bsw" target="_blank">WrapBootstrap</a></li>
          </ul>

        </div>
      </div>
    </div>

    <div class="splash">
      <div class="container">

Thomas Park's avatar
Thomas Park committed
88
89
        <div class="row">
          <div class="col-lg-12">
Jenil Gogari's avatar
Jenil Gogari committed
90
            <!-- <div><img class="logo" src="assets/img/logo.png"></div> -->
Chris Rebert's avatar
Chris Rebert committed
91
            <h1>Free themes for Bootstrap</h1>
Thomas Park's avatar
Thomas Park committed
92
93
            <div id="social">
              <span>
94
95
                <iframe id="gh-fork" src="https://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53" height="20"></iframe>
                <iframe id="gh-star" src="https://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
Thomas Park's avatar
Thomas Park committed
96
97
              </span>
              <span>
Thomas Park's avatar
Thomas Park committed
98
                <a href="https://twitter.com/bootswatch" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @bootswatch</a>
Thomas Park's avatar
Thomas Park committed
99
                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="bootswatch">Tweet</a>
Thomas Park's avatar
Thomas Park committed
100
101
              </span>
            </div>
Thomas Park's avatar
Thomas Park committed
102
103
            <div class="row">
              <div class="col-md-6 col-md-offset-3">
Thomas Park's avatar
Thomas Park committed
104
                <div class="sponsor">
105
106
107
                  <a href="http://www.shopify.com/?ref=bootswatch" target="_blank" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'shopify']);">
                    <img src="assets/img/shopify.png" alt="Shopify" width="180" height="150" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'shopify']);">
                  </a>
Thomas Park's avatar
Thomas Park committed
108
                </div>
Thomas Park's avatar
Thomas Park committed
109
              </div>
Thomas Park's avatar
Thomas Park committed
110
            </div>
Thomas Park's avatar
Thomas Park committed
111
          </div>
Thomas Park's avatar
Thomas Park committed
112
113
114
115
116
117
118
119
120
        </div>

      </div>
    </div>

    <div class="section-tout">
      <div class="container">

        <div class="row">
Thomas Park's avatar
Thomas Park committed
121
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
122
            <h3><i class="fa fa-file-o"></i> Easy to Install</h3>
Thomas Park's avatar
Thomas Park committed
123
124
            <p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p>
          </div>
Thomas Park's avatar
Thomas Park committed
125
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
126
            <h3><i class="fa fa-github"></i> Open Source</h3>
Thomas Park's avatar
Thomas Park committed
127
            <p>Bootstrap themes are released under the MIT License and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
Thomas Park's avatar
Thomas Park committed
128
          </div>
Thomas Park's avatar
Thomas Park committed
129
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
130
            <h3><i class="fa fa-wrench"></i> Tuned for 3.3.5</h3>
Thomas Park's avatar
Thomas Park committed
131
            <p>Themes are built for the latest version of Bootstrap. <a href="2/">Version 2</a> and <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">others</a> are also available to download.</p>
Thomas Park's avatar
Thomas Park committed
132
          </div>
Thomas Park's avatar
Thomas Park committed
133
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
134
            <h3><i class="fa fa-cogs"></i> Modular</h3>
Thomas Park's avatar
Thomas Park committed
135
             <p>Changes are contained in just two LESS or SASS files, enabling modification and ensuring forward compatibility.</p>
Thomas Park's avatar
Thomas Park committed
136
          </div>
Thomas Park's avatar
Thomas Park committed
137
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
138
            <h3><i class="fa fa-cloud"></i> Get Plugged In</h3>
139
            <p>An <a href="./help/#api">API</a> is available for integrating with your platform. In use by <a href="https://nodebb.org/" target="_blank">NodeBB</a>, <a href="http://yabdab.com/stacks/bootsnap" target="_blank">BootSnap</a>, and others.</p>
Thomas Park's avatar
Thomas Park committed
140
          </div>
Thomas Park's avatar
Thomas Park committed
141
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
142
            <h3><i class="fa fa-bullhorn"></i> Stay Updated</h3>
XhmikosR's avatar
XhmikosR committed
143
            <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&amp;loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p>
Thomas Park's avatar
Thomas Park committed
144
145
          </div>
        </div>
Thomas Park's avatar
Thomas Park committed
146

Thomas Park's avatar
Thomas Park committed
147
148
149
150
151
152
153
      </div>
    </div>

    <div class="section-preview">
      <div class="container">
        <div class="row">

Thomas Park's avatar
Thomas Park committed
154
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
155
156
157
158
159
160
            <div class="preview">
              <div class="image">
                <a href="cerulean/"><img src="cerulean/thumbnail.png" class="img-responsive" alt="Cerulean"></a>
              </div>
              <div class="options">
                <h3>Cerulean</h3>
Thomas Park's avatar
Thomas Park committed
161
                <p>A calm blue sky</p>
Thomas Park's avatar
Thomas Park committed
162
163
164
165
166
167
168
169
170
171
172
173
                <div class="btn-group"><a class="btn btn-info" href="cerulean/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="cerulean/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="cerulean/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="cerulean/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
174
175
176
                    <li class="divider"></li>
                    <li><a target="_blank" href="cerulean/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="cerulean/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
177
                  </ul>
Thomas Park's avatar
Thomas Park committed
178
179
180
181
182
                </div>
              </div>
            </div>
          </div>

Thomas Park's avatar
Thomas Park committed
183
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
184
185
186
187
188
189
            <div class="preview">
              <div class="image">
                <a href="cosmo/"><img class="img-responsive" src="cosmo/thumbnail.png" alt="Cosmo"></a>
              </div>
              <div class="options">
                <h3>Cosmo</h3>
Thomas Park's avatar
Thomas Park committed
190
191
192
193
194
195
196
197
198
199
200
201
202
                <p>An ode to Metro</p>
                <div class="btn-group"><a class="btn btn-info" href="cosmo/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="cosmo/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="cosmo/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="cosmo/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
203
204
205
                    <li class="divider"></li>
                    <li><a target="_blank" href="cosmo/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="cosmo/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
206
                  </ul>
Thomas Park's avatar
Thomas Park committed
207
208
209
210
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
211

212
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
213
214
215
216
217
218
            <div class="preview">
              <div class="image">
                <a href="cyborg/"><img class="img-responsive" src="cyborg/thumbnail.png" alt="Cyborg"></a>
              </div>
              <div class="options">
                <h3>Cyborg</h3>
Thomas Park's avatar
Thomas Park committed
219
220
221
222
223
224
225
226
227
228
229
230
231
232
                <p>Jet black and electric blue</p>
                <div class="btn-group"><a class="btn btn-info" href="cyborg/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="cyborg/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="cyborg/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="cyborg/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="cyborg/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="cyborg/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
233
234
235
                    <li class="divider"></li>
                    <li><a target="_blank" href="cyborg/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="cyborg/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
236
                  </ul>
Thomas Park's avatar
Thomas Park committed
237
238
                </div>
              </div>
239
            </div>
Thomas Park's avatar
Thomas Park committed
240
          </div>
Thomas Park's avatar
Thomas Park committed
241

Thomas Park's avatar
Thomas Park committed
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
          <div class="col-lg-4 col-sm-6">
            <div class="preview">
              <div class="image">
                <a href="darkly/"><img class="img-responsive" src="darkly/thumbnail.png" alt="Darkly"></a>
              </div>
              <div class="options">
                <h3>Darkly</h3>
                <p>Flatly in night mode</p>
                <div class="btn-group"><a class="btn btn-info" href="darkly/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="darkly/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="darkly/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="darkly/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="darkly/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="darkly/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
263
264
265
                    <li class="divider"></li>
                    <li><a target="_blank" href="darkly/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="darkly/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'darkly', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
266
267
268
269
270
271
                  </ul>
                </div>
              </div>
            </div>
          </div>

Thomas Park's avatar
Thomas Park committed
272
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
273
274
275
276
277
278
            <div class="preview">
              <div class="image">
                <a href="flatly/"><img class="img-responsive" src="flatly/thumbnail.png" alt="Flatly"></a>
              </div>
              <div class="options">
                <h3>Flatly</h3>
Thomas Park's avatar
Thomas Park committed
279
280
281
282
283
284
285
286
287
288
289
290
291
292
                <p>Flat and modern</p>
                <div class="btn-group"><a class="btn btn-info" href="flatly/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="flatly/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="flatly/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="flatly/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="flatly/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="flatly/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
293
294
295
                    <li class="divider"></li>
                    <li><a target="_blank" href="flatly/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="flatly/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
296
                  </ul>
Thomas Park's avatar
Thomas Park committed
297
298
299
300
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
301
302

          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
303
304
305
306
307
308
            <div class="preview">
              <div class="image">
                <a href="journal/"><img class="img-responsive" src="journal/thumbnail.png" alt="Journal"></a>
              </div>
              <div class="options">
                <h3>Journal</h3>
Thomas Park's avatar
Thomas Park committed
309
310
311
312
313
314
315
316
317
318
319
320
321
322
                <p>Crisp like a new sheet of paper</p>
                <div class="btn-group"><a class="btn btn-info" href="journal/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="journal/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="journal/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="journal/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="journal/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="journal/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
323
324
325
                    <li class="divider"></li>
                    <li><a target="_blank" href="journal/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="journal/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
326
                  </ul>
Thomas Park's avatar
Thomas Park committed
327
328
329
330
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
331

Thomas Park's avatar
Thomas Park committed
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
          <div class="col-lg-4 col-sm-6">
            <div class="preview">
              <div class="image">
                <a href="lumen/"><img src="lumen/thumbnail.png" class="img-responsive" alt="Lumen"></a>
              </div>
              <div class="options">
                <h3>Lumen</h3>
                <p>Light and shadow</p>
                <div class="btn-group"><a class="btn btn-info" href="lumen/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="lumen/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="lumen/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="lumen/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="lumen/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="lumen/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
352
353
354
                    <li class="divider"></li>
                    <li><a target="_blank" href="lumen/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="lumen/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
355
356
357
358
359
360
                  </ul>
                </div>
              </div>
            </div>
          </div>

361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
          <div class="col-lg-4 col-sm-6">
            <div class="preview">
              <div class="image">
                <a href="paper/"><img class="img-responsive" src="paper/thumbnail.png" alt="Paper"></a>
              </div>
              <div class="options">
                <h3>Paper</h3>
                <p>Material is the metaphor</p>
                <div class="btn-group"><a class="btn btn-info" href="paper/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="paper/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="paper/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="paper/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="paper/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="paper/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
382
383
384
                    <li class="divider"></li>
                    <li><a target="_blank" href="paper/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="paper/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', '_bootswatch.scss']);">_bootswatch.scss</a></li>
385
386
387
388
389
390
                  </ul>
                </div>
              </div>
            </div>
          </div>

391
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
392
393
394
395
396
397
            <div class="preview">
              <div class="image">
                <a href="readable/"><img class="img-responsive" src="readable/thumbnail.png" alt="Readable"></a>
              </div>
              <div class="options">
                <h3>Readable</h3>
Thomas Park's avatar
Thomas Park committed
398
399
400
401
402
403
404
405
406
407
408
409
410
411
                <p>Optimized for legibility</p>
                <div class="btn-group"><a class="btn btn-info" href="readable/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="readable/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="readable/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="readable/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="readable/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="readable/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
412
413
414
                    <li class="divider"></li>
                    <li><a target="_blank" href="readable/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="readable/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
415
                  </ul>
Thomas Park's avatar
Thomas Park committed
416
417
418
419
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
420

421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
          <div class="col-lg-4 col-sm-6">
            <div class="preview">
              <div class="image">
                <a href="sandstone/"><img src="sandstone/thumbnail.png" class="img-responsive" alt="Sandstone"></a>
              </div>
              <div class="options">
                <h3>Sandstone</h3>
                <p>A touch of warmth</p>
                <div class="btn-group"><a class="btn btn-info" href="sandstone/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="sandstone/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="sandstone/bootstrap.min.css"
                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="sandstone/bootstrap.css"
                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
441
442
443
444
445
                    <li><a target="_blank" href="sandstone/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="sandstone/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootswatch.less']);">bootswatch.less</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="sandstone/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="sandstone/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', '_bootswatch.scss']);">_bootswatch.scss</a></li>
446
447
448
449
450
451
                  </ul>
                </div>
              </div>
            </div>
          </div>

Thomas Park's avatar
Thomas Park committed
452
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
453
454
455
456
457
458
            <div class="preview">
              <div class="image">
                <a href="simplex/"><img class="img-responsive" src="simplex/thumbnail.png" alt="Simplex"></a>
              </div>
              <div class="options">
                <h3>Simplex</h3>
Thomas Park's avatar
Thomas Park committed
459
460
461
                <p>Mini and minimalist</p>
                <div class="btn-group"><a class="btn btn-info" href="simplex/">Preview</a></div>
                <div class="btn-group">
Thomas Park's avatar
Thomas Park committed
462
                  <a class="btn btn-info" target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
463
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
464
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
Thomas Park's avatar
Thomas Park committed
465
466
467
468
469
470
471
472
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="simplex/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="simplex/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="simplex/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="simplex/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
473
474
475
                    <li class="divider"></li>
                    <li><a target="_blank" href="simplex/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="simplex/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
476
                  </ul>
Thomas Park's avatar
Thomas Park committed
477
478
479
480
                </div>
              </div>
            </div>
          </div>
481

Thomas Park's avatar
Thomas Park committed
482
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
483
484
485
486
487
488
            <div class="preview">
              <div class="image">
                <a href="slate/"><img class="img-responsive" src="slate/thumbnail.png" alt="Slate"></a>
              </div>
              <div class="options">
                <h3>Slate</h3>
Thomas Park's avatar
Thomas Park committed
489
490
491
492
493
494
495
496
497
498
499
500
501
502
                <p>Shades of gunmetal gray</p>
                <div class="btn-group"><a class="btn btn-info" href="slate/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="slate/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="slate/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="slate/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="slate/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="slate/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
503
504
505
                    <li class="divider"></li>
                    <li><a target="_blank" href="slate/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="slate/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
506
                  </ul>
Thomas Park's avatar
Thomas Park committed
507
508
509
510
511
                </div>

              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
512
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
513
514
515
516
517
518
            <div class="preview">
              <div class="image">
                <a href="spacelab/"><img class="img-responsive" src="spacelab/thumbnail.png" alt="Spacelab"></a>
              </div>
              <div class="options">
                <h3>Spacelab</h3>
Thomas Park's avatar
Thomas Park committed
519
520
521
522
523
524
525
526
527
528
529
530
531
532
                <p>Silvery and sleek</p>
                <div class="btn-group"><a class="btn btn-info" href="spacelab/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="spacelab/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="spacelab/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="spacelab/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="spacelab/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="spacelab/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
533
534
535
                    <li class="divider"></li>
                    <li><a target="_blank" href="spacelab/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="spacelab/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
536
                  </ul>
Thomas Park's avatar
Thomas Park committed
537
538
539
540
                </div>
              </div>
            </div>
          </div>
541

Thomas Park's avatar
Thomas Park committed
542
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
            <div class="preview">
              <div class="image">
                <a href="superhero/"><img class="img-responsive" src="superhero/thumbnail.png" alt="Superhero"></a>
              </div>
              <div class="options">
                <h3>Superhero</h3>
                <p>The brave and the blue</p>
                <div class="btn-group"><a class="btn btn-info" href="superhero/">Preview</a></div>
                <div class="btn-group">
                  <a class="btn btn-info" target="_blank" href="superhero/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a>
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a target="_blank" href="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li>
                    <li class="divider"></li>
                    <li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
563
564
565
                    <li class="divider"></li>
                    <li><a target="_blank" href="superhero/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="superhero/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
566
567
568
569
570
                  </ul>
                </div>
              </div>
            </div>
          </div>
571

Thomas Park's avatar
Thomas Park committed
572
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
573
574
            <div class="preview">
              <div class="image">
Thomas Park's avatar
Thomas Park committed
575
                <a href="united/"><img class="img-responsive" src="united/thumbnail.png" alt="United"></a>
Thomas Park's avatar
Thomas Park committed
576
577
              </div>
              <div class="options">
Thomas Park's avatar
Thomas Park committed
578
579
580
                <h3>United</h3>
                <p>Ubuntu orange and unique font</p>
                <div class="btn-group"><a class="btn btn-info" href="united/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
581
                <div class="btn-group">
Thomas Park's avatar
Thomas Park committed
582
583
                  <a class="btn btn-info" target="_blank" href="united/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
584
585
586
587
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
Thomas Park's avatar
Thomas Park committed
588
589
                    <li><a target="_blank" href="united/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="united/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li>
Thomas Park's avatar
Thomas Park committed
590
                    <li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
591
592
                    <li><a target="_blank" href="united/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="united/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
593
594
595
                    <li class="divider"></li>
                    <li><a target="_blank" href="united/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="united/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
596
                  </ul>
Thomas Park's avatar
Thomas Park committed
597
598
599
                </div>
              </div>
            </div>
Thomas Park's avatar
Thomas Park committed
600
          </div>
601

Thomas Park's avatar
Thomas Park committed
602
          <div class="col-lg-4 col-sm-6">
Thomas Park's avatar
Thomas Park committed
603
604
            <div class="preview">
              <div class="image">
Thomas Park's avatar
Thomas Park committed
605
                <a href="yeti/"><img class="img-responsive" src="yeti/thumbnail.png" alt="Yeti"></a>
Thomas Park's avatar
Thomas Park committed
606
607
              </div>
              <div class="options">
Thomas Park's avatar
Thomas Park committed
608
609
610
                <h3>Yeti</h3>
                <p>A friendly foundation</p>
                <div class="btn-group"><a class="btn btn-info" href="yeti/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
611
                <div class="btn-group">
Thomas Park's avatar
Thomas Park committed
612
613
                  <a class="btn btn-info" target="_blank" href="yeti/bootstrap.min.css"
                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
614
615
616
617
                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
Thomas Park's avatar
Thomas Park committed
618
619
                    <li><a target="_blank" href="yeti/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
                    <li><a target="_blank" href="yeti/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', 'bootstrap.css']);">bootstrap.css</a></li>
Thomas Park's avatar
Thomas Park committed
620
                    <li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
621
622
                    <li><a target="_blank" href="yeti/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', 'variables.less']);">variables.less</a></li>
                    <li><a target="_blank" href="yeti/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', 'bootswatch.less']);">bootswatch.less</a></li>
Thomas Park's avatar
Thomas Park committed
623
624
625
                    <li class="divider"></li>
                    <li><a target="_blank" href="yeti/_variables.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', '_variables.scss']);">_variables.scss</a></li>
                    <li><a target="_blank" href="yeti/_bootswatch.scss" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'yeti', '_bootswatch.scss']);">_bootswatch.scss</a></li>
Thomas Park's avatar
Thomas Park committed
626
                  </ul>
Thomas Park's avatar
Thomas Park committed
627
628
629
630
631
632
633
634
635
636
637
638
                </div>
              </div>
            </div>
          </div>


        </div>
      </div>


      <div class="container">
        <div class="row">
Thomas Park's avatar
Thomas Park committed
639

Thomas Park's avatar
Thomas Park committed
640
641
          <div class="col-lg-12">
            <h1>Want more?</h1>
642
            <p class="lead">Check out these favorites 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>
Thomas Park's avatar
Thomas Park committed
643
          </div>
644

Thomas Park's avatar
Thomas Park committed
645
          <div class="col-lg-4 col-sm-4">
Thomas Park's avatar
Thomas Park committed
646
647
            <div class="preview">
              <div class="image">
648
                <a target="_blank" href="http://wrapbootstrap.com/preview/WB0K176S9?ref=bsw"><img class="img-responsive" src="https://s3.amazonaws.com/wrapbootstrap/live/products/icons/WB0K176S9.jpg" alt="Front Row"></a>
Thomas Park's avatar
Thomas Park committed
649
650
              </div>
              <div class="options">
651
652
653
654
655
                <h3>React</h3>
                <p>A business theme</p>
                <div>
                  <a class="btn btn-info" target="_blank" href="http://wrapbootstrap.com/preview/WB0K176S9?ref=bsw">Preview</a>
                  <a class="btn btn-info" target="_blank" href="https://wrapbootstrap.com/theme/react-business-theme-WB0K176S9?ref=bsw" onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-react']);">Info</a>
Thomas Park's avatar
Thomas Park committed
656
657
658
659
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
660
661

          <div class="col-lg-4 col-sm-4">
Thomas Park's avatar
Thomas Park committed
662
663
            <div class="preview">
              <div class="image">
664
                <a target="_blank" href="http://wrapbootstrap.com/preview/WB01649B4?ref=bsw"><img class="img-responsive" src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB01649B4.png" alt="Clean Canvas"></a>
Thomas Park's avatar
Thomas Park committed
665
666
              </div>
              <div class="options">
667
668
669
670
671
                <h3>Zerif</h3>
                <p>A responsive one-page theme</p>
                <div>
                  <a class="btn btn-info" target="_blank" href="http://wrapbootstrap.com/preview/WB01649B4?ref=bsw">Preview</a>
                  <a class="btn btn-info" target="_blank" href="https://wrapbootstrap.com/theme/zerif-responsive-one-page-theme-WB01649B4?ref=bsw" onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-zerif']);">Info</a>
Thomas Park's avatar
Thomas Park committed
672
673
674
675
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
676
677

          <div class="col-lg-4 col-sm-4">
Thomas Park's avatar
Thomas Park committed
678
679
            <div class="preview">
              <div class="image">
680
                <a target="_blank" class="img-responsive" href="http://wrapbootstrap.com/preview/WB09JXK43?ref=bsw"><img class="img-responsive" src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB09JXK43.png" alt="Clean Canvas"></a>
Thomas Park's avatar
Thomas Park committed
681
682
              </div>
              <div class="options">
683
684
685
686
687
                <h3>Kingboard</h3>
                <p>A responsive admin dashboard</p>
                <div>
                  <a class="btn btn-info" target="_blank" href="http://wrapbootstrap.com/preview/WB09JXK43?ref=bsw">Preview</a>
                  <a class="btn btn-info" target="_blank" href="https://wrapbootstrap.com/theme/kingboard-responsive-admin-dashboard-WB09JXK43?ref=bsw" onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-kingboard']);">Info</a>
Thomas Park's avatar
Thomas Park committed
688
689
690
691
692
                </div>
              </div>
            </div>
          </div>

Thomas Park's avatar
Thomas Park committed
693
        </div>
Thomas Park's avatar
Thomas Park committed
694
695
696
697

        <div class="row">
          <div class="col-lg-12">
            <h1>Still looking?</h1>
Thomas Park's avatar
Thomas Park committed
698
            <p class="lead">Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p>
Thomas Park's avatar
Thomas Park committed
699
          </div>
Thomas Park's avatar
Thomas Park committed
700
          <div class="col-lg-4 col-sm-4">
Thomas Park's avatar
Thomas Park committed
701
702
            <div class="preview">
              <div class="image">
XhmikosR's avatar
XhmikosR committed
703
                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&amp;tag=bootswatch-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1118008189" target="_blank"><img class="img-responsive" src="assets/img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a>
Thomas Park's avatar
Thomas Park committed
704
705
706
707
708

              </div>
              <div class="options">
                <h3>HTML &amp; CSS</h3>
                <p>Jon Duckett</p>
Thomas Park's avatar
Thomas Park committed
709
                <div>
710
                  <img src="https://www.assoc-amazon.com/e/ir?t=bootswatch-20&amp;l=as2&amp;o=1&amp;a=1118008189" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
XhmikosR's avatar
XhmikosR committed
711
                  <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&amp;tag=bootswatch-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1118008189" target="_blank">Amazon</a></div>
Thomas Park's avatar
Thomas Park committed
712
713
714
715
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
716
          <div class="col-lg-4 col-sm-4">
Thomas Park's avatar
Thomas Park committed
717
718
            <div class="preview">
              <div class="image">
719

Thomas Park's avatar
Thomas Park committed
720
                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'eloquentjavascript']);" href="http://www.amazon.com/gp/product/1593275846/ref=as_li_tf_tl?ie=UTF8&amp;tag=bootswatch-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1593275846" target="_blank"><img class="img-responsive" src="assets/img/refs/eloquentjavascript.png" alt="Eloquent JavaScript, by Marijn Haverbeke"></a>
Thomas Park's avatar
Thomas Park committed
721
722
723

              </div>
              <div class="options">
724

Thomas Park's avatar
Thomas Park committed
725
726
                <h3>Eloquent JavaScript</h3>
                <p>Marijn Haverbeke</p>
Thomas Park's avatar
Thomas Park committed
727
                <div>
728
                  <img src="https://www.assoc-amazon.com/e/ir?t=bootswatch-20&amp;l=as2&amp;o=1&amp;a=1593275846" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
Thomas Park's avatar
Thomas Park committed
729
                  <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/1593275846/ref=as_li_tf_tl?ie=UTF8&amp;tag=bootswatch-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1593275846" target="_blank">Amazon</a></div>
Thomas Park's avatar
Thomas Park committed
730
731
732
733
                </div>
              </div>
            </div>
          </div>
Thomas Park's avatar
Thomas Park committed
734
          <div class="col-lg-4 col-sm-4">
Thomas Park's avatar
Thomas Park committed
735
736
            <div class="preview">
              <div class="image">
737

XhmikosR's avatar
XhmikosR committed
738
                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&amp;tag=bootswatch-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=098057689X" target="_blank"><img class="img-responsive" src="assets/img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a>
Thomas Park's avatar
Thomas Park committed
739
740
741

              </div>
              <div class="options">
742

Thomas Park's avatar
Thomas Park committed
743
744
                <h3>Beautiful Web Design</h3>
                <p>Jason Beaird</p>
Thomas Park's avatar
Thomas Park committed
745
                <div>
746
                  <img src="https://www.assoc-amazon.com/e/ir?t=bootswatch-20&amp;l=as2&amp;o=1&amp;a=098057689X" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
XhmikosR's avatar
XhmikosR committed
747
                  <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&amp;tag=bootswatch-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=098057689X" target="_blank">Amazon</a></div>
Thomas Park's avatar
Thomas Park committed
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
                </div>
              </div>
            </div>
          </div>
        </div>



      </div>
    </div>

    <div class="container">
      <footer>
        <div class="row">
          <div class="col-lg-12">
763

Thomas Park's avatar
Thomas Park committed
764
765
766
767
            <ul class="list-unstyled">
              <li class="pull-right"><a href="#top">Back to top</a></li>
              <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li>
              <li><a href="http://feeds.feedburner.com/bootswatch">RSS</a></li>
Thomas Park's avatar
Thomas Park committed
768
              <li><a href="https://twitter.com/bootswatch">Twitter</a></li>
Thomas Park's avatar
Thomas Park committed
769
              <li><a href="https://github.com/thomaspark/bootswatch/">GitHub</a></li>
770
              <li><a href="./help/#api">API</a></li>
Thomas Park's avatar
Thomas Park committed
771
              <li><a href="./help/#support">Support</a></li>
Thomas Park's avatar
Thomas Park committed
772
            </ul>
Thomas Park's avatar
Thomas Park committed
773
            <p>Made by <a href="http://thomaspark.co" rel="nofollow">Thomas Park</a>. Contact him at <a href="mailto:thomas@bootswatch.com">thomas@bootswatch.com</a>.</p>
Thomas Park's avatar
Thomas Park committed
774
            <p>Code released under the <a href="https://github.com/thomaspark/bootswatch/blob/gh-pages/LICENSE">MIT License</a>.</p>
Thomas Park's avatar
Thomas Park committed
775
            <p>Based on <a href="http://getbootstrap.com" rel="nofollow">Bootstrap</a>. Icons from <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>.</p>
Thomas Park's avatar
Thomas Park committed
776
777
778

          </div>
        </div>
779

Thomas Park's avatar
Thomas Park committed
780
      </footer>
781

Thomas Park's avatar
Thomas Park committed
782
783
784
785

    </div>


786
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
Thomas Park's avatar
Thomas Park committed
787
    <script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
788
    <script src="./assets/js/custom.js"></script>
XhmikosR's avatar
XhmikosR committed
789
    <script>
790
      !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
Thomas Park's avatar
Thomas Park committed
791
792
    </script>
  </body>
Graham Campbell's avatar
Tweaks    
Graham Campbell committed
793
</html>