sebdeckers · December 16, 2015 04:59
diff --git a/structure.html b/structure.html
 <!DOCTYPE html>
 <html>
 <head>
  <title>My Profile</title>
  <link rel="stylesheet" href="styles/app.css" />
  <script src="scripts/app.js"></script>
 </head>
 <body>

 <header>
  <h1>Sebastiaan's Profile Page</h1>
  <cite>I'm not a mango.</cite>
  <img src="https://twimg0-a.akamaihd.net/profile_images/1586178120/image_bigger.jpg" alt="Glamour Shot">
 </header>
 <section>
  <H2>Navigation Menu</H2>
  <ul>
    <li><a href=".">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="mailto:[email protected]">Email</a></li>
  </ul>
 </section>
 <section>
  <h2>My Favourite Games</h2>
  <ol>
    <li>
      <h3>StarCraft 2</h3>
      <p>I play Zerg in Diamond league. GL HF</p>
    </li>
    <li>
      <h3>Counter Strike</h3>
      <p>Come at me bro.</p>
    </li>
    <li>
      <h3>Quake III Arena</h3>
      <p>And oldie but a goodie.</p>
    </li>
  </ol>
 </section>
 <section>
  <h2>Blog Posts</h2>
  <article>
    <h3>Proin ornare ligula</h3>
    <div class="timestamp">Apr 13</div>
    <p>Fusce a metus eu diam varius congue nec nec sapien. Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue. Nunc convallis accumsan justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec malesuada vehicula lectus, viverra sodales ipsum gravida nec. Integer gravida nisi ut magna mollis molestie. Nullam pharetra accumsan sagittis. Proin tristique rhoncus orci, eget vulputate nisi sollicitudin et. Quisque lacus augue, mollis non mollis et, ullamcorper in purus. Morbi et sem orci. Praesent accumsan odio in ante ullamcorper id pellentesque mauris rhoncus. Duis vitae neque dolor. Duis sed purus at eros bibendum cursus nec a nulla. Donec turpis quam, ultricies id pretium sit amet, gravida eget leo.</p>
  </article>
  <article>
    <h3>Nullam commodo neque</h3>
    <div class="timestamp">Mar 26</div>
    <p>Fusce a metus eu diam varius congue nec nec sapien. Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue. Nunc convallis accumsan justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec malesuada vehicula lectus, viverra sodales ipsum gravida nec. Integer gravida nisi ut magna mollis molestie. Nullam pharetra accumsan sagittis. Proin tristique rhoncus orci, eget vulputate nisi sollicitudin et. Quisque lacus augue, mollis non mollis et, ullamcorper in purus. Morbi et sem orci. Praesent accumsan odio in ante ullamcorper id pellentesque mauris rhoncus. Duis vitae neque dolor. Duis sed purus at eros bibendum cursus nec a nulla. Donec turpis quam, ultricies id pretium sit amet, gravida eget leo.</p>
  </article>
  <article>
    <h3>Proin ornare ligula</h3>
    <div class="timestamp">Mar 7</div>
    <p>Proin suscipit luctus orci placerat fringilla. Donec hendrerit laoreet risus eget adipiscing. Suspendisse in urna ligula, a volutpat mauris. Sed enim mi, bibendum eu pulvinar vel, sodales vitae dui. Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.</p>
  </article>
  <article>
    <h3>Nullam commodo neque</h3>
    <div class="timestamp">Feb 18</div>
    <p>Proin ornare ligula eu tellus tempus elementum. Aenean bibendum iaculis mi, nec blandit lacus interdum vitae. Vestibulum non nibh risus, a scelerisque purus. Ut vel arcu ac tortor adipiscing hendrerit vel sed massa. Fusce sem libero, lacinia vulputate interdum non, porttitor non quam. Aliquam sed felis ligula. Duis non nulla magna.</p>
  </article>
  <article>
    <h3>Integer elementum massa</h3>
    <div class="timestamp">Jan 4</div>
    <p>In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. In aliquet facilisis condimentum. Donec at orci orci, a dictum justo. Sed a nunc non lectus fringilla suscipit. Vivamus pretium sapien sit amet mauris aliquet eleifend vel vitae arcu. Fusce pharetra dignissim nisl egestas pretium.</p>
  </article>
 </section>
 <footer>
  <p>This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.</p>
  <a href="privacy.html">Privacy Terms</a>
 </footer>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>My Profile</title>
	<link rel="stylesheet" href="styles/app.css" />
	<script src="scripts/app.js"></script>
	</head>
	<body>

	<header>
	<h1>Sebastiaan's Profile Page</h1>
	<cite>I'm not a mango.</cite>
	<img src="https://twimg0-a.akamaihd.net/profile_images/1586178120/image_bigger.jpg" alt="Glamour Shot">
	</header>
	<section>
	<H2>Navigation Menu</H2>
	<ul>
	<li><a href=".">Home</a></li>
	<li><a href="about.html">About</a></li>
	<li><a href="mailto:[email protected]">Email</a></li>
	</ul>
	</section>
	<section>
	<h2>My Favourite Games</h2>
	<ol>
	<li>
	<h3>StarCraft 2</h3>
	<p>I play Zerg in Diamond league. GL HF</p>
	</li>
	<li>
	<h3>Counter Strike</h3>
	<p>Come at me bro.</p>
	</li>
	<li>
	<h3>Quake III Arena</h3>
	<p>And oldie but a goodie.</p>
	</li>
	</ol>
	</section>
	<section>
	<h2>Blog Posts</h2>
	<article>
	<h3>Proin ornare ligula</h3>
	<div class="timestamp">Apr 13</div>
	<p>Fusce a metus eu diam varius congue nec nec sapien. Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue. Nunc convallis accumsan justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec malesuada vehicula lectus, viverra sodales ipsum gravida nec. Integer gravida nisi ut magna mollis molestie. Nullam pharetra accumsan sagittis. Proin tristique rhoncus orci, eget vulputate nisi sollicitudin et. Quisque lacus augue, mollis non mollis et, ullamcorper in purus. Morbi et sem orci. Praesent accumsan odio in ante ullamcorper id pellentesque mauris rhoncus. Duis vitae neque dolor. Duis sed purus at eros bibendum cursus nec a nulla. Donec turpis quam, ultricies id pretium sit amet, gravida eget leo.</p>
	</article>
	<article>
	<h3>Nullam commodo neque</h3>
	<div class="timestamp">Mar 26</div>
	<p>Fusce a metus eu diam varius congue nec nec sapien. Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue. Nunc convallis accumsan justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec malesuada vehicula lectus, viverra sodales ipsum gravida nec. Integer gravida nisi ut magna mollis molestie. Nullam pharetra accumsan sagittis. Proin tristique rhoncus orci, eget vulputate nisi sollicitudin et. Quisque lacus augue, mollis non mollis et, ullamcorper in purus. Morbi et sem orci. Praesent accumsan odio in ante ullamcorper id pellentesque mauris rhoncus. Duis vitae neque dolor. Duis sed purus at eros bibendum cursus nec a nulla. Donec turpis quam, ultricies id pretium sit amet, gravida eget leo.</p>
	</article>
	<article>
	<h3>Proin ornare ligula</h3>
	<div class="timestamp">Mar 7</div>
	<p>Proin suscipit luctus orci placerat fringilla. Donec hendrerit laoreet risus eget adipiscing. Suspendisse in urna ligula, a volutpat mauris. Sed enim mi, bibendum eu pulvinar vel, sodales vitae dui. Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.</p>
	</article>
	<article>
	<h3>Nullam commodo neque</h3>
	<div class="timestamp">Feb 18</div>
	<p>Proin ornare ligula eu tellus tempus elementum. Aenean bibendum iaculis mi, nec blandit lacus interdum vitae. Vestibulum non nibh risus, a scelerisque purus. Ut vel arcu ac tortor adipiscing hendrerit vel sed massa. Fusce sem libero, lacinia vulputate interdum non, porttitor non quam. Aliquam sed felis ligula. Duis non nulla magna.</p>
	</article>
	<article>
	<h3>Integer elementum massa</h3>
	<div class="timestamp">Jan 4</div>
	<p>In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. In aliquet facilisis condimentum. Donec at orci orci, a dictum justo. Sed a nunc non lectus fringilla suscipit. Vivamus pretium sapien sit amet mauris aliquet eleifend vel vitae arcu. Fusce pharetra dignissim nisl egestas pretium.</p>
	</article>
	</section>
	<footer>
	<p>This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.</p>
	<a href="privacy.html">Privacy Terms</a>
	</footer>

	</body>
	</html>