forked from apuravchauhan/bootstrap-themeroller
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (103 loc) · 4.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<title>Twitter Bootstrap ThemeRoller</title>
<meta charset="utf-8">
<meta name="keywords" content="Bootstrap Themeroller, Twitter Bootstrap themeroller,customize bootstrap, themeroller for bootstrap">
<meta name="description" content="Bootstrap Themeroller is an application to customize the look and feel of Twitter's Bootstrap web UI interface">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/app.css" rel="stylesheet">
<link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</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>
<a class="brand" href="index.html" style="color:#35CDFF">Bootstrap ThemeRoller</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#contact-modal" data-toggle="modal" style="color:#35CDFF">Contact Us</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="modal hide" id="contact-modal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Contact Us</h3>
</div>
<div class="modal-body">
<p>In case you have questions, feedback or any thing related to Bootstrap Themeroller, feel free to contact me at:
</p>
<a href="mailto:[email protected]" class="btn btn-info">
</a>
<br/><br/>
<a href="mailto:[email protected]" class="btn btn-info">
</a>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div>
</div><!--/modal-->
<div class="container">
<header class="jumbotron masthead">
<div class="inner">
<h1>Bootstrap ThemeRoller</h1>
<p>A handy and intuitive application that provides a visual interface to customize your favorite Bootstrap from Twitter. </p>
<p>
<a class="btn btn-success btn-large" href="twitter-bootstrap-themeroller.html">Start rolling your Bootstrap theme</a>
</p>
<hr/>
</div>
</header>
<!-- Example row of columns -->
<div class="row">
<div class="span6">
<h2>About</h2>
<p>Bootstrap ThemeRoller allows you to customize the look and feel of Bootstrap from Twitter. It has a very user friendly interface that helps the users to select any color, size, font etc for their application.
</p>
<p>
Bootstrap ThemeRoller lets you see the changes side by side as you customize the theme enabling the users to actually see the final theme before downloading.
</p>
</div>
<div class="span6">
<h2>Features</h2>
<ol>
<li>
<strong>Theme Sharing/Re-loading: </strong>
Bootstrap Themeroller generates a unique url for every style you create. To have your friends see your unique theme or in case you want to pause or resume your work from where you left, just save the url and reload it whenever required. Bootstrap themeroller will automatically reload all your settings.
</li>
<li>
<strong>Basic Setting: </strong>
Use this feature of Twitter's Bootstrap Themeroller to customize the most generic color scheme of the Bootstrap.
</li>
<li>
<strong>Advanced Settings: </strong>
Use this feature of Twitter's Bootstrap Themeroller to customize the additional components of the Bootstrap like buttons, tables, alerts, navigation bar, dropdown menus etc.
</li>
</ol>
<p>Mix and match both the settings to roll out a completely new theme for your Bootstrap.</p>
</div>
</div>
<hr>
<footer>
<p>© Apurav Chauhan 2012</p>
</footer>
</div> <!-- /container -->
<script src="assets/js/jquery.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>