index.html 36.3 KB
Newer Older
1
<!DOCTYPE html>
Thomas Park's avatar
Thomas Park committed
2
<html lang="en">
Thomas Park's avatar
Thomas Park committed
3
4
<head>
	<meta charset="utf-8">
Thomas Park's avatar
Thomas Park committed
5
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
Chris Rebert's avatar
Chris Rebert committed
6
7
	<meta name="description" content="Free themes for Bootstrap.">
	<title>Bootswatch: Free themes for Bootstrap</title>
8

Thomas Park's avatar
Thomas Park committed
9
10
11
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
12

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

	<script type="text/javascript">

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

Thomas Park's avatar
Thomas Park committed
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
35
</head>

Thomas Park's avatar
Thomas Park committed
36
<body class="index" id="top">
Thomas Park's avatar
Thomas Park committed
37
	<script src="js/bsa.js"></script>
Thomas Park's avatar
Thomas Park committed
38
	
Thomas Park's avatar
Thomas Park committed
39
40
41
42
43
44
45
46
47
	<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>
				<a class="brand" href="./">Bootswatch</a>
48
				<div class="nav-collapse collapse" id="main-menu">
Thomas Park's avatar
Thomas Park committed
49
					<ul class="nav" id="main-menu-left">
50
						<li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">News</a></li>
Thomas Park's avatar
Thomas Park committed
51
						<li><a id="swatch-link" href="#gallery">Gallery</a></li>
Thomas Park's avatar
Thomas Park committed
52
53
54
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
							<ul class="dropdown-menu" id="swatch-menu">
Thomas Park's avatar
Thomas Park committed
55
								<li><a href="default/">Default</a></li>
Thomas Park's avatar
Thomas Park committed
56
								<li class="divider"></li>
Thomas Park's avatar
Thomas Park committed
57
58
59
60
								<li><a href="amelia/">Amelia</a></li>
								<li><a href="cerulean/">Cerulean</a></li>
					            <li><a href="cosmo/">Cosmo</a></li>
								<li><a href="cyborg/">Cyborg</a></li>
Thomas Park's avatar
Thomas Park committed
61
								<li><a href="flatly/">Flatly</a></li>
Thomas Park's avatar
Thomas Park committed
62
63
64
65
66
67
68
69
								<li><a href="journal/">Journal</a></li>
								<li><a href="readable/">Readable</a></li>
								<li><a href="simplex/">Simplex</a></li>
								<li><a href="slate"/>Slate</a></li>
								<li><a href="spacelab/">Spacelab</a></li>
								<li><a href="spruce/">Spruce</a></li>
								<li><a href="superhero/">Superhero</a></li>
								<li><a href="united/">United</a></li>
Thomas Park's avatar
Thomas Park committed
70
71
72
73
							</ul>
						</li>
					</ul>
					<ul class="nav pull-right" id="main-menu-right">
Thomas Park's avatar
Thomas Park committed
74
75
						<li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites &amp; apps" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'builtwithbootstrap']);">Built With Bootstrap <i class="icon-share-alt"></i></a></li>
						<li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap <i class="icon-share-alt"></i></a></li>
Thomas Park's avatar
Thomas Park committed
76
					</ul>
Thomas Park's avatar
Thomas Park committed
77
				</div>
Thomas Park's avatar
Thomas Park committed
78
79
80
81
			</div>
		</div>
	</div>

Thomas Park's avatar
Thomas Park committed
82
	<div class="hero-unit">
Thomas Park's avatar
Thomas Park committed
83
84
85
86
87
88

		<div class="alert alert-danger">
		  <p><h4 class="alert-heading">Have you upgraded?</h4></p>
		  <p><a href="../">Visit the main page</a> to get the latest Bootstrap themes.</p>
		</div>

Thomas Park's avatar
Thomas Park committed
89
90
91
92
93
94
95
96
97
		<h1>Bootswatch</h1>
		<p id="tagline">&nbsp;</p>

		<div id="social">
			<span>
				<iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe>
				<iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
			</span>
			<span>
