-
Notifications
You must be signed in to change notification settings - Fork 24
/
Copy pathindex.html
128 lines (111 loc) · 5.04 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
121
122
123
124
125
126
127
128
<!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>
<p>
<iframe src="http://ghbtns.com/github-btn.html?user=apuravchauhan&repo=bootstrap-themeroller&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=apuravchauhan&repo=bootstrap-themeroller&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=apuravchauhan&type=follow&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>
</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>