forked from abcc/groundworkcss.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
groundworkcss.html
170 lines (169 loc) · 10.4 KB
/
groundworkcss.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
<!DOCTYPE html><!--[if lt IE 7]><html class="no-js ie ie6 lt-ie7 lt-ie8 lt-ie9 lt-ie10"><![endif]-->
<!--[if IE 7]> <html class="no-js ie ie7 lt-ie8 lt-ie9 lt-ie10"><![endif]-->
<!--[if IE 8]> <html class="no-js ie ie8 lt-ie9 lt-ie10"><![endif]-->
<!--[if IE 9]> <html class="no-js ie ie9 lt-ie10"><![endif]-->
<!--[if gt IE 9]><html class="no-js ie ie10"><![endif]-->
<!--[if !IE]><!-->
<html class="no-js"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>GroundworkCSS ♥ A Responsive HTML5, CSS & Javascript Framework</title>
<!-- Modernizr -->
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<!-- jQuery-->
<script type="text/javascript" src="js/libs/jquery-1.10.2.min.js"></script>
<!-- framework css -->
<link rel="stylesheet" href="css/groundwork.css" type="text/css"><!--[if IE]>
<link rel="stylesheet" href="css/groundwork-ie.css" type="text/css"><![endif]-->
<style type="text/css">
.logo {
position: relative;
top: -0.5em;
}
.logo a, .logo a:visited {
text-decoration: none;
color: #2B2B2D;
}
.logo img {
height: 2em;
position: relative;
top: 0.55em;
margin-right: 0.3em;
}
</style>
</head>
<body>
<header class="padded">
<div class="container">
<div class="row">
<div class="one half">
<h2 class="logo"><a href="/" target="_parent"><img src="images/groundwork-logo.svg" alt="GroundworkCSS">GroundworkCSS 2</a></h2>
</div>
<div class="one half">
<p class="small double pad-top no-pad-small-tablet align-right align-left-small-tablet"><a href="https://github.com/groundworkcss/groundwork">Github Project</a> - Version 2.0.1<br>Created & Maintained by <a href="http://twitter.com/ghepting">Gary Hepting</a></p>
</div>
</div>
<nav role="navigation" class="nav gap-top">
<ul role="menubar">
<li><a href="groundwork/docs/home.html"><i class="icon-home"></i> Home</a></li>
<li role="menu">
<button>Example Layouts</button>
<ul>
<li><a href="groundwork/docs/layout-a.html">Web Page</a></li>
<li><a href="groundwork/docs/layout-b.html">Image Gallery</a></li>
<li><a href="groundwork/docs/layout-c.html">Ecommerce Page</a></li>
</ul>
</li>
<li role="menu">
<button>Documentation</button>
<ul>
<li><a href="groundwork/docs/grid.html" title="Responsive grid system, grid adapters and helpers">Grid</a></li>
<li><a href="groundwork/docs/helpers.html" title="Layout helpers, spinners and much more">Helpers</a></li>
<li><a href="groundwork/docs/typography.html" title="Text elements, quotes, code and web fonts">Typography</a></li>
<li role="menu">
<button title="Navigation, buttons, boxes, message boxes, tables, tabs, and forms">UI Elements</button>
<ul>
<li><a href="groundwork/docs/navigation.html" title="Navigation">Navigation</a></li>
<li><a href="groundwork/docs/buttons.html" title="Buttons, button groups, button menus">Buttons</a></li>
<li><a href="groundwork/docs/boxes.html" title="Boxes">Boxes</a></li>
<li><a href="groundwork/docs/messages.html" title="Message boxes">Message Boxes</a></li>
<li><a href="groundwork/docs/tables.html" title="Tables">Tables</a></li>
<li><a href="groundwork/docs/tabs.html" title="Tabs">Tabs</a></li>
<li><a href="groundwork/docs/forms.html" title="Form elements">Form Elements</a></li>
</ul>
</li>
<li><a href="groundwork/docs/icons.html" title="Icons">Icons</a></li>
<li><a href="groundwork/docs/responsive-text.html" title="Responsive text and multi-line text block truncation">Responsive Text</a></li>
<li><a href="groundwork/docs/placeholder-text.html" title="Placeholder text and placeholder fonts for rapid prototyping and wireframes">Placeholder Text</a></li>
<li><a href="groundwork/docs/animations.html" title="Pure CSS3 Animations">Animations</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="row">
<div class="one half triple padded bounceInRight animated"><a href="groundwork/" target="_parent" class="button block green noicon">
<h1 class="zero"><i class="icon-code icon-4x"></i><br>GroundworkCSS 2</h1>
<p>A responsive HTML5, CSS & Javascript framework.</p></a>
<div class="row gap-top">
<div class="one half small-tablet pad-right no-pad-mobile"><a href="https://github.com/groundworkcss/groundwork/archive/master.zip" class="button block asphalt noicon">Download ZIP <i class="icon-archive"></i></a></div>
<div class="one half small-tablet pad-left no-pad-mobile gap-top-mobile"><a href="https://github.com/groundworkcss/groundwork" target="_blank" class="button block charcoal noicon">Fork on Github <i class="icon-github-sign"></i></a></div>
</div>
</div>
<div class="one half triple padded bounceInLeft animated"><a href="https://github.com/groundworkcss/groundworkcss-rails" target="_blank" class="button block blue noicon">
<h1 class="zero"><i class="icon-code-fork icon-4x"></i><br>GroundworkCSS 2 for Rails</h1>
<p>Add Groundwork to your rails project in a snap.</p></a>
<div class="row gap-top">
<div class="one half small-tablet pad-right no-pad-mobile"><a href="http://rubygems.org/gems/groundworkcss" target="_blank" class="button block red noicon">Rubygems.org <i class="icon-external-link"></i></a></div>
<div class="one half small-tablet pad-left no-pad-mobile gap-top-mobile"><a href="https://github.com/groundworkcss/groundworkcss-rails" target="_blank" class="button block charcoal noicon">Fork on Github <i class="icon-github-sign"></i></a></div>
</div>
</div>
</div>
</div>
<footer class="gap-top bounceInUp animated">
<div class="box square charcoal">
<div class="container padded">
<div class="row">
<div class="one small-tablet fourth padded">
<h5 class="green">Example Layouts</h5>
<ul class="unstyled">
<li><a href="groundwork/docs/layout-a.html">Web Page</a></li>
<li><a href="groundwork/docs/layout-b.html">Image Gallery</a></li>
<li><a href="groundwork/docs/layout-c.html">Ecommerce Page</a></li>
</ul>
</div>
<div class="three small-tablet fourths padded">
<h5 class="blue">Documentation</h5>
<ul class="unstyled three-column two-column-mobile">
<li><a href="groundwork/docs/grid.html" title="Responsive grid system, grid adapters and helpers">Grid</a></li>
<li><a href="groundwork/docs/helpers.html" title="Layout helpers, spinners and much more">Helpers</a></li>
<li><a href="groundwork/docs/typography.html" title="Text elements, quotes, code and web fonts">Typography</a></li>
<li><a href="groundwork/docs/navigation.html" title="Navigation">Navigation</a></li>
<li><a href="groundwork/docs/buttons.html" title="Buttons, button groups, button menus">Buttons</a></li>
<li><a href="groundwork/docs/boxes.html" title="Boxes">Boxes</a></li>
<li><a href="groundwork/docs/messages.html" title="Message boxes">Message Boxes</a></li>
<li><a href="groundwork/docs/tables.html" title="Tables">Tables</a></li>
<li><a href="groundwork/docs/tabs.html" title="Tabs">Tabs</a></li>
<li><a href="groundwork/docs/forms.html" title="Form elements">Form Elements</a></li>
<li><a href="groundwork/docs/icons.html" title="Icons">Icons</a></li>
<li><a href="groundwork/docs/responsive-text.html" title="Responsive text and multi-line text block truncation">Responsive Text</a></li>
<li><a href="groundwork/docs/placeholder-text.html" title="Placeholder text and placeholder fonts for rapid prototyping and wireframes">Placeholder Text</a></li>
<li><a href="groundwork/docs/animations.html" title="Pure CSS3 Animations">Animations</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="box square">
<div class="container padded">
<div class="row">
<div class="one half padded">
<p>GroundworkCSS is <b>100% free</b> and <b>open source</b>. <a href="mailto:[email protected]">Give a shout out</a> if you have any feedback.</p>
<p>Find a bug? Help squash it by <a href="https://github.com/groundworkcss/groundwork/issues" target="_blank">filing an issue</a> on Github.</p>
</div>
<div class="one half padded">
<p class="large padded align-right align-center-small-tablet"><a href="http://twitter.com/groundworkcss" target="_blank" title="@groundworkcss" style="text-decoration:none;" class="large inline gapped"></a><a href="http://github.com/groundworkcss" target="_blank" title="@groundworkcss" style="text-decoration:none;" class="large inline gapped"></a><a href="mailto:[email protected]" title="[email protected]" style="text-decoration:none;" class="large inline gapped"></a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- javascript-->
<script type="text/javascript" src="js/groundwork.all.js"></script>
<!-- google analytics-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>