98
				<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
99
100
101
				<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a>
			</span>
			<span>
Thomas Park's avatar
Thomas Park committed
102
				<a class="btn rss-button" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i> RSS</a>
Thomas Park's avatar
Thomas Park committed
103
			</span>
Thomas Park's avatar
Thomas Park committed
104
105
		</div>

Thomas Park's avatar
Thomas Park committed
106
		<div id="ticker">
Thomas Park's avatar
Thomas Park committed
107
		</div>
Thomas Park's avatar
Thomas Park committed
108
109
110
	</div>

	<div class="container">
Thomas Park's avatar
Thomas Park committed
111
112


Thomas Park's avatar
Thomas Park committed
113
114
		<div class="row about">
			<div class="span4">
Thomas Park's avatar
Thomas Park committed
115
				<h3><i class="icon-file-alt"></i> Easy to Install</h3>
116
				<p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p>
Thomas Park's avatar
Thomas Park committed
117
118
		 	</div>
			<div class="span4">
Thomas Park's avatar
Thomas Park committed
119
				<h3><i class="icon-github"></i> Open Source</h3>
Thomas Park's avatar
Thomas Park committed
120
				<p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
Thomas Park's avatar
Thomas Park committed
121
122
			</div>
		 	<div class="span4">
Thomas Park's avatar
Thomas Park committed
123
				<h3><i class="icon-wrench"></i> Tuned for 2.3.2</h3>
124
				<p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p>
Thomas Park's avatar
Thomas Park committed
125
		 	</div>
Thomas Park's avatar
Thomas Park committed
126
			<div class="span4">
Thomas Park's avatar
Thomas Park committed
127
				<h3><i class="icon-cogs"></i> Modular</h3>
Thomas Park's avatar
Thomas Park committed
128
				 <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
Thomas Park's avatar
Thomas Park committed
129
			</div>
Thomas Park's avatar
Thomas Park committed
130
			<div class="span4">
Thomas Park's avatar
Thomas Park committed
131
				<h3><i class="icon-cloud"></i> Get Plugged In</h3>
132
				<p>An <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p>
Thomas Park's avatar
Thomas Park committed
133
134
			</div>
			<div class="span4">
Thomas Park's avatar
Thomas Park committed
135
				<h3><i class="icon-bullhorn"></i> Stay Updated</h3>
Thomas Park's avatar
Thomas Park committed
136
				<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&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
137
138
			</div>
		</div>
139

Thomas Park's avatar
Thomas Park committed
140
		<div class="row">
Thomas Park's avatar
Thomas Park committed
141
142
			<div class="span6 offset3">
				<div class="thumbnail"><div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div></div>
Thomas Park's avatar
Thomas Park committed
143
144
145
			</div>
		</div>

Thomas Park's avatar
Thomas Park committed
146
		<div class="row" id="gallery">
Thomas Park's avatar
Thomas Park committed
147

Thomas Park's avatar
Thomas Park committed
148
149
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
150
					<a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a>
Thomas Park's avatar
Thomas Park committed
151
152
153
154
					<div class="caption">
						<h3>Amelia</h3>
						<p>Sweet and cheery.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
155
							<div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
							<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">
									<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>
Thomas Park's avatar
Thomas Park committed
173
174
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
175
176
177
178
179
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
180
					<a href="cerulean/"><img src="cerulean/thumbnail.png" alt="Cerulean"></a>
Thomas Park's avatar
Thomas Park committed
181
182
183
184
					<div class="caption">
						<h3>Cerulean</h3>
						<p>A calm, blue sky.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
185
							<div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
186
187
188
189
190
191
192
193
194
195
196
197
198
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a>
								<a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
									<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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
199
200
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
201
202
203
				</div>
			</div>

204
205
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
206
					<a href="cosmo/"><img src="cosmo/thumbnail.png" alt="Cosmo"></a>
