index.html 22.4 KB
Newer Older
1
<!DOCTYPE html>
Thomas Park's avatar
Thomas Park committed
2
3
4
<html lang="en">
  <head>
    <meta charset="utf-8">
Thomas Park's avatar
Thomas Park committed
5
    <title>Bootswatch: Free themes for Twitter Bootstrap</title>
6

Thomas Park's avatar
Thomas Park committed
7
8
9
10
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
11

Thomas Park's avatar
Thomas Park committed
12
13
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
Thomas Park's avatar
Thomas Park committed
14
    <link href="css/bootswatch.css" rel="stylesheet">
Thomas Park's avatar
Thomas Park committed
15
16
17
	<link rel="alternate" type="application/rss+xml" 
	  title="Bootswatch" 
	  href="http://feeds.feedburner.com/bootswatch" />
Thomas Park's avatar
Thomas Park committed
18
19
20
21

	<script type="text/javascript">

	  var _gaq = _gaq || [];
Thomas Park's avatar
Thomas Park committed
22
		  _gaq.push(['_setAccount', 'UA-23019901-1']);
Thomas Park's avatar
Thomas Park committed
23
		  _gaq.push(['_setDomainName', "bootswatch.com"]);
Thomas Park's avatar
Thomas Park committed
24
25
  		  _gaq.push(['_setAllowLinker', true]);
		  _gaq.push(['_trackPageview']);
Thomas Park's avatar
Thomas Park committed
26
27
28
29
30
31

	  (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);
	  })();
32

Thomas Park's avatar
Thomas Park committed
33
	</script>
Thomas Park's avatar
Thomas Park committed
34
	
Thomas Park's avatar
Thomas Park committed
35
36
37
38
39
40
41
42
43
44
45
  </head>

  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
			</a>
Thomas Park's avatar
Thomas Park committed
46
          <a class="brand" href="./">Bootswatch</a>
Thomas Park's avatar
Thomas Park committed
47
          <div class="nav-collapse">
Thomas Park's avatar
Thomas Park committed
48
			  
Thomas Park's avatar
Thomas Park committed
49
50
51
          </div><!--/.nav-collapse -->
        </div>
      </div>
52
53
    </div>

Thomas Park's avatar
Thomas Park committed
54
    <div class="container">
55

Thomas Park's avatar
Thomas Park committed
56
57
58
59
60
61
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Bootswatch</h1>
        <p>Add color to your <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a> site without touching a color picker.</p>
		
        <div id="social">
Thomas Park's avatar
Thomas Park committed
62
63
64
  	      <div class="span3 offset1">
  			<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
			<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe>		
Thomas Park's avatar
Thomas Park committed
65
  		  </div>
Thomas Park's avatar
Thomas Park committed
66
          <div class="span4">
Thomas Park's avatar
Thomas Park committed
67
  			<a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a>
Thomas Park's avatar
Thomas Park committed
68
  			<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a>
Thomas Park's avatar
Thomas Park committed
69
  		  </div>
Thomas Park's avatar
Thomas Park committed
70
		  <div class="span1">
Thomas Park's avatar
Thomas Park committed
71
  			<a class="btn rss" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i><span>RSS</span></a>
Thomas Park's avatar
Thomas Park committed
72
		  </div>
Thomas Park's avatar
Thomas Park committed
73
74
75
76
  	    </div>	
      </div>

      <!-- Example row of columns -->
Thomas Park's avatar
Thomas Park committed
77
      <div class="row about">
Thomas Park's avatar
Thomas Park committed
78
79
80
81
82
83
84
85
86
87
88
        <div class="span4">
          <img src="img/glyphicons_036_file.png">
		  <h3>Easy to Install</h3>
          <p>Simply download the CSS file from the swatch of your choice and replace the one in Bootstrap. No messing around with hex values.</p>
       </div>
        <div class="span4">
		  <img src="img/glyphicons_009_magic.png">
          <h3>Whole New Feel</h3>
          <p>We've all been there with the black bar and blue buttons. See how a splash of color and typography can transform the feel of your site.</p>
        </div>
        <div class="span4">
Thomas Park's avatar
Thomas Park committed
89
          <img src="img/glyphicons_050_link.png">
Thomas Park's avatar
Thomas Park committed
90
		  <h3>Tuned for 2.0.1</h3>
91
          <p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/downloads">Previous versions</a> are also available for download.</p>
