Use consistent ordering (W0013 then W0014), and fix heading text content

Author: tannerdolby

test/index.html

@@ -391,13 +391,7 @@ <h2>This is a heading element.</h1>
       </section>
     </section>
     <section>
-      <h2>A <code>&lt;a&gt;</code> has an <code>href</code> linking to a content site (Youtube, etc)</h2>
-      <ul>
-        <li><a href="https://youtube.com/foo">YouTube Link</a></li>
-        <li><a href="https://youtu.be/bar">YouTube Link</a></li>
-        <li><a href="https://spotify.com/en/">Spotify Link</a></li>
-      </ul>
-      <h2>A <code>&lt;a&gt;</code> has an <code>href</code> linking to a content site (Youtube, etc)</h2>
+      <h2>A <code>&lt;a&gt;</code> has an <code>href</code> linking to a PDF, Word, Excel, or PowerPoint document.</h2>
       <ul>
         <li><a href="/static/foo.pdf">.pdf (PDF)</a></li>
         <li><a href="/static/foo.docx">.docx (Word)</a></li>
@@ -409,6 +403,12 @@ <h2>A <code>&lt;a&gt;</code> has an <code>href</code> linking to a content site
         <li><a href="/static/foo.ppt">.ppt (PowerPoint)</a></li>
         <li><a href="/static/foo.txt">.txt (Text)</a></li>
       </ul>
+      <h2>A <code>&lt;a&gt;</code> has an <code>href</code> linking to a content site (Youtube, etc)</h2>
+      <ul>
+        <li><a href="https://youtube.com/foo">YouTube Link</a></li>
+        <li><a href="https://youtu.be/bar">YouTube Link</a></li>
+        <li><a href="https://spotify.com/en/">Spotify Link</a></li>
+      </ul>
     </section>
   </body>
 </html>