207
208
209
210
					<div class="caption">
						<h3>Cosmo</h3>
						<p>An ode to Metro.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
211
							<div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div>
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a>
								<a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
									<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>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

Thomas Park's avatar
Thomas Park committed
230
231
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
232
					<a href="cyborg/"><img src="cyborg/thumbnail.png" alt="Cyborg"></a>
Thomas Park's avatar
Thomas Park committed
233
234
235
236
					<div class="caption">
						<h3>Cyborg</h3>
						<p>Jet black and electric blue.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
237
							<div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
238
239
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
240
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
241
242
243
244
245
246
247
248
249
250
251
								<a class="btn btn-large btn-primary 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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
252
253
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
254
255
256
257
258
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
					<a href="flatly/"><img src="flatly/thumbnail.png" alt="Flatly"></a>
					<div class="caption">
						<h3>Flatly</h3>
						<p>Flat and clean.</p>
						<div class="btn-toolbar">
							<div class="btn-group"><a class="btn btn-large" href="flatly/">Preview</a></div>
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="flatly/bootstrap.min.css"
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', '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">
									<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>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
					<a href="journal/"><img src="journal/thumbnail.png" alt="Journal"></a>
Thomas Park's avatar
Thomas Park committed
287
288
289
290
					<div class="caption">
						<h3>Journal</h3>
						<p>Crisp like a new sheet of paper.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
291
							<div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
292
293
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
294
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
295
296
297
298
299
300
301
302
303
304
305
								<a class="btn btn-large btn-primary 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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
306
307
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
308
309
				</div>
			</div>
Thomas Park's avatar
Thomas Park committed
310

Thomas Park's avatar
Thomas Park committed
311
312
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
313
					<a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a>
Thomas Park's avatar
Thomas Park committed
314
315
316
317
					<div class="caption">
						<h3>Readable</h3>
						<p>Optimized for legibility.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
318
							<div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
319
320
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
321
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
322
323
324
325
326
327
328
329
330
331
332
								<a class="btn btn-large btn-primary 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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
333
334
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
335
336
337
338
339
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
340
					<a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a>
Thomas Park's avatar
Thomas Park committed
341
342
343
344
					<div class="caption">
						<h3>Simplex</h3>
						<p>Mini and minimalist.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
345
							<div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
346
347
							<div class="btn-group">
								<a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
348
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
								<a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#">
									<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>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
367
					<a href="slate/"><img src="slate/thumbnail.png" alt="Slate"></a>
Thomas Park's avatar
Thomas Park committed
368
369
370
371
					<div class="caption">
						<h3>Slate</h3>
						<p>Shades of gunmetal gray.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
372
							<div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
373
374
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
375
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
376
377
378
379
380
381
382
383
384
385
386
								<a class="btn btn-large btn-primary 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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
387
388
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
389
390
391
392
393
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
394
					<a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a>
Thomas Park's avatar
Thomas Park committed
395
396
397
398
					<div class="caption">
						<h3>Spacelab</h3>
						<p>Silvery and sleek.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
399
							<div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
400
401
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
402
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
403
404
405
406
407
408
409
410
411
412
413
								<a class="btn btn-large btn-primary 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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
414
415
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
416
417
418
419
420
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
421
					<a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a>
Thomas Park's avatar
Thomas Park committed
422
423
424
425
					<div class="caption">
						<h3>Superhero</h3>
						<p>Batman meets... Aquaman?</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
426
							<div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
427
428
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
429
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
430
431
432
433
434
435
436
437
438
439
440
								<a class="btn btn-large btn-primary 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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
441
442
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
443
444
445
446
447
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
Thomas Park committed
448
					<a href="united/"><img src="united/thumbnail.png" alt="United"></a>
Thomas Park's avatar
Thomas Park committed
449
450
451
452
					<div class="caption">
						<h3>United</h3>
						<p>Ubuntu orange and unique font.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
Thomas Park committed
453
							<div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
