/
examples.html
61 lines (55 loc) · 2.81 KB
/
examples.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML5 Patterns </title>
<meta name="author" content="mrmrs">
<meta name="description" content="Common HTML5 patterns I use.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/i.css">
<!-- Favicons and Touch Device Icons -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="touch-icon-iphone-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-precomposed.png">
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-retina-precomposed.png">
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina-precomposed.png">
</head>
<body>
<section class="pam paxl-l">
<h1>Type Scales</h1>
<section class="mtx">
<h1 class="f5 ttu fw1 mbl">Mobile</h1>
<h1 class="f1">Heading 1</h1>
<p class="f1 lh-copy">
"Three Spaniards? Adventures of those three bloody-minded soladoes?"
</p>
<h2 class="f2">Heading 2</h2>
<p class="f2 lh-copy">
"Duck him again; and keep ducking him."
</p>
<h3 class="f3">Heading 3</h3>
<p class="f3 lh-copy">
"Am I the same man that helped kill this whale? Doesn't the devil live for ever;
who ever heard that the devil was dead? Did you ever see any parson a wearing
mourning for the devil? And if the devil has a latch-key to get into the admiral's
cabin, don't you suppose he can crawl into a porthole? Tell me that, Mr. Flask?"
</p>
<h4 class="f4">Heading 4</h4>
<p class="f4 lh-copy">
"Do you see that mainmast there?" pointing to the ship; "well, that's the figure
one; now take all the hoops in the Pequod's hold, and string along in a row with
that mast, for oughts, do you see; well, that wouldn't begin to be Fedallah's age.
Nor all the coopers in creation couldn't show hoops enough to make oughts enough."
</p>
<h5 class="f5">Heading 5</h5>
<p class="f5 lh-copy">"But see here, Stubb, I thought you a little boasted just now, that you meant to give Fedallah a sea-toss, if you got a good chance. Now, if he's so old as all those hoops of yours come to, and if he is going to live for ever, what good will it do to pitch him overboard—tell me that?</p>
<h6 class="f6">Heading 6</h6>
<p class="f6 lh-copy">
"No: never saw such a book; heard of it, though. But now, tell me, Stubb, do you
suppose that that devil you was speaking of just now, was the same you say is now
on board the Pequod?"
</p>
</section>
</section>
</body>
</html>