Thomas Park's avatar
Thomas Park committed
92
93
94
95
96
97
98
       </div>
      </div>
	  
      <div class="row about">
        <div class="span4">
		  <img src="img/glyphicons_341_github.png">
          <h3>Open Source</h3>
99
          <p>Licensed under Apache 2.0 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
100
101
102
103
104
105
106
107
108
109
        </div>
         <div class="span4">
           <img src="img/glyphicons_025_binoculars.png">
  	  <h3>Modular</h3>
           <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
         </div>
		
        <div class="span4">
          <img src="img/glyphicons_032_wifi_alt.png">
		  <h3>Stay Updated</h3>
Thomas Park's avatar
Thomas Park committed
110
          <p>Be notified when new swatches are released by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://bootswatch.tumblr.com/">Tumblr</a>.</p>
Thomas Park's avatar
Thomas Park committed
111
112
113
114
115
        </div>
      </div>
	  
	  <div class="row">
		  <div class="span12">
Thomas Park's avatar
Thomas Park committed
116
		  	  <h1 id="gallery">Gallery</h1>
Thomas Park's avatar
Thomas Park committed
117
118
			  <ul class="thumbnails">

Thomas Park's avatar
Thomas Park committed
119
120
121
122
123
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="amelia/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>Amelia  <span class="label label-warning">new!</label></h3>
Thomas Park's avatar
Thomas Park committed
124
			          <p>Sweet and cheery.</p>
Thomas Park's avatar
Thomas Park committed
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
			          <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 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="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
							<li><a target="_blank" href="amelia/bootstrap.min.css" 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
							<li><a target="_blank" href="amelia/bootstrap.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
  							<li><a target="_blank" href="amelia/variables.less"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li>
  							<li><a target="_blank" href="amelia/bootswatch.less"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>


Thomas Park's avatar
Thomas Park committed
152
153
154
155
156
157
158
159

			    <li class="span4">
			      <div class="thumbnail">
			        <img src="cerulean/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>Cerulean</h3>
			          <p>A calm, blue sky.</p>
			          <div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
160
						<div class="btn-group"><a class="btn btn-large" href="cerulean">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
161
						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
162
						  <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
163
164
165
166
167
168
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
Thomas Park's avatar
Thomas Park committed
169
							<li><a target="_blank" href="cerulean/bootstrap.min.css" 
Thomas Park's avatar
Thomas Park committed
170
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
Thomas Park's avatar
Thomas Park committed
171
							<li><a target="_blank" href="cerulean/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
172
173
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
174
  							<li><a target="_blank" href="cerulean/variables.less"
Thomas Park's avatar
Thomas Park committed
175
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li>
Thomas Park's avatar
Thomas Park committed
176
  							<li><a target="_blank" href="cerulean/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
177
178
179
180
181
182
183
184
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>

Thomas Park's avatar
Thomas Park committed
185

Thomas Park's avatar
Thomas Park committed
186
187
188
189
190
191
192
193
194
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="cyborg/thumbnail.png" alt="">
			        <div class="caption">
			          <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">
Thomas Park's avatar
Thomas Park committed
195
						  <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
							<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>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>


Thomas Park's avatar
Thomas Park committed
219
220
221
222
223
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="journal/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>Journal</h3>
Thomas Park's avatar
Thomas Park committed
224
			          <p>Crisp like a new sheet of paper.</p>
Thomas Park's avatar
Thomas Park committed
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
			          <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 btn-primary" target="_blank" href="journal/bootstrap.min.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
							<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>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
Thomas Park's avatar
Thomas Park committed
249

Thomas Park's avatar
Thomas Park committed
250

Thomas Park's avatar
Thomas Park committed
251
252
253
254
255
256
257
258
	
  			    <li class="span4">
  			      <div class="thumbnail">
  			        <img src="simplex/thumbnail.png" alt="">
  			        <div class="caption">
  			          <h3>Simplex</h3>
  			          <p>Flat, matte, minimalist.</p>
  			          <div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
259
  						<div class="btn-group"><a class="btn btn-large" href="simplex">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
260
  						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
261
  						  <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
262
263
264
265
266
267
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a>
  						  <a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#">
  						    <span class="caret"></span>
  						  </a>
  						  <ul class="dropdown-menu">
  						    <!-- dropdown menu links -->
Thomas Park's avatar
Thomas Park committed
268
  							<li><a target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
