Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 125 lines (106 sloc) 4.917 kB
e4ec169 @Wilto A work very much in progress.
Wilto authored
1 <!DOCTYPE html>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
2 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
3 <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
4 <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
5 <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6 <head>
e4ec169 @Wilto A work very much in progress.
Wilto authored
7 <meta charset="utf-8" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
8
e4ec169 @Wilto A work very much in progress.
Wilto authored
9 <title></title>
10 <meta name="description" content="" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
11
e4ec169 @Wilto A work very much in progress.
Wilto authored
12 <meta name="viewport" content="width=device-width,initial-scale=1" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
13
e4ec169 @Wilto A work very much in progress.
Wilto authored
14 <link rel="stylesheet" href="basic.css" media="screen" id="basic-css" />
15
16 <!-- Should be combined: -->
17 <link rel="stylesheet" href="css/h5bp-normalize.css" media="only all" id="reset-css" />
18 <link rel="stylesheet" href="css/style.css" media="only all" id="enhanced-css" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
19
e4ec169 @Wilto A work very much in progress.
Wilto authored
20 <!-- Should be combined: -->
21 <script src="js/libs/modernizr.min.js"></script>
22 <script src="js/libs/respond.js"></script>
23 <script src="js/core.js"></script>
24 <script src="js/controller.js"></script>
25
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
26 </head>
27
28 <body>
e4ec169 @Wilto A work very much in progress.
Wilto authored
29 <header class="doc standout">
30 <h1>I’ve got my blue beanie on! <strong>Now what?</strong></h1>
31 </header>
32 <header class="col-ab">
33 <div class="lead">
34 <h1 class="hed-lead">You love web standards.</h1>
35 <div class="subhed-lead">
36 <p>You want to give back to the community.</p>
37 <p>Curious about where to start? <b>We're here to help.</b></p>
38 </div>
39 </div>
40 <div class="col-split">
41 <p>Sit amet tellus ornare ac rutrum arcu ullamcorper. Curabitur tempus urna ac dui Bro Chih Minh luctus. Maecenas brolor erat, tristique ut rutrum et, imperdiet in dui. Praesent non augue tellus. Phasellus tortor leo, tincidunt in vehicula vel, auctor sit amet nunc. In at odio non mauris sodales malesuada. Class aptent taciti sociosqu ad brohemian torquent San Diebro conubia nostra, per inceptos himenaeos. Aenean eget mi quis turpis The Legend of Zelda: The Brocarina of Time feugiat.</p>
42 </div>
43 </header>
44 <section id="jumplink1" class="col-ab">
45 <h1>Example H2-ish Heading</h1>
46 <p>Nullam sollicitudin neque sit amet tellus ornare ac rutrum arcu ullamcorper. Curabitur tempus urna ac dui Bro Chih Minh luctus. Maecenas brolor erat, tristique ut rutrum et, imperdiet in dui. Praesent non augue tellus. Phasellus tortor leo, tincidunt in vehicula vel, auctor sit amet nunc.</p>
47 <blockquote>
48 <p>Praesent non augue tellus. Phasellus tortor leo, tincidunt in vehicula vel, auctor sit amet nunc. In at odio non mauris sodales malesuada. Class aptent taciti sociosqu ad brohemian torquent San Diebro conubia nostra.</p>
49 </blockquote>
50 <p>Nullam sollicitudin neque sit amet tellus ornare ac rutrum arcu ullamcorper. Curabitur tempus urna ac dui Bro Chih Minh luctus. Maecenas brolor erat, tristique ut rutrum et, imperdiet in dui. <a href="#">Praesent non augue</a> tellus. Phasellus tortor leo, tincidunt in vehicula vel.</p>
51 <ul>
52 <li>This is a bulleted list.</li>
53 <li>There are several items. Oh, hey: here’s another link, too.</li>
54 <li>Maecenas brolor erat, tristique ut rutrum et, imperdiet in dui. Some of the items in this list may break to two lines.</li>
55 <li>If they do, that’s okay.</li>
56 </ul>
57 </section>
58 <div class="col-ab">
59 <div class="col-a">
60
61 <dl class="key-val">
62 <dt>
63 <p>Key/Value Pair</p>
64 </dt>
65 <dd>
66 <p>Note that there’s additional padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
67 </dd>
68
69 <dt>
70 <p>Key/Value Pair</p>
71 </dt>
72 <dd>
73 <p>Note that there’s additional padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
74 </dd>
75
76 <dt>
77 <p>Key/Value Pair</p>
78 </dt>
79 <dd>
80 <p>Note that there’s additional padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
81 </dd>
82 </dl>
83
84 </div>
85
86 <div class="col-b">
87
88 <dl class="q-a">
89 <dt>
90 <p><abbr title="question">Q.</abbr>
91 Is this an example question?</p>
92 </dt>
93 <dd>
94 <p><abbr title="answer">A.</abbr>
95 Yes, and here’s why: brolita imperdiet in dui. Praesent non augue tellus. Phasellus tortor leo, tincidunt in vehicula vel, auctor sit amet nunc.</p>
96 </dd>
97 <dt>
98 <p><abbr title="question">Q.</abbr>
99 Is this an example question?</p>
100 </dt>
101 <dd>
102 <p><abbr title="answer">A.</abbr>
103 Yes, and here’s why: brolita imperdiet in dui. Praesent non augue tellus. Phasellus tortor leo, tincidunt in vehicula vel, auctor sit amet nunc.</p>
104 </dd>
105 </dl>
106
107 </div>
108 </div>
109
110 <footer class="doc">
111
112 </footer>
113
114 <script>
115 /*
116 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
117 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
118 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
119 s.parentNode.insertBefore(g,s)}(document,'script'));
120 */
121 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
122
123 </body>
124 </html>
Something went wrong with that request. Please try again.