forked from alexbeletsky/foundstyles
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (155 loc) · 5.92 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Found Styles</title>
<!-- Included CSS Files -->
<link rel="stylesheet" href="stylesheets/foundation.css">
<link rel="stylesheet" href="stylesheets/presentation.css">
<link rel="stylesheet" href="stylesheets/app.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="stylesheets/ie.css">
<![endif]-->
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Top Menu -->
<div id="zurBar" class="container">
<div class="row">
<div class="four columns">
<h1><a href="./">Found Styles</a></h1>
</div>
<div class="eight columns">
<strong class="right">
</strong>
</div>
</div>
</div>
<!-- /Top Menu -->
<!-- Header -->
<div id="header" class="container">
<div class="row">
<header class="twelve columns">
<h1>Found Styles</h1>
<h2>Ready to use styles, based on <a href="http://foundation.zurb.com/">Foundation</a> framework</h2>
<div class="social">
<iframe src="http://ghbtns.com/github-btn.html?user=alexanderbeletsky&repo=foundstyles&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="124px" height="20px">
</iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=alexanderbeletsky&repo=foundstyles&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="124px" height="20px">
</iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=alexanderbeletsky&type=follow" allowtransparency="true" frameborder="0" scrolling="0" width="184px" height="20px">
</iframe>
</div>
<a href="https://github.com/alexanderbeletsky/foundstyles/zipball/master" class="download nice large blue button">Download all styles</a>
</header>
</div>
</div>
<!-- /Header -->
<!-- Main Container -->
<div id="main" class="container">
<section id="valueProps" class="row">
<article class="four columns">
<h4 class="install">Easy to install</h4>
<p>
Just download the style you like and integrate CSS and markup into project.
</p>
</article>
<article class="four columns">
<h4 class="open-source">Open source</h4>
<p>
All styles are created by community and reusable under MIT Open Source licence.
</p>
</article>
<article class="four columns">
<h4 class="responsive">Responsive</h4>
<p>
Works good for any type of mobile devices incuding iPod / iPhone / Windows Phone.
</p>
</article>
</section>
<section id="gallery" class="row">
<h2 id="gallery" class="center">Gallery</h2>
<div class="row">
<div class="four columns">
<div class="style">
<a href="coffeenmilk"><img src="coffeenmilk/thumbnail.png" alt="coffeenmilk style"></a>
<h5>Coffee and Milk</h5>
<p>
Morning coffee with milk
</p>
<div class="toolbar row">
<a href="coffeenmilk" class="preview small green radius button">Preview</a>
<a href="coffeenmilk/app.css" target="_blank" class="download small blue radius button">Download</a>
</div>
</div>
</div>
<div class="four columns">
<div class="style">
<a href="evergreen"><img src="evergreen/thumbnail.png" alt="evergreen style"></a>
<h5>Evergreen Tree</h5>
<p>
Relaxing colors with smell of evergreen tree
</p>
<div class="toolbar row">
<a href="evergreen" class="preview small green radius button">Preview</a>
<a href="evergreen/app.css" target="_blank" class="download small blue radius button">Download</a>
</div>
</div>
</div>
<div class="four columns">
<div class="style">
<a href="bladesofsteel"><img src="bladesofsteel/thumbnail.png" alt="bladesofsteel style"></a>
<h5>Blades Of Steel</h5>
<p>
Cold and strong
</p>
<div class="toolbar row">
<a href="bladesofsteel" class="preview small green radius button">Preview</a>
<a href="bladesofsteel/app.css" target="_blank" class="download small blue radius button">Download</a>
</div>
</div>
</div>
</div>
</section>
<section id="info" class="row">
<article class="four columns">
<h4>How to contribute?</h4>
<p>
You are welcome to contribute new style into collection. Development is based on LESS. Check out <a href="#">wiki</a> for brief instructions.
</p>
</article>
<article class="eight columns">
<h4>Project progress</h4>
<div id="progress"></div>
</article>
</section>
<footer class="row">
<section class="nine columns">
<p>
Made by <a href="http://twitter.com/alexbeletsky">Alexander Beletsky</a>. Inspired by <a href="http://bootswatch.com">Bootswatch</a>. <br/>
Based on <a href="http://foundation.zurb.com/">Foundation</a> framework. Hosted on <a href="http://github.com">Github</a>. Icons from <a href="http://glyphicons.com/">Glyphicons</a>. Web fonts from <a href="http://www.google.com/webfonts">Google</a>.
</p>
</section>
<section class="three columns">
<a href="#" class="right">Back on top</a>
</section>
</footer>
</div>
<!-- Included JS Files -->
<script src="javascripts/ga.js"></script>
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/modernizr.foundation.js"></script>
<script src="javascripts/foundation.js"></script>
<script src="javascripts/github.commits.widget-min.js"></script>
<script src="javascripts/app.js"></script>
</body>
</html>