index.html


<!DOCTYPE html>
<html>
   <head>
      <title>Articles CSS</title>
      <header>
         <h1>This Is My Simple Blog</h1>
      </header>
      <link rel="stylesheet" type="text/css" href="articles.css">
   </head>
   <body>
      <div class="articles">
         <article>
            <header>
               <h2>Lorem Ipsum</h2>
            </header>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
          <footer>
              <div>By some guy</div>
              <div>Published 7/11/2016</div>
          </footer>
         </article>
          <article>
            <header>
               <h2>Lorem Ipsum</h2>
            </header>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
          <footer>
              <div>By some guy</div>
              <div>Published 7/11/2016</div>
          </footer>
         </article>
         <article>
            <header>
               <h2>Lorem Ipsum</h2>
            </header>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
          <footer>
              <div>By some guy</div>
              <div>Published 7/11/2016</div>
          </footer>
         </article>
          <article>
            <header>
               <h2>Lorem Ipsum</h2>
            </header>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
              <section>
                 Lorem ipsum dolor sit amet, non phasellus vestibulum vestibulum neque, et a integer cursus viverra ac, accumsan sit quis do. Risus in, amet nec sem tristique auctor diam nec, lobortis magna in quis. Lectus pede, maecenas id, non viverra morbi curae et. Nullam mauris, libero dictumst, pede semper aliquam, orci quis, arcu faucibus nullam in faucibus volutpat aenean. In nisl faucibus lorem eget ridiculus. Quia vitae nec ligula et, sed est per ut, at id sit nunc ante nunc, aliquam ut rhoncus quam orci odio.
              </section>
          <footer>
              <div>By some guy</div>
              <div>Published 7/11/2016</div>
          </footer>
         </article>
      </div>
      <footer>
         <small>
            <div>© Copyright 2015</div>
            <div>This Is My Simple Blog</div>
         </small>
      </footer>
   </body>
</html>