<html>
  <head>
  </head>
  <body>
    <header>
      <h2>The main heading</h2>
      <h3>The sub heading</h3>
    </header>
    <!--  things collection -->
    <ul class="things">
      <li class="thing">
        <a class="title" data-special-attr="thing-1">Thing #1</a>
        <input type="text" class="thing-input" value="thing-1-value" >
      </li>
      <li class="thing">
        <a class="title" data-special-attr="thing-2">Thing #2</a>
        <input type="text" class="thing-input" value="thing-2-valu