-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsample.html
More file actions
210 lines (166 loc) · 8.42 KB
/
sample.html
File metadata and controls
210 lines (166 loc) · 8.42 KB
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>sample.md</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/** CSS stylesheet is based on Kevin Burke's
Markdown.css project
(http://kevinburke.bitbucket.org/markdowncss) **/
body{margin:0 auto;padding:14px;max-width:960px;color:#444;font-size:16px;font-family:Helvetica,Calibri,sans-serif;line-height:1.25;}
h1,h2,h3,h4,h5{max-width:600px;color:#111;font-weight:400;}
h1,h2,h3,h4,h5,p{margin-bottom:14px;padding:0;}
h1{font-size:2em;line-height:1.25em;}
h2{font-size:1.625em;line-height:1.15384615em;}
h3{font-size:1.375em;line-height:1.13636364em;}
h4{font-size:1.125em;line-height:1.11111111em;}
h5{font-size:1.125em;line-height:1em;}
a{margin:0;padding:0;color:#09f;vertical-align:baseline;}
a:hover{color:#f60;text-decoration:none;}
a:visited{color:purple;}
ul,ol{margin:0;padding:0;}
li{margin-left:2em;}
p,ul,ol,img{max-width:540px;}
ul + p,ol + p{margin-bottom:8px;}
span{background-color:yellowgreen;}
pre{padding:0 14px;max-width:600px;white-space:pre-wrap;}
code{color:#111;font-size:16px;font-family:'Courier New',monospace;}
blockquote{margin-left:0;padding:0 2em;max-width:476px;border-left:.5em solid #eee;}
blockquote cite{color:#bfbfbf;}
blockquote cite:before{content:'\2014 \00A0';}
blockquote p{max-width:460px;color:#666;}
hr{margin:14px 0;width:540px;color:#999;text-align:left;}
</style>
</head>
<body>
<h1>This is a really big title (this is H1)</h1>
<p><em>as of 2013.01.28</em></p>
<p>Nullam lobortis dictum erat ultrices placerat. Quisque dolor nisl, pulvinar at volutpat at, <strong>gravida</strong> vel erat. Donec et magna ipsum. Nulla tristique hendrerit porttitor. <em>Pellentesque</em> in tincidunt purus. Integer hendrerit tellus et urna lobortis congue. Nulla feugiat euismod dui, id facilisis metus scelerisque a. Sed et arcu non lectus egestas tempus eu feugiat ligula.</p>
<p><em>Text source: <a href="http://lipsum.com/" title="Lorem Ipsum">http://lipsum.com/</a></em></p>
<ul>
<li><p>Proin consectetur mauris ac nunc porttitor a adipiscing enim lobortis.</p></li>
<li><p>Nulla semper magna id felis adipiscing vel faucibus odio suscipit.</p></li>
<li><p>Maecenas quis nisl arcu, ut cursus mauris.</p></li>
<li><p>Proin varius felis ac magna ornare at ornare lectus elementum.</p></li>
<li><p>Donec commodo faucibus ante, non posuere erat imperdiet et.</p></li>
<li><p>Morbi eget purus lectus, consequat bibendum quam.</p></li>
</ul>
<h2>Second Level Header (this is H2)</h2>
<p>Nam nec quam velit. Vivamus tristique vulputate posuere. Morbi et nibh purus, vitae pulvinar urna. Donec dignissim, mi sed auctor interdum, sapien tellus consequat lorem, sagittis pellentesque eros tellus eu tortor. Sed nulla urna, hendrerit eget suscipit nec, imperdiet ac turpis. Phasellus consequat, justo quis hendrerit adipiscing, dui mi adipiscing tellus, in dapibus ipsum ligula eget justo. Vestibulum aliquet dui vitae libero rhoncus non ornare nulla venenatis.</p>
<hr />
<h3>Blockquotes (this is H3)</h3>
<p>This is what a sample blockquote looks like:</p>
<blockquote><p>Aliquam non scelerisque lorem. Pellentesque commodo est in risus ornare faucibus. Proin convallis facilisis ligula, dignissim viverra libero vestibulum in. Nunc imperdiet consequat nisl, in posuere nunc iaculis cursus. Maecenas interdum odio urna. Sed libero velit, faucibus nec consequat et, sagittis sed lectus. Mauris condimentum sodales sollicitudin. Phasellus nec gravida sem.</p>
<p>Mauris vulputate volutpat molestie. Sed sollicitudin consequat eros id adipiscing. Cras ligula est, vulputate quis imperdiet in, lobortis quis risus. Maecenas et neque sem, ut ultricies augue. Duis enim nulla, ultrices a viverra dapibus, malesuada fringilla justo. Donec leo tellus, tincidunt sodales scelerisque id, blandit sed odio. In hac habitasse platea dictumst. Morbi justo odio, tincidunt non volutpat sit amet, ultricies vel risus. Mauris scelerisque vestibulum eleifend. Suspendisse mauris nunc, porta eget fermentum sit amet, laoreet pellentesque lectus. Donec ipsum est, viverra vitae venenatis in, pulvinar ac mauris.</p></blockquote>
<h3>Lists (this is H3)</h3>
<p>Here's an example of lists. I'm making this sentence really long to</p>
<p>test the line wrapping.</p>
<h4>Unordered List (this is H4)</h4>
<ul>
<li><p>Suspendisse vel lectus enim, ac fermentum quam.</p></li>
<li><p>Morbi commodo orci ut eros malesuada tristique.</p></li>
<li><p>In accumsan enim at purus elementum auctor.</p></li>
<li><p>Praesent eu neque nunc, ac viverra mi.</p></li>
<li><p>Maecenas sit amet massa arcu, non pulvinar risus.</p>
<ul>
<li><p>Praesent pharetra placerat augue, ac viverra lacus lacinia eu.</p>
<ul>
<li>Suspendisse sed tellus sapien, congue varius orci.</li>
</ul>
</li>
<li><p>Suspendisse bibendum semper dolor, id ultrices massa euismod quis.</p></li>
</ul>
</li>
<li><p>Fusce faucibus velit sed enim luctus eu tempor arcu accumsan.</p></li>
</ul>
<h4>Oredered List (this is H4)</h4>
<ol>
<li><p>Vestibulum ut tellus sed elit consectetur semper ut eu ipsum.</p></li>
<li><p>Quisque sollicitudin magna at lacus dictum pharetra.</p></li>
<li><p>In congue est semper nisi dignissim fringilla.</p>
<ol>
<li><p>Praesent non dolor non ligula euismod ultrices lobortis sed libero.</p></li>
<li><p>Maecenas vel odio libero, quis rhoncus mi.</p>
<ol>
<li>Morbi mattis purus vitae libero vulputate et venenatis mi dapibus.</li>
</ol>
</li>
<li><p>Mauris et elit sit amet massa scelerisque ullamcorper eget condimentum augue.</p></li>
<li><p>Proin consectetur mauris ac nunc porttitor a adipiscing enim lobortis.</p></li>
</ol>
</li>
<li><p>Nulla semper magna id felis adipiscing vel faucibus odio suscipit.</p></li>
<li><p>Maecenas quis nisl arcu, ut cursus mauris.</p></li>
</ol>
<h5>You can nesting it at any level (this is H5)</h5>
<p><em>(There is no H6 defined in this CSS)</em></p>
<ol>
<li><p>Vestibulum ut tellus sed elit consectetur semper ut eu ipsum.</p>
<ol>
<li><p>Quisque sollicitudin magna at lacus dictum pharetra.</p>
<ol>
<li><p>In congue est semper nisi dignissim fringilla.</p>
<ol>
<li><p>Praesent non dolor non ligula euismod ultrices lobortis sed libero.</p>
<ol>
<li><p>Maecenas vel odio libero, quis rhoncus mi.</p>
<ol>
<li><p>Morbi mattis purus vitae libero vulputate et venenatis mi dapibus.</p>
<ol>
<li><p>Mauris et elit sit amet massa scelerisque ullamcorper eget condimentum augue.</p>
<ol>
<li><p>Proin consectetur mauris ac nunc porttitor a adipiscing enim lobortis.</p>
<ol>
<li><p>Nulla semper magna id felis adipiscing vel faucibus odio suscipit.</p>
<ol>
<li>Proin consectetur mauris ac nunc porttitor a adipiscing enim lobortis.</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
<h5>There is no forms defined in this CSS (this is H5)</h5>
<h3>Code Blocks (this is H3)</h3>
<p>Code can either be <code>inline</code>, like <code>this</code>, or it can be on its own line. Here's the CSS I'm using to style this document:</p>
<pre><code>/** CSS stylesheet is based on Kevin Burke's Markdown.css project (http://kevinburke.bitbucket.org/markdowncss) **/
body{margin:0 auto;padding:14px;max-width:960px;color:#444;font-size:16px;font-family:Helvetica,Calibri,sans-serif;line-height:1.25;}
h1,h2,h3,h4,h5{max-width:600px;color:#111;font-weight:400;}
h1,h2,h3,h4,h5,p{margin-bottom:14px;padding:0;}
h1{font-size:2em;line-height:1.25em;}
h2{font-size:1.625em;line-height:1.15384615em;}
h3{font-size:1.375em;line-height:1.13636364em;}
h4{font-size:1.125em;line-height:1.11111111em;}
h5{font-size:1.125em;line-height:1em;}
a{margin:0;padding:0;color:#09f;vertical-align:baseline;}
a:hover{color:#f60;text-decoration:none;}
a:visited{color:purple;}
ul,ol{margin:0;padding:0;}
li{margin-left:2em;}
p,ul,ol,img{max-width:540px;}
ul + p,ol + p{margin-bottom:8px;}
span{background-color:yellowgreen;}
pre{padding:0 14px;max-width:600px;white-space:pre-wrap;}
code{color:#111;font-size:16px;font-family:'Courier New',monospace;}
blockquote{margin-left:0;padding:0 2em;max-width:476px;border-left:.5em solid #eee;}
blockquote cite{color:#bfbfbf;}
blockquote cite:before{content:'\2014 \00A0';}
blockquote p{max-width:460px;color:#666;}
hr{margin:14px 0;width:540px;color:#999;text-align:left;}
</code></pre>
<h3>Headers is in <em>normal weight</em>, so you can add <strong>bold</strong> to it (this is h3)</h3>
</body>
</html>