index.html 19.6 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
56
		
		<div class="alert alert-info">
Thomas Park's avatar
Thomas Park committed
57
			<p><strong>21 Feb:</strong> New swatches: <a href="slate">Slate</a> and <a href="superhero">Superhero</a>.</p>
58
			
Thomas Park's avatar
Thomas Park committed
59
			<p><strong>14 Feb:</strong> Visit the <a target="_blank" onclick="pageTracker._link(this.href); return false;" href=" http://thomaspark.me/2012/02/introducing-bootswatch/">blog post</a> that discusses Bootswatch in more detail.</p>
60
61
62
			
		</div>
	
Thomas Park's avatar
Thomas Park committed
63
64
65
66
67
68
      <!-- 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
69
70
71
  	      <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
72
  		  </div>
Thomas Park's avatar
Thomas Park committed
73
          <div class="span4">
Thomas Park's avatar
Thomas Park committed
74
  			<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
75
  			<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
76
  		  </div>
Thomas Park's avatar
Thomas Park committed
77
		  <div class="span1">
Thomas Park's avatar
Thomas Park committed
78
79
  			<a class="btn rss" target="_blank" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i><span>RSS</span></a>
		  </div>
Thomas Park's avatar
Thomas Park committed
80
81
82
83
  	    </div>	
      </div>

      <!-- Example row of columns -->
Thomas Park's avatar
Thomas Park committed
84
      <div class="row about">
Thomas Park's avatar
Thomas Park committed
85
86
87
88
89
90
91
92
93
94
95
        <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
96
          <img src="img/glyphicons_050_link.png">
97
98
		  <h3>Tested for 2.0.1</h3>
          <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
99
100
101
102
103
104
105
       </div>
      </div>
	  
      <div class="row about">
        <div class="span4">
		  <img src="img/glyphicons_341_github.png">
          <h3>Open Source</h3>
106
          <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
107
108
109
110
111
112
113
114
115
116
        </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
117
          <p>Be notified when new swatches are released by subscribing to the <a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a> or <a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a>.</p>
Thomas Park's avatar
Thomas Park committed
118
119
120
121
122
        </div>
      </div>
	  
	  <div class="row">
		  <div class="span12">
Thomas Park's avatar
Thomas Park committed
123
		  	  <h1 id="gallery">Gallery</h1>
Thomas Park's avatar
Thomas Park committed
124
125
126
127
128
129
130
131
132
133
			  <ul class="thumbnails">


			    <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
134
						<div class="btn-group"><a class="btn btn-large" href="cerulean">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
135
						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
136
						  <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
137
138
139
140
141
142
								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
143
							<li><a target="_blank" href="cerulean/bootstrap.min.css" 
Thomas Park's avatar
Thomas Park committed
144
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
Thomas Park's avatar
Thomas Park committed
145
							<li><a target="_blank" href="cerulean/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
146
147
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
148
  							<li><a target="_blank" href="cerulean/variables.less"
Thomas Park's avatar
Thomas Park committed
149
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li>
Thomas Park's avatar
Thomas Park committed
150
  							<li><a target="_blank" href="cerulean/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
151
152
153
154
155
156
157
158
								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
159

Thomas Park's avatar
Thomas Park committed
160
161
162
163
164
165
166
167
168
			    <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
169
						  <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
								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
193
194
195
196
197
			    <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
198
			          <p>Crisp like a new sheet of paper.</p>
Thomas Park's avatar
Thomas Park committed
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
			          <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
223

Thomas Park's avatar
Thomas Park committed
224

Thomas Park's avatar
Thomas Park committed
225
226
227
228
229
230
231
232
	
  			    <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
233
  						<div class="btn-group"><a class="btn btn-large" href="simplex">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
234
  						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
235
  						  <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
236
237
238
239
240
241
								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
242
  							<li><a target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
243
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
244
  							<li><a target="_blank" href="simplex/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
245
246
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
247
  							<li><a target="_blank" href="simplex/variables.less"
Thomas Park's avatar
Thomas Park committed
248
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li>
249
  							<li><a target="_blank" href="simplex/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
250
251
252
253
254
255
256
257
								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
258
259
260
261
262

			    <li class="span4">
			      <div class="thumbnail">
			        <img src="slate/thumbnail.png" alt="">
			        <div class="caption">
Thomas Park's avatar
Thomas Park committed
263
			          <h3>Slate <span class="label label-warning">new!</label></h3>
Thomas Park's avatar
Thomas Park committed
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
			          <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
291
292
293
294
295
296
297
298
			
			    <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
299
						<div class="btn-group"><a class="btn btn-large" href="spacelab">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
300
						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
301
						  <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
302
303
304
305
306
307
								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
308
							<li><a target="_blank" href="spacelab/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
309
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
310
							<li><a target="_blank" href="spacelab/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
311
312
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
313
  							<li><a target="_blank" href="spacelab/variables.less"
Thomas Park's avatar
Thomas Park committed
314
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li>
315
  							<li><a target="_blank" href="spacelab/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
316
317
318
319
320
321
322
323
								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
324
325
326
327
328
329


			    <li class="span4">
			      <div class="thumbnail">
			        <img src="superhero/thumbnail.png" alt="">
			        <div class="caption">
Thomas Park's avatar
Thomas Park committed
330
			          <h3>Superhero <span class="label label-warning">new!</label></h3>
Thomas Park's avatar
Thomas Park committed
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
			          <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
358
359
360
361
362
363
364
365
				    
			    <li class="span4">
			      <div class="thumbnail">
			        <img src="united/thumbnail.png" alt="">
			        <div class="caption">
			          <h3>United</h3>
			          <p>Bright colors and a distinctive font.</p>
			          <div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
366
						<div class="btn-group"><a class="btn btn-large" href="united">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
367
						<div class="btn-group">
Thomas Park's avatar
Thomas Park committed
368
						  <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
369
370
371
372
373
374
								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
375
							<li><a target="_blank" href="united/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
376
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
377
							<li><a target="_blank" href="united/bootstrap.css"
Thomas Park's avatar
Thomas Park committed
378
379
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li>
							<li class="divider"></li>
380
  							<li><a target="_blank" href="united/variables.less"
Thomas Park's avatar
Thomas Park committed
381
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li>
382
  							<li><a target="_blank" href="united/bootswatch.less"
Thomas Park's avatar
Thomas Park committed
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
								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>
400
401
402
		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
403
404
405
406
407
408
409
410
411
      </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
412
413
	<script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootswatch.js"></script>
Thomas Park's avatar
Thomas Park committed
414
415
416
417
	<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>
418
</html>