Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 153 lines (126 sloc) 5.19 kb
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
1 <!DOCTYPE html>
2
3 <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
4 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
5 <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
6 <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
7 <!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
8 <head>
9 <meta charset="utf-8" />
10
11 <!-- Set the viewport width to device width for mobile -->
12 <meta name="viewport" content="width=device-width" />
13
14 <title>Welcome to Foundation</title>
15
16 <!-- Included CSS Files -->
9872149 @mkelly12 Add build script to create ZIP package and combine CSS and JS files
mkelly12 authored
17 <!-- Combine and Compress These CSS Files -->
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
18 <link rel="stylesheet" href="stylesheets/globals.css">
41e7d92 @smileyj68 Split out typography and the grid / block grids into their own CSS files...
smileyj68 authored
19 <link rel="stylesheet" href="stylesheets/typography.css">
20 <link rel="stylesheet" href="stylesheets/grid.css">
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
21 <link rel="stylesheet" href="stylesheets/ui.css">
22 <link rel="stylesheet" href="stylesheets/forms.css">
23 <link rel="stylesheet" href="stylesheets/orbit.css">
24 <link rel="stylesheet" href="stylesheets/reveal.css">
25 <link rel="stylesheet" href="stylesheets/app.css">
26 <link rel="stylesheet" href="stylesheets/mobile.css">
9872149 @mkelly12 Add build script to create ZIP package and combine CSS and JS files
mkelly12 authored
27 <!-- End Combine and Compress These CSS Files -->
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
28
29 <!--[if lt IE 9]>
fcdb23d @mhayes fixed invalid links to IE stylesheet and jQuery placeholder plugin. rem...
mhayes authored
30 <link rel="stylesheet" href="stylesheets/ie.css">
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
31 <![endif]-->
32
33
34 <!-- IE Fix for HTML5 Tags -->
35 <!--[if lt IE 9]>
36 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
37 <![endif]-->
38
39 </head>
40 <body>
41
42 <!-- container -->
43 <div class="container">
44
45 <div class="row">
46 <div class="twelve columns">
47 <h2>Welcome to Foundation</h2>
48 <p>This is version 2.0.1 released on October 21, 2011</p>
49
50 <hr />
51 </div>
52 </div>
53
54 <div class="row">
55 <div class="eight columns">
56 <h3>The Grid</h3>
57
58 <!-- Grid Example -->
59 <div class="row">
60 <div class="twelve columns">
61 <div class="panel">
62 <p>This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p>
63 </div>
64 </div>
65 </div>
66 <div class="row">
67 <div class="six columns">
68 <div class="panel">
69 <p>Six columns</p>
70 </div>
71 </div>
72 <div class="six columns">
73 <div class="panel">
74 <p>Six columns</p>
75 </div>
76 </div>
77 </div>
78 <div class="row">
79 <div class="four columns">
80 <div class="panel">
81 <p>Four columns</p>
82 </div>
83 </div>
84 <div class="four columns">
85 <div class="panel">
86 <p>Four columns</p>
87 </div>
88 </div>
89 <div class="four columns">
90 <div class="panel">
91 <p>Four columns</p>
92 </div>
93 </div>
94 </div>
95
96 <h3>Tabs</h3>
97 <dl class="tabs">
98 <dd><a href="#simple1" class="active">Simple Tab 1</a></dd>
99 <dd><a href="#simple2">Simple Tab 2</a></dd>
100 <dd><a href="#simple3">Simple Tab 3</a></dd>
101 </dl>
102
103 <ul class="tabs-content">
104 <li class="active" id="simple1Tab">This is simple tab 1's content. Pretty neat, huh?</li>
105 <li id="simple2Tab">This is simple tab 2's content. Now you see it!</li>
106 <li id="simple3Tab">This is simple tab 3's content. It's, you know...okay.</li>
107 </ul>
108
109 <h3>Buttons</h3>
110
111 <p><a href="#" class="small blue button">Small Blue Button</a></p>
112 <p><a href="#" class="blue button">Medium Blue Button</a></p>
113 <p><a href="#" class="large blue button">Large Blue Button</a></p>
114
115 <p><a href="#" class="nice radius small blue button">Nice Blue Button</a></p>
116 <p><a href="#" class="nice radius blue button">Nice Blue Button</a></p>
117 <p><a href="#" class="nice radius large blue button">Nice Blue Button</a></p>
118
119 </div>
120
121 <div class="four columns">
122 <h4>Getting Started</h4>
123 <p>We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
124
125 <h4>Other Resources</h4>
126 <p>Once you've exhausted the fun in this document, you should check out:</p>
127 <ul class="disc">
128 <li><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</li>
129 <li><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</li>
130 <li><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</li>
131 </ul>
132 </div>
133 </div>
134
135 </div>
136 <!-- container -->
137
138
139
140
9872149 @mkelly12 Add build script to create ZIP package and combine CSS and JS files
mkelly12 authored
141 <!-- Included JS Files -->
142 <!-- Combine and Compress These JS Files -->
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
143 <script src="javascripts/jquery-1.5.1.min.js"></script>
144 <script src="javascripts/jquery.reveal.js"></script>
145 <script src="javascripts/jquery.orbit-1.3.0.js"></script>
146 <script src="javascripts/forms.jquery.js"></script>
147 <script src="javascripts/jquery.customforms.js"></script>
fcdb23d @mhayes fixed invalid links to IE stylesheet and jQuery placeholder plugin. rem...
mhayes authored
148 <script src="javascripts/jquery.placeholder.min.js"></script>
9872149 @mkelly12 Add build script to create ZIP package and combine CSS and JS files
mkelly12 authored
149 <!-- End Combine and Compress These JS Files -->
60cc25d @smileyj68 Removed php from the base source download, modified the index.html file ...
smileyj68 authored
150 <script src="javascripts/app.js"></script>
151
152 </body>
153 </html>
Something went wrong with that request. Please try again.