<!-- Blog Index Page - Multiple Article Elements -->
  <header>
    <h1>Title of Site</h1>
  </header>
  <main>
    <article>
      <header>
        <h2>Title of Blog Post</h2>
      </header>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Read More.</a></p>
    </article>
    
    <article>
      <header>
        <h2>Title of Blog Post</h2>
      </header>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Read More.</a></p>
    </article>
    
    <article>
      <header>
        <h2>Title of Blog Post</h2>
      </header>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Read More.</a></p>
    </article>
</main> 

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.