269
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
270
  							<li><a target="_blank" href="simplex/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
271
272
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
273
  							<li><a target="_blank" href="simplex/variables.less"
Thomas Park's avatar
Thomas Park committed
274
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li>
275
  							<li><a target="_blank" href="simplex/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
276
277
278
279
280
281
282
283
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li>
  						  </ul>
  						</div>
  					</div>
  			        </div>
  			      </div>
  			    </li>
				  
Thomas Park's avatar
Thomas Park committed
284
285
286
287
288

			    <li class="span4">
			      <div class="thumbnail">
			        <img src="slate/thumbnail.png" alt="">
			        <div class="caption">
Thomas Park's avatar
Thomas Park committed
289
			          <h3>Slate <span class="label label-warning">new!</label></h3>
Thomas Park's avatar
Thomas Park committed
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
			          <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 btn-primary" target="_blank" href="slate/bootstrap.min.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
							<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>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>

Thomas Park's avatar
Thomas Park committed
317
318
319
320
321
322
323
324
			
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="spacelab/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>Spacelab</h3>
			          <p>Silvery and sleek.</p>
			          <div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
325
						<div class="btn-group"><a class="btn btn-large" href="spacelab">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
326
						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
327
						  <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
328
329
330
331
332
333
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
Thomas Park's avatar
Thomas Park committed
334
							<li><a target="_blank" href="spacelab/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
335
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
336
							<li><a target="_blank" href="spacelab/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
337
338
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
339
  							<li><a target="_blank" href="spacelab/variables.less"
Thomas Park's avatar
Thomas Park committed
340
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li>
341
  							<li><a target="_blank" href="spacelab/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
342
343
344
345
346
347
348
349
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>
				  
Thomas Park's avatar
Thomas Park committed
350

Thomas Park's avatar
Thomas Park committed
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
			
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="spruce/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>Spruce  <span class="label label-warning">new!</label></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 btn-primary" target="_blank" href="spruce/bootstrap.min.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
							<li><a target="_blank" href="spruce/bootstrap.min.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
							<li><a target="_blank" href="spruce/bootstrap.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
  							<li><a target="_blank" href="spruce/variables.less"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'variables.less']);">variables.less</a></li>
  							<li><a target="_blank" href="spruce/bootswatch.less"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootswatch.less']);">bootswatch.less</a></li>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>

Thomas Park's avatar
Thomas Park committed
384
385
386
387
388

			    <li class="span4">
			      <div class="thumbnail">
			        <img src="superhero/thumbnail.png" alt="">
			        <div class="caption">
Thomas Park's avatar
Thomas Park committed
389
			          <h3>Superhero <span class="label label-warning">new!</label></h3>
Thomas Park's avatar
Thomas Park committed
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
			          <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 btn-primary" target="_blank" href="superhero/bootstrap.min.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
							<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>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>

Thomas Park's avatar
Thomas Park committed
417
418
419
420
421
422
				    
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="united/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>United</h3>
Thomas Park's avatar
Thomas Park committed
423
			          <p>Bright colors and a unique font.</p>
Thomas Park's avatar
Thomas Park committed
424
			          <div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
425
						<div class="btn-group"><a class="btn btn-large" href="united">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
426
						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
427
						  <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
428
429
430
431
432
433
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a>
						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
						    <!-- dropdown menu links -->
Thomas Park's avatar
Thomas Park committed
434
							<li><a target="_blank" href="united/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
435
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
436
							<li><a target="_blank" href="united/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
437
438
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
439
  							<li><a target="_blank" href="united/variables.less"
Thomas Park's avatar
Thomas Park committed
440
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li>
441
  							<li><a target="_blank" href="united/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li>
						  </ul>
						</div>
					</div>
			        </div>
			      </div>
			    </li>

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

      <hr>

      <footer>
		<p class="pull-right"><a href="#">Back to top</a></p>
459
460
461
		Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Submissions and feedback welcome at <a href="mailto:thomas@thomaspark.me">thomas@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://glyphicons.com/">Glyphicons</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>
Thomas Park's avatar
Thomas Park committed
462
463
464
465
466
467
468
469
470
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
Thomas Park's avatar
Thomas Park committed
471
472
	<script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootswatch.js"></script>
Thomas Park's avatar
Thomas Park committed
473
474
475
476
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


  </body>
477
</html>