samples/sample-1.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang xml:lang>
<head>
  <meta charset="utf-8" />
  <meta name="generator" content="pandoc" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  <title>Sample 1: Ok, this is our title</title>
  <style>
    code{white-space: pre-wrap;}
    span.smallcaps{font-variant: small-caps;}
    span.underline{text-decoration: underline;}
    div.column{display: inline-block; vertical-align: top; width: 50%;}
    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
    ul.task-list{list-style: none;}
    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
  </style>
  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  <![endif]-->
</head>
<body>
<header id="title-block-header">
<h1 class="title">Sample 1: Ok, this is our title</h1>
</header>
<p>And then some Word body text</p>
<p>Here’s a subtitle</p>
<p>And some more Word body text</p>
<p>Here’s a list:</p>
<ul>
<li><p>Bullet one</p></li>
<li><p>Bullet two</p></li>
<li><p>Etc.</p></li>
</ul>
<p>And here’s a numbered one:</p>
<ol type="1">
<li><p>Can be</p></li>
<li><p>Interesting</p></li>
<li><p>Later</p></li>
<li><p>We’ll indent</p></li>
<li></li>
</ol>
</body>
</html>