forked from scottparry/Workless
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (153 loc) · 7.39 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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!doctype html>
<!--[if lt IE 7]>
<html class="nojs ms lt_ie7" lang="en">
<![endif]-->
<!--[if IE 7]>
<html class="nojs ms ie7" lang="en">
<![endif]-->
<!--[if IE 8]>
<html class="nojs ms ie8" lang="en">
<![endif]-->
<!--[if gt IE 8]>
<html class="nojs ms" lang="en">
<![endif]-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="iKreativ">
<meta name="description" content="Workless - A classy HTML5, CSS3 framework">
<meta name="keywords" content="workless, classy, css, framework, jquery, bootstrap, h5bp, twitter, bolierplate, jquery, html5, ikreativ">
<link rel="shortcut icon" href="assets/img/favicon.png">
<!-- Mobile Viewport -->
<meta name="viewport" content="width=device-width">
<title>Workless - A classy HTML5, CSS3 framework</title>
<!--
You'll notice that we're loading all the CSS via a minification
script.
This script joins all the CSS files referenced and minifies them to
reduce HTTP requests and speed up the site.
This also allows you to work with each individual source file for
development and only serve the minified versions for production.
The CSS files served are added inside assets/css/minified.css.php
Commented for minification script
<link href="assets/css/plugins.css" rel="stylesheet">
<link href="assets/css/workless.css" rel="stylesheet">
<link href="assets/css/scaffolding.css" rel="stylesheet">
<link href="assets/css/typography.css" rel="stylesheet">
<link href="assets/css/forms.css" rel="stylesheet">
<link href="assets/css/tables.css" rel="stylesheet">
<link href="assets/css/buttons.css" rel="stylesheet">
<link href="assets/css/alerts.css" rel="stylesheet">
<link href="assets/css/tabs.css" rel="stylesheet">
<link href="assets/css/pagination.css" rel="stylesheet">
<link href="assets/css/breadcrumbs.css" rel="stylesheet">
<link href="assets/css/icons.css" rel="stylesheet">
<link href="assets/css/helpers.css" rel="stylesheet">
<link href="assets/css/print.css" rel="stylesheet">
<link href="assets/css/application.css" rel="stylesheet">
-->
<!-- We're minifying and combining all the CSS -->
<link href="assets/css/minified.css.php" rel="stylesheet">
<!-- All JavaScript at the bottom, except modernizr -->
<script type="text/javascript" src="assets/js/modernizr.js"></script>
<!--[if lt IE 8]>
<script src="assets/js/ie_font.js"></script>
<![endif]-->
</head>
<body class="blueish" id="top" onload="prettyPrint()">
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6 -->
<!--[if lt IE 7]>
<p>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- wrapper -->
<section class="boxed">
<!-- main -->
<section id="main">
<!-- logo -->
<div id="logo">
<a href="//workless.ikreativ.com">
<img src="assets/img/logo.png" alt="Workless" />
</a>
<small> Workless, a clean <span class="fancyamp">&</span> classy HTML5, CSS3 framework.</small>
</div>
<!-- /logo -->
<!-- nav -->
<nav id="primary">
<ul>
<li><a href="scaffold.html">Scaffold</a></li>
<li><a href="forms.html">Forms</a></li>
<li><a href="tables.html">Tables</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="icons.html">Icons</a></li>
<li><a href="helpers.html">Helpers</a></li>
<li><a href="plugins.html">Plugins</a></li>
</ul>
</nav>
<!-- /nav -->
<hr>
<!-- header -->
<header class="bg_shadow">
<h1>A clean <span class="fancyamp">&</span> classy HTML5, CSS3 framework that helps you to get your project up and running as fast as possible and helps prevent repetitive tasks.</h1>
<div id="getit">
<h3>Get your hands on it!</h3>
<ul class="nolist">
<li><a class="alignleft large button blue" href="//github.com/iKreativ/Workless"><i class="icon-inbox icon-white"></i> Workless on GitHub</a></li>
<li><a class="large button pink" href="//github.com/iKreativ/Workless/zipball/master"><i class="icon-download-alt icon-white"></i> Download .ZIP</a></li>
</ul>
<p>Feel free to use, abuse and hack into something that will suit your project. Found a bug? <a href="//github.com/iKreativ/Workless">Submit a pull request!</a></p>
</div>
</header>
<!-- /header -->
<div class="one_full">
<h2>What is it?</h2>
<p>Workless started out as a mashup of all the great things I liked about Twitter Bootstrap and HTML5Boilerplate. The more I worked with with it, the more I added in order to make life easier when working on any project.</p>
<p>It's now pretty much turned into a framework in it's own right, with all the stuff you need and none of the stuff you don't. It's about saving time and keeping your projects DRY.</p>
</div>
<hr>
<div class="one_third">
<h2>What does it do?</h2>
<p>Standardizes CSS, improves usability and interaction, sets base typography to help vertical rhythm and readability and adds helper classes to style elements easily.</p>
<p>It can also combine and compress (requires PHP) CSS if you want it to!</p>
</div>
<div class="one_third">
<h2>Who is it for?</h2>
<p>People like us.</p>
<p>People who build websites on a daily basis and get tired of writing the same code over and over for each project.</p>
<p>Start each project with Workless and save time by having all the defaults ready to go!</p>
</div>
<div class="one_third last">
<h2>How do I use it?</h2>
<p>Either start with the base setup, or drop the files and assets into your current project and simply reference the CSS and Javascript files in your source.</p>
<p>Once you've done this you can then begin adding your own application specific CSS.</p>
</div>
<hr>
<!-- footer -->
<footer class="one_full">
<p class="small muted">A project by <a href="//ikreativ.com">Scott Parry</a> (<a href="//twitter.com/iKreativ">@iKreativ</a>). Originally based off <a href="//html5boilerplate.com/">H5BP</a> and <a href="//twitter.github.com/bootstrap/">Bootstrap</a>. Released under the <a href="//philsturgeon.co.uk/code/dbad-license/">DBAD License</a>.</p>
</footer>
<!-- /footer -->
</section>
<!-- /main -->
</section>
<!-- /wrapper -->
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/jquery.js"><\/script>')</script>
<!-- scripts -->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/application.js"></script>
<!-- /scripts -->
<!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)
}(document,'script'));
</script>
</body>
</html>