454
455
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css"
Thomas Park's avatar
Thomas Park committed
456
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
Thomas Park committed
457
458
459
460
461
462
463
464
465
466
467
								<a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<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>
									<li class="divider"></li>
									<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>
								</ul>
							</div>
Thomas Park's avatar
Thomas Park committed
468
469
						</div>
					</div>
Thomas Park's avatar
Thomas Park committed
470
471
472
473
				</div>
			</div>

		</div> <!-- end row-->
Thomas Park's avatar
Thomas Park committed
474

Thomas Park's avatar
Thomas Park committed
475
476
		<hr>

Thomas Park's avatar
Thomas Park committed
477
		<div class="row more">
Thomas Park's avatar
Thomas Park committed
478
			<div class="span12">
Thomas Park's avatar
Thomas Park committed
479
				<h4>Want more?</h4>
Thomas Park's avatar
Thomas Park committed
480
				<p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> 
Thomas Park's avatar
Thomas Park committed
481
482
483
484
485
486
487
			</div>
		</div>

		<div class="row">
			
			<div class="span4">
				<div class="thumbnail">
488
					<a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a>
Thomas Park's avatar
Thomas Park committed
489
490
491
492
					<div class="caption">
						<h3>Clean Canvas</h3>
						<p>A beautiful template for showcasing your works.</p>
						<div class="btn-toolbar">
493
							<div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
494
495
496
497
498
499
500
501
502
503
504
505
							<div class="btn-group">
								<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw"
								onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			
			<div class="span4">
				<div class="thumbnail">
506
					<a target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0L500N4.png" alt="Front Row"></a>
Thomas Park's avatar
Thomas Park committed
507
					<div class="caption">
508
509
						<h3>Front Row</h3>
						<p>An elegant single-page template with video background and responsive support.</p>
Thomas Park's avatar
Thomas Park committed
510
						<div class="btn-toolbar">
511
							<div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw">Preview</a></div>
Thomas Park's avatar
Thomas Park committed
512
							<div class="btn-group">
513
514
								<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/front-row-one-page-theme-WB0L500N4?ref=bsw"
								onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-frontrow']);">Info</a>
Thomas Park's avatar
Thomas Park committed
515
516
517
518
519
520
							</div>
						</div>
					</div>
				</div>
			</div>

521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
			
			<div class="span4">
				<div class="thumbnail">
					<a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a>
					<div class="caption">
						<h3>Base Admin</h3>
						<p>A polished template for an admin dashboard.</p>
						<div class="btn-toolbar">
							<div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div>
							<div class="btn-group">
								<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw"
								onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a>
							</div>
						</div>
					</div>
				</div>
			</div>

Thomas Park's avatar
Thomas Park committed
539
540
		</div>

Thomas Park's avatar
Thomas Park committed
541
542
543
544
545
546
547
548
549
550
551
552

		<div class="row more">
			<div class="span12">
				<h4>Still looking?</h4>
				<p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p>
			</div>
		</div>

		<div class="row">

			<div class="span4">
				<div class="thumbnail">
553
					<a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a>
Thomas Park's avatar
Thomas Park committed
554
555
556
557
558
					<div class="caption">
						<h3>HTML &amp; CSS</h3>
						<p>Jon Duckett</p>
						<div class="btn-toolbar">
							<img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
559
							<div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div>
Thomas Park's avatar
Thomas Park committed
560
561
562
563
564
565
566
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
567
					<a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a>
Thomas Park's avatar
Thomas Park committed
568
569
570
571
572
					<div class="caption">
						<h3>JavaScript &amp; jQuery</h3>
						<p>David Sawyer McFarland</p>
						<div class="btn-toolbar">
							<img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
573
							<div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank">Amazon</a></div>
Thomas Park's avatar
Thomas Park committed
574
575
576
577
578
579
580
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
581
					<a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a>
