diff --git a/index.html b/index.html
index 50ad168..05ff3b0 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,11 @@
   </head>
   <body>
     <div id="top" class="page" role="document">
-      <header role="banner">
+      <header>
         <h1>HTML5 Test Page</h1>
         <p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p>
       </header>
-      <nav role="navigation">
+      <nav>
         <ul>
           <li>
             <a href="#text">Text</a>
@@ -60,12 +60,12 @@
           </li>
         </ul>
       </nav>
-      <main role="main">
+      <main>
         <section id="text">
           <header><h1>Text</h1></header>
           <article id="text__headings">
             <header>
-              <h1>Headings</h1>
+              <h2>Headings</h2>
             </header>
             <div>
               <h1>Heading 1</h1>
@@ -78,14 +78,25 @@
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="text__paragraphs">
-            <header><h1>Paragraphs</h1></header>
+            <header><h2>Paragraphs</h2></header>
             <div>
               <p>A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.</p>
             </div>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
+          <article id="text__blockquotes">
+            <header><h2>Blockquotes</h2></header>
+            <div>
+              <blockquote>
+                <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.</p>
+                <p>It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.</p>
+                <cite><a href="#!">Said no one, ever.</a></cite>
+              </blockquote>
+            </div>
+            <footer><p><a href="#top">[Top]</a></p></footer>
+          </article>
           <article id="text__lists">
-            <header><h1>Lists</h1></header>
+            <header><h2>Lists</h2></header>
             <div>
               <h3>Definition list</h3>
               <dl>
@@ -194,14 +205,14 @@
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="text__hr">
-            <header><h1>Horizontal rules</h1></header>
+            <header><h2>Horizontal rules</h2></header>
             <div>
               <hr>
             </div>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="text__tables">
-            <header><h1>Tabular data</h1></header>
+            <header><h2>Tabular data</h2></header>
             <table>
               <caption>Table Caption</caption>
               <thead>
@@ -256,7 +267,7 @@
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="text__code">
-            <header><h1>Code</h1></header>
+            <header><h2>Code</h2></header>
             <div>
               <p><strong>Keyboard input:</strong> <kbd>Cmd</kbd></p>
               <p><strong>Inline code:</strong> <code>&lt;div&gt;code&lt;/div&gt;</code></p>
@@ -273,7 +284,7 @@
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="text__inline">
-            <header><h1>Inline elements</h1></header>
+            <header><h2>Inline elements</h2></header>
             <div>
               <p><a href="#!">This is a text link</a>.</p>
               <p><strong>Strong is used to indicate strong importance.</strong></p>
@@ -297,7 +308,7 @@
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="text__comments">
-            <header><h1>HTML Comments</h1></header>
+            <header><h2>HTML Comments</h2></header>
             <div>
               <p>There is comment here: <!--This comment should not be displayed--></p>
               <p>There is a comment spanning multiple tags and lines below here.</p>
@@ -309,7 +320,7 @@
           </article>
         </section>
         <section id="embedded">
-          <header><h1>Embedded content</h1></header>
+          <header><h2>Embedded content</h2></header>
           <article id="embedded__images">
             <header><h2>Images</h2></header>
             <div>
@@ -377,7 +388,7 @@
           </article>
         </section>
         <section id="forms">
-          <header><h1>Form elements</h1></header>
+          <header><h2>Form elements</h2></header>
           <form>
             <fieldset id="forms__input">
               <legend>Input fields</legend>
@@ -537,8 +548,8 @@
           </form>
         </section>
       </main>
-      <footer role="contentinfo">
-        <p>Made by <a href="https://twitter.com/cbracco">@cbracco</a>. Code on <a href="https://github.com/cbracco/html5-test-page">GitHub</a>.</p>
+      <footer>
+        <p>Made by <a href="http://twitter.com/cbracco">@cbracco</a>. Code on <a href="http://github.com/cbracco/html5-test-page">GitHub</a>.</p>
       </footer>
     </div>
   </body>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..f3ce75c
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,5 @@
+{
+  "name": "html5-test-page",
+  "version": "0.8.0",
+  "lockfileVersion": 1
+}
