ch01.html

<figure class="zoomable">
  <div data-sizes="fallback">
    <img src="img/01-2.png" alt="Marley’s Ghost" />
    <p class="caption">This is the top of the article editing window, where you can fill in all of the fields that identify your article. From here, among other things, you can choose which layout your article should appear on, add an excerpt and thumbnails to be used in the Table of Contents, and choose or establish a section for your article.</p>
  </div>
  <div data-sizes="lightbox" class="no-treesaver">
    <img src="img/01-2.png" alt="Marley’s Ghost" />
    <p class="caption">This is the top of the article editing window, where you can fill in all of the fields that identify your article. From here, among other things, you can choose which layout your article should appear on, add an excerpt and thumbnails to be used in the Table of Contents, and choose or establish a section for your article.</p>
  </div>
</figure>

resources.html

    <div class="grid w4 chapter">
      <div class="container c1 w4 title" data-sizes="title"></div>
      <div class="container c1 w4 img" data-sizes="img"></div>
      <div class="column c1"></div>
    </div>

    <div class="grid w8 chapter">
      <div>
        <div class="container c1 w4 title" data-sizes="title"></div>
        <div class="container c1 w4 img single" data-sizes="single"></div>
        <div class="column c1"></div>
      </div>
      <div>
        <div class="container c5 w4 img single" data-sizes="single"></div>
        <div class="column c5"></div>
      </div>
    </div>