<body>
  <div class="centered" id="First">Hello World
  </div>
  <div class="centered" id="Second">
    <h1>Section 1</h1>
    <p>Some important content.</p>
  </div>
  <div class="centered" id="Third">
    <h1 class="foo bar">Section 2</h1>
    <p>Even more important content.</p>
    <div class="footer"><a href="menu.html">Back</a></div>
  </div>
  <div class="stretch">
    <div class="centered">
      <h1 class="highlight">Section 3</h1>
      <p>Last content.</p>
      <div class="footer"><a href="#">Back</a></div>
    </div>
  </div>
  <div class="bottom foo bar" name="end" id="Last" data-attr="baz">
    <p>Some final words.</p>
  </div>
  <div class="bottom class1 class2">
  </div>
</body>
<div class="thing foo bar thunk" attr1="foo" attr2="bar" attr3="baz" data-foo="&lt;biz&gt;" data-bar="<biz>"></div>
<div data-profile="profile" data-creator-name="name">work</div>
<div class="thing baz" attr1="foo" attr2="bar" attr3="qux"></div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>