github-markdown-css/index-htllm.html

70 lines
2.5 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<title>GitHub Markdown CSS demo</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="github-markdown.css">
<link rel="stylesheet" href="github-markdown-htllm.css">
<style>
body {
min-width: 200px;
max-width: 790px;
margin: 0 auto;
padding: 30px;
}
</style>
</head>
<body>
<article class="markdown-body">
<h1>This is an H1 heading</h1>
<h2>This is an H2 heading</h2>
<h3>This is an H3 heading</h3>
<h4>This is an H4 heading</h4>
<h5>This is an H5 heading</h5>
<h6>This is an H6 heading</h6>
<ul>
<li>List item</li>
<li>List item</li>
<li>
<ul>
<li>Sublist item</li>
<li>Sublist item</li>
</ul>
</li>
</ul>
<ol>
<li>List item</li>
<li>List item</li>
<li>
<ol>
<li>Sublist item</li>
<li>Sublist item</li>
</ol>
</li>
</ol>
<blockquote>
A quoted block of unexpectedly short text which might hopefully reach a second row in your page
depending on screen resolution and whatnot.
</blockquote>
<p>
A paragraph of unexpectedly short text which might hopefully reach a second row in your page
depending on screen resolution and whatnot.
</p>
<p>A paragraph exemplifying <a href="http://bit.ly">a simple link</a> with text after it.</p>
<p>A paragraph exemplifying <code>inline code</code> with text after it.</p>
<p>A paragraph exemplifying <strong>a bolded item</strong> with text after it.</p>
<p>A paragraph exemplifying <em>an italic item</em> with text after it.</p>
<p>A paragraph exemplifying <u>an underlined item</u> with text after it.</p>
</article>
</body>
</html>