-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
153 lines (141 loc) · 5.42 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>GreenMind</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes,initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="content/font/elusive-icons/css/elusive-webfont.min.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lte IE 8]><script src="/wp-content/themes/html5.theme/common/js/html5.js" type="text/javascript"></script><![endif]-->
</head>
<body id="index">
<header id="hero" class="">
<div class="jumbotron masthead">
<div class="container">
<div class="row">
<div class="inner span7">
<h1><i class="icon-leaf"></i> GreenMind</h1>
<h2>Customized Bootstrap theme...</h2>
<p class="lead"><a class="label" href="http://twitter.github.com/bootstrap/" title="Bootstrap">Bootstrap</a> is an HTML5 & CSS3 framework designed to help you kickstart the development of webapps and sites. This site provides customized Bootstrap theme and template.</p>
<p>
<a class="btn btn-large btn-primary" href="https://github.com/wakamsha/greenmind/archive/0.1.0.zip">Download Now <i class="icon-download"></i></a>
<br />
<span class="label label-info">version: 0.1</span>
</p>
</div>
<div class="span5">
<img id="hero-image" class="pull-right" width="470%" height="auto" src="content/img/hero.png" alt="hero">
</div>
</div>
</div>
</div>
<aside class="theme-swatch clearfix">
<ul class="primary">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul class="alternative">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</aside>
</header>
<section class="container">
<div class="tiles row-fluid">
<div class="span4">
<a class="tile" href="https://github.com/wakamsha/greenmind">
<div class="icon">
<i class="icon-github"></i>
</div>
<div class="data">
<h4>View project on GitHub</h4>
</div>
</a>
</div>
<div class="span4">
<a class="tile accent" href="scaffolding.html">
<div class="icon">
<i class="icon-website"></i>
</div>
<div class="data">
<h4>View the Demo online</h4>
</div>
</a>
</div>
<div class="span4">
<a class="tile light" href="https://www.facebook.com/wakamsha">
<div class="icon">
<i class="icon-facebook"></i>
</div>
<div class="data">
<h4>WAKASMSHA on facebook</h4>
</div>
</a>
</div>
</div>
</section>
<section class="container features">
<h1>Features</h1>
<p class="lead"><strong>Green mind</strong> is built on top of <a href="http://twitter.github.com/bootstrap/index.html">Twitter Bootstrap</a>.</p>
<div class="row">
<div class="span4">
<h2 class="light">List views</h2>
<div class="image-container light">
<img src="content/img/listviews.png" height="332" width="300" alt="List views" />
<div class="overlay">Show selectable lists of elements.</div>
</div>
</div>
<div class="span4">
<h2 class="light">Font icons</h2>
<div class="image-container light">
<img src="content/img/fonticons.png" height="150" width="300" alt="Font icons" />
<div class="overlay">With the <strong>Elusive Icons</strong>, you can use hundreds of font icons with any color and any dimension.</div>
</div>
</div>
<div class="span4">
<h2 class="light">Responsive table</h2>
<div class="image-container light">
<img src="content/img/responsivetables.png" height="150" width="300" alt="Responsive tables" />
<div class="overlay">Show selectable lists of elements.</div>
</div>
</div>
</div>
<div class="row">
<div class="span4">
<h2 class="light">Messages</h2>
<div class="image-container light">
<img src="content/img/messages.png" height="150" width="300" alt="Messages" />
<div class="overlay">Show messages, warning and errors.</div>
</div>
</div>
</div>
</section>
<footer id="footer" class="footer">
<ul class="nav nav-pills">
<li><a href="http://dev.classmethod.jp/author/yamada-naoki/" title="山田直樹 | Developers.IO"><i class="icon-pencil"></i> Blog</a></li>
<li><a href="https://www.facebook.com/wakamsha" title="山田直樹 | facebook"><i class="icon-facebook"></i> facebook</a></li>
<li><a href="https://github.com/wakamsha" title="wakamsha"><i class="icon-github"></i> Github</a></li>
</ul>
<p>Made by <strong>WAKAMSHA</strong>. Contact him <a href="mailto:[email protected]">[email protected]</a>.</p>
<p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.</p>
<p>Based on <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a href="http://pages.github.com/">GitHub</a>. Icons from <a href="http://aristeides.com/elusive-iconfont/">Elusive Icons</a>. Web fonts from <a href="http://www.google.com/webfonts">Google</a>.<p></p>
</footer>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/prettify.js"></script>
<script src="js/application.js"></script>
</body>
</html>