Coding Dojo - HTML5 Cheat Sheet - Sectioning Content 2

sectioning_content2.html

    <!-- Headings & Sections: http://www.w3.org/TR/2014/REC-html5-20141028/sections.html#headings-and-sections -->
    <section>
      <h2>Article List Heading</h2>
      <article>
        <h3>Article 1 Heading</h3>
        <img src="https://pixabay.com/static/uploads/photo/2014/10/14/20/14/library-488677_960_720.jpg" alt="Look at my bookshelf!" height="192" width="250" />
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac lacus ante.</p>
        <section>
          <h4>Article 1 Subsection Heading</h4>
          <p>Praesent scelerisque arcu eu dui molestie tincidunt.</p>
        </section>
      </article>
      <article>
        <h3>Article 2 Heading</h3>
        <img src="https://pixabay.com/static/uploads/photo/2015/12/05/16/07/book-1078365_960_720.jpg" alt="Old book is old" height="192" width="250" />
        <p>Curabitur ornare ex sit amet tortor rhoncus, sit amet imperdiet nisl posuere.</p>
        <section>
          <h4>Article 2 Subsection Heading</h4>
          <p>Nam pretium ultrices mauris sit amet dignissim.</p>
        </section>
      </article>
    </section>