-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprose.html
127 lines (117 loc) · 4.71 KB
/
prose.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
<!DOCTYPE html>
<html lang="en">
<sergey-import src="head">Styleguide</sergey-import>
<body>
<sergey-import src="header" />
<main class="wrapper">
<h1 class="underline--animated">Heading 1</h1>
<h2>Heading 2 <span class="color--primary">with a span</span></h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<p>
George, buddy. remember that girl I introduced you to, Lorraine.
What are you writing? David, watch your mouth. You come here and
kiss your mother before you go, come here. Evening, Doctor
Brown, what's with the wire? I'm sure that in 1985, plutonium is
available at every corner drug store, but in 1955, it's a little
hard to come by. Marty, I'm sorry, but I'm afraid you're stuck
here. Last night, Darth Vader came down from planet Vulcan. And
he told me that if I didn't take Lorraine, that he'd melt my
brain.
</p>
<p>
0 1 2 3 4 5 6 7 8 9 ! @ £ $ % ^ & * ( ) _ + = - ] [
' ; / . , | " : ? > <
</p>
<blockquote>
<p>
A block quotation (also known as a long quotation or
extract) is a quotation in a written document, that is set
off from the main text as a paragraph, or block of text.
</p>
<p>
It is typically distinguished visually using indentation and
a different typeface or smaller size quotation. It may or
may not include a citation, usually placed at the bottom.
</p>
<cite><a href="#!">Said no one, ever.</a></cite>
</blockquote>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<p><a href="#!">This is a text link</a>.</p>
<p>
<strong>Strong is used to indicate strong importance.</strong>
</p>
<p><em>This text has added emphasis.</em></p>
<p>
The <b>b element</b> is stylistically different text from normal
text, without any special importance.
</p>
<p>
The <i>i element</i> is text that is offset from the normal
text.
</p>
<p>
The <u>u element</u> is text with an unarticulated, though
explicitly rendered, non-textual annotation.
</p>
<p>
<del>This text is deleted</del> and
<ins>This text is inserted</ins>.
</p>
<p><s>This text has a strikethrough</s>.</p>
<p>Superscript<sup>®</sup>.</p>
<p>Subscript for things like H<sub>2</sub>O.</p>
<p>
<small>This small text is small for for fine print, etc.</small>
</p>
<p>
Abbreviation:
<abbr title="HyperText Markup Language">HTML</abbr>
</p>
<p>
<q
cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q"
>This text is a short inline quotation.</q
>
</p>
<p><cite>This is a citation.</cite></p>
<p>The <dfn>dfn element</dfn> indicates a definition.</p>
<p>The <mark>mark element</mark> indicates a highlight.</p>
<p>
The <var>variable element</var>, such as <var>x</var> =
<var>y</var>.
</p>
<p>
The time element:
<time datetime="2013-04-06T12:32+00:00">2 weeks ago</time>
</p>
<figure>
<img
src="https://placekitten.com/420/420"
alt="Image alt text"
/>
</figure>
<div class="video-player">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/RtPnVtXw6HU"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</main>
<sergey-import src="footer" />
</body>
</html>