added links to home, portfolio, about pages, added structure to the m…

…ain tag, header and footer, added lorem ipsum
Ada-C7 · Mar 19, 2017 · cc425f0 · cc425f0
1 parent 2744793
commit cc425f0
Showing 1 changed file with 46 additions and 1 deletion.
diff --git a/html/portfolio.html b/html/portfolio.html
@@ -2,9 +2,54 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title></title>
+    <title>Portfolio</title>
+    <link rel="stylesheet" href="../stylesheets/normalize.css">
+    <link rel="stylesheet" href="../stylesheets/styles.css">
+    <link rel="stylesheet" href="../stylesheets/styles_portfolio.css">
   </head>
+
   <body>
+    <header class="header-and-footer">
+      <a id="home" href="index.html"> Home </a>
+      <nav>
+        <ul>
+          <li><a href="about.html"> About </a></li>
+          <li><a href="porfolio.html"> Portfolio </a></li>
+          <li><a href="#journal"> Journal </a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <main class="project-group">
+      <h3>My Projects</h3>
+      <section class="project-list">
+        <article>
+          <div>
+            <img src="../assets/scrabble-heap.png" alt="Scrabble Tiles" />
+          </div>
+          <p>
+            Lorem ghetto dolizzle pimpin' amizzle, izzle adipiscing elit. You son of a bizzle sapizzle velizzle, uhuh ... yih! volutpizzle, suscipizzle fo shizzle, gravida pot, arcu. Pellentesque gangster tortizzle. Sed erizzle. Gizzle izzle dolizzle check it out crackalackin tempizzle tempor. For sure pellentesque nibh et turpis. Shiznit izzle tortor. Pellentesque hizzle rhoncus mofo. In hac habitasse gangster dictumst. Donec dapibizzle. Curabitizzle tellizzle urna, boofron fo shizzle my nizzle, mattizzle boom shackalack, mah nizzle, nunc. My shizz mofo. Integer sempizzle i'm in the shizzle doggy purus.
+          </p>
+        </article>
+
+        <article>
+          <div>
+              <img src="../assets/car-share.png" alt="Car" />
+          </div>
+          <p>
+            Maecenas at mi. Its fo rizzle eros. Prizzle condimentizzle, turpis nizzle congue consectetuer, rizzle libero consequat purus, bow wow wow fo shizzle ass mi daahng dawg quizzle. Ghetto shiz nizzle. Mah nizzle fo shizzle my nizzle lectizzle, crazy sizzle, ornare volutpizzle, sheezy izzle, mah nizzle. Proin sizzle urna. Crizzle condimentizzle hizzle in nibh. Bling bling boom shackalack euismizzle sheezy. Away ultrices fo my shizz shit. Etiam pot sure mi. Rizzle maurizzle. Sizzle nisl crackalackin, euismod shizznit, eleifend sed, malesuada vizzle, nisi. Stuff tellivizzle consectetuer gangster.
+          </p>
+        </article>
+      </section>
+    </main>
 
+    <footer class="header-and-footer" id="footer">
+      <h4 id="copyright"> &copy; Alena Messmer 2017 </h4>
+      <nav>
+        <ul>
+          <li> <a href="#home"> Contact </a></li>
+        </ul>
+      </nav>
+    </footer>
   </body>
 </html>