Thomas Park's avatar
Thomas Park committed
582
583
584
585
586
					<div class="caption">
						<h3>Beautiful Web Design</h3>
						<p>Jason Beaird</p>
						<div class="btn-toolbar">
							<img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
587
							<div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div>
Thomas Park's avatar
Thomas Park committed
588
589
590
591
592
593
594
						</div>
					</div>
				</div>
			</div>

		</div>

Thomas Park's avatar
Thomas Park committed
595
596
		<hr>

Thomas Park's avatar
Thomas Park committed
597
		<footer id="footer">
Thomas Park's avatar
Thomas Park committed
598
		  <p class="pull-right"><a href="#top">Back to top</a></p>
Thomas Park's avatar
Thomas Park committed
599
600
601
602
603
		  <div class="links">
		    <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
		    <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
		    <a href="https://twitter.com/thomashpark">Twitter</a>
		    <a href="https://github.com/thomaspark/bootswatch/">GitHub</a>
604
		    <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3Bvar%20r%3D%27%3Clink%20rel%3D%22stylesheet%22%20href%3D%22http://bootswatch.com/default/bootstrap-responsive.min.css%22%3E%27%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27%2Br)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a>
605
		    <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a>
606
			<a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a>
Thomas Park's avatar
Thomas Park committed
607
608
		    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a>
		  </div>
609
610
611
		  Made by <a href="http://thomaspark.me" rel="nofollow">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/>
		  Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow">Apache License v2.0</a>.<br/>
		  Based on <a href="http://getbootstrap.com/2.3.2/" rel="nofollow">Bootstrap</a>. Hosted on <a href="http://pages.github.com/" rel="nofollow">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller" rel="nofollow">Gerald Hiller</a>.</p>
Thomas Park's avatar
Thomas Park committed
612
613
		</footer>

Thomas Park's avatar
Thomas Park committed
614
	</div>
Thomas Park's avatar
Thomas Park committed
615

616

Thomas Park's avatar
Thomas Park committed
617
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
618
    <script src="js/jquery.smooth-scroll.min.js"></script>
619
	<script src="js/bootstrap.min.js"></script>
Thomas Park's avatar
Thomas Park committed
620
	<script src="js/bootswatch.js"></script>
Thomas Park's avatar
Thomas Park committed
621
	<script type="text/javascript">
622
623
		!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>
Thomas Park's avatar
Thomas Park committed
624
	<script type="text/javascript">
Thomas Park's avatar
Thomas Park committed
625

626
		var taglines = [
Chris Rebert's avatar
Chris Rebert committed
627
628
629
			'Free themes for <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>',
			'Add color to your <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a> site without touching a color picker',
			'Saving the web from default <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>'
630
		];
Thomas Park's avatar
Thomas Park committed
631
632
633

		var line = Math.floor((taglines.length) * Math.random());
		$('#tagline').html(taglines[line]);
Thomas Park's avatar
Thomas Park committed
634
635

		parseRSS('http://feeds.feedburner.com/bootswatch', function(d){
Thomas Park's avatar
Thomas Park committed
636
			var h ='<strong>Recent news:</strong> ';
Thomas Park's avatar
Thomas Park committed
637
			for (var i = 0; i < 3; i++){
638
				h = h + '<a href="' + d.entries[i].link + '" onclick="pageTracker._link(this.href); return false;">' + d.entries[i].title + '...</a>&nbsp;&nbsp;';
Thomas Park's avatar
Thomas Park committed
639
640
641
			}
			document.getElementById('ticker').innerHTML = h;
		})
Thomas Park's avatar
Thomas Park committed
642
643
644
645
646
647
648
649
650
651
652

		function parseRSS(url, callback) {
		  $.ajax({
		    url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
		    dataType: 'json',
		    success: function(data) {
		      callback(data.responseData.feed);
		    }
		  });
		}
		
Thomas Park's avatar
Thomas Park committed
653
	</script>
Thomas Park's avatar
Thomas Park committed
654

Thomas Park's avatar
Thomas Park committed
655
</body>
656
</html>