Skip to content

Commit 2c8c7aa

Browse files
jonathantnealjonathantneal
committed
Updated demo.html
1 parent 57fd887 commit 2c8c7aa

File tree

1 file changed

+225
-0
lines changed

1 file changed

+225
-0
lines changed

‎demo.html‎

Lines changed: 225 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,225 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="target-densitydpi=160dpi, width=device-width, minimum-scale=1.0, maximum-scale=1.0">
6+
<title>Normalize CSS</title>
7+
<link rel="stylesheet" href="normalize.css" />
8+
<link rel="stylesheet" href="normalize.metrics.css" />
9+
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
10+
</head>
11+
<body>
12+
<header>
13+
<hgroup>
14+
<h1>
15+
Header Group Heading 1
16+
</h1>
17+
<h2>
18+
Header Group Heading 2
19+
</h2>
20+
</hgroup>
21+
<nav>
22+
<ul>
23+
<li>
24+
First Page
25+
</li>
26+
<li>
27+
Second Page
28+
</li>
29+
<li>
30+
Third Page
31+
</li>
32+
<li>
33+
Last Page
34+
</li>
35+
</ul>
36+
</nav>
37+
</header>
38+
39+
<section>
40+
<h1>
41+
Section Heading 1
42+
</h1>
43+
<p>
44+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
45+
</p>
46+
<p>
47+
Agnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat ma.
48+
</p>
49+
<h2>
50+
Section Heading 2
51+
</h2>
52+
<p>
53+
Agnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat ma.
54+
</p>
55+
<h3>
56+
Section Heading 3
57+
</h3>
58+
<p>
59+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
60+
</p>
61+
</section>
62+
63+
<article>
64+
<h4>
65+
Article Heading 4
66+
</h4>
67+
<p>
68+
Agnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat ma.
69+
</p>
70+
<h5>
71+
Article Heading 5
72+
</h5>
73+
<p>
74+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
75+
</p>
76+
<h6>
77+
Article Heading 6
78+
</h6>
79+
<p>
80+
Agnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat ma.
81+
</p>
82+
</article>
83+
84+
<ol>
85+
<li>
86+
Sed ut perspiciatis unde
87+
</li>
88+
<li>
89+
omnis iste natus error
90+
</li>
91+
<li>
92+
sit voluptatem accusantium
93+
</li>
94+
</ol>
95+
96+
<ul>
97+
<li>
98+
doloremque laudantium
99+
</li>
100+
<li>
101+
totam rem aperiam eaque
102+
</li>
103+
<li>
104+
ipsa quae ab illo
105+
</li>
106+
</ul>
107+
108+
<dl>
109+
<dt>
110+
Definition list term #1
111+
</dt>
112+
<dd>
113+
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
114+
</dd>
115+
<dt>
116+
Definition list term #2
117+
</dt>
118+
<dd>
119+
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
120+
</dd>
121+
</dl>
122+
123+
<nav>
124+
<ul>
125+
<li>
126+
<a href="#">navigation item #1</a>
127+
</li>
128+
<li>
129+
<a href="#">navigation item #2</a>
130+
</li>
131+
<li>
132+
<a href="#">navigation item #3</a>
133+
</li>
134+
</ul>
135+
</nav>
136+
137+
<pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</pre>
138+
139+
<div class="spacer"></div>
140+
141+
<p>
142+
<cite>Confucius, The Confucian Cite</cite>, (551 BC - 479 BC)
143+
</p>
144+
145+
<table summary="Jimi Hendrix albums">
146+
<caption>
147+
Jimi Hendrix - albums
148+
</caption>
149+
<thead>
150+
<tr>
151+
<th>Album</th>
152+
<th>Year</th>
153+
<th>Price</th>
154+
</tr>
155+
</thead>
156+
<tfoot>
157+
<tr>
158+
<th>Album</th>
159+
<th>Year</th>
160+
<th>Price</th>
161+
</tr>
162+
</tfoot>
163+
<tbody>
164+
<tr>
165+
<td>Are You Experienced</td>
166+
<td>1967</td>
167+
<td>$10.00</td>
168+
</tr>
169+
<tr>
170+
<td>Axis: Bold as Love</td>
171+
<td>1967</td>
172+
<td>$12.00</td>
173+
</tr>
174+
<tr>
175+
<td>Electric Ladyland</td>
176+
<td>1968</td>
177+
<td>$10.00</td>
178+
</tr>
179+
<tr>
180+
<td>Band of Gypsys</td>
181+
<td>1970</td>
182+
<td>$12.00</td>
183+
</tr>
184+
</tbody>
185+
</table>
186+
187+
<p>
188+
Lorem ipsum dolor <a href="#">a element</a> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
189+
</p>
190+
<p>
191+
Lorem ipsum dolor sit amet, consectetur <abbr title="Title text">abbr element</abbr> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
192+
</p>
193+
194+
<p>
195+
Lorem ipsum dolor <b>b element</b> sit amet, consectetur <i>i element</i> adipisicing elit, sed <s>s element</s> do eiusmod tempor <u>u element</u> incididunt ut labore et dolore magna aliqua.
196+
</p>
197+
198+
<p>
199+
Lorem ipsum dolor <code>code element</code> sit amet, consectetur <kbd>kbd element</kbd> adipisicing elit, sed <samp>samp element</samp> do eiusmod tempor incididunt ut labore et dolore magna aliqua.
200+
</p>
201+
202+
<p>
203+
Lorem ipsum dolor sit amet, consectetur <strong>strong element</strong> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
204+
</p>
205+
206+
<p>
207+
Lorem ipsum dolor <cite>cite element</cite> sit amet, consectetur <dfn>dfn element</dfn> adipisicing elit, sed <em>em element</em> do eiusmod tempor <q>q element</q> incididunt ut labore <var>var element</var> et dolore magna aliqua.
208+
</p>
209+
210+
<p>
211+
Lorem ipsum dolor sit amet, consectetur <del>del element</del> adipisicing elit, sed <strike>strike element</strike> do eiusmod tempor incididunt ut labore et dolore magna aliqua.
212+
</p>
213+
214+
<p>
215+
Lorem ipsum dolor sit amet, consectetur <ins>ins element</ins> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
216+
</p>
217+
218+
<p>
219+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed <sub>sub element</sub> do eiusmod tempor incididunt ut labore et dolore magna aliqua.
220+
</p>
221+
<p>
222+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore <sup>sup element</sup> et dolore magna aliqua.
223+
</p>
224+
</body>
225+
</html>

0 commit comments

Comments
 (0)