diff --git a/HTML5-semantics.html b/HTML5-semantics.html
new file mode 100644
index 0000000..56a9b92
--- /dev/null
+++ b/HTML5-semantics.html
@@ -0,0 +1,121 @@
+<html class="no-js">
+  <head>
+      <meta charset="utf-8">
+      <title>HTML5 Architecture & Semantics</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+
+    <!-- Main navigation -->
+    <nav class="main-nav" role="navigation">
+        <img src="#" alt="Forbes Logo">
+        <a hre="#"><h4>New Posts</h4><p></p></a>
+        <a hre="#"><h4>Most Popular</h4><p></p></a>
+        <a hre="#"><h4>Lists</h4><p></p></a>
+        <a hre="#"><h4>Video</h4><p></p></a>
+        <form>
+          <input type="submit" name="search">
+          <button></button>
+        </form>
+        <button name="login"></button>
+    </nav>
+
+    <!-- Drop down navigation -->
+    <nav class="pop-nav" role="navigation">
+      <section class="pop-nav__chann">
+        <ul>
+          <li><a href="#" alt="Business">Business</a></li>
+          <li><a href="#" alt="Investing">Investing</a></li>
+          <li><a href="#" alt="Technology">Technology</a></li>
+          <li><a href="#" alt="Entrepreneurs">Entrepreneurs</a></li>
+        </ul>
+      </section>
+
+      <section class="pop-nav__chann__bus">
+        <ul>
+          <li><a href="#" alt="Asia Outlook">Asia Outlook</a></li>
+          <li><a href="#" alt="Asia Outlook">Asia Outlook</a></li>
+          <li><a href="#" alt="Asia Outlook">Asia Outlook</a></li>
+          <li><a href="#" alt="Asia Outlook">Asia Outlook</a></li>
+          </ul>
+      </section>
+
+      <section class="pop-nav__chann__inv">
+        <ul>
+          <li><a href="#" alt="Advisor Network">Advisor Network</a></li>
+          <li><a href="#" alt="Advisor Network">Advisor Network</a></li>
+          <li><a href="#" alt="Advisor Network">Advisor Network</a></li>
+          <li><a href="#" alt="Advisor Network">Advisor Network</a></li>
+        </ul>
+      </section>
+
+      <section class="pop-nav__chann__tech">
+        <ul>
+          <li><a href="#" alt="Century Link Choice">Century Link Choice</a></li>
+          <li><a href="#" alt="Century Link Choice">Century Link Choice</a></li>
+          <li><a href="#" alt="Century Link Choice">Century Link Choice</a></li>
+          <li><a href="#" alt="Century Link Choice">Century Link Choice</a></li>
+        </ul>
+      </section>
+    </nav>
+
+    <!-- Login nav -->
+    <nav class="log-nav">
+      <a href="#">21 Rock-Solid Dividend Payers</a>
+      <a href="#">Log in</a>
+      <a href="#">Sign up</a>
+      <a href="#">Connect</a>
+      <a href="#"><img src="#" alt="Facebook"></a>
+      <a href="#"><img src="#" alt="Twitter"></a>
+      <a href="#"><img src="#" alt="LinkdIn"></a>
+      <a href="">Help</a>
+    </nav>
+
+    <!-- Top ad block -->
+    <section class="ad"></section>
+
+    <!-- Main content -->
+    <main class="main">
+      <h1>Top Stories</h1>
+      <img src="#" alt="Main Image">
+      <h3>Paper Profits: Meet The King Of Personal Hygiene Products</h3>
+      <p>Li Shufu is rare among today’s Chinese entrepreneurs for taking on auto manufacturing, a sector dominated by state enterprises and multinationals.</p>
+
+    <!-- Cite block -->
+      <section class="author">
+        <img src="#" alt="Image of author"><strong>Russell Flannery</strong>, Forbes Staff</img>
+    </main>
+
+    <!-- Regional Stories -->
+    <aside class="regional-col">
+      <nav class="reg-nav">
+        <a href="#">U.S.</a>
+        <a href="#">Europe</a>
+        <a href="#">Asia</a>
+      </nav>
+
+      <section class="story-cite">
+        <a href="#"><h6>Fed Ends QE And Perks Up Labor Market Outlook</h6></a>
+        <cite class="cite-SS"><img src="#" alt="Image of author"><strong>Samantha Sharf</strong>, Forbes Staff</cite>
+      </section>
+      <section class="story-cite">
+        <a href="#"><h6>An Answer From Sanofi: What About Genzyme?</h6></a>
+        <cite class="cite-MH"><img src="#" alt="Image of author"><strong>Mathew Herper</strong>, Forbes Staff</cite>
+      </section>
+      <section class="story-cite">
+        <a href="#"><h6>Apple Pay Rival And Walmart-Backed MCX Hacked, User Emails Snatched</h6></a>
+        <cite class="cite-RM"><img src="#" alt="Image of author"><strong>Ryan Mac</strong>, Forbes Staff</cite>
+      </section>
+    </aside>
+
+    <!-- Social media links -->
+    <nav class="soc-nav">
+      <p>Follow Forbes</p>
+      <a href="#"><img src="#" alt="facebook icon"></a>
+      <a href="#"><img src="#" alt="twitter icon"></a>
+      <a href="#"><img src="#" alt="LinkdIn icon"></a>
+      <a href="#"><img src="#" alt="Google Plus icon"></a>
+      <a href="#"><img src="#" alt="Youtube icon"></a>
+    </nav>
+  </body>
+</html>
diff --git a/outline.pdf b/outline.pdf
new file mode 100644
index 0000000..0be3fae
Binary files /dev/null and b/outline.pdf differ
