foundations/index.html at master · charlessipe/foundations · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>How Things Work</title>
</head>
<body>
  <header>
    <!-- logo, site name, main nav-->
    <img src="images/spacecraft-digital-logo.png" alt="charles' logo" >
    <h1>Charles' Technical Wizardry</h1>
    <nav>
      <a href="#">Other Page</a>
    </nav>
  <article>
  	<!-- headline, article -->
  	<h2>How Stuf Works</h2>
  	<p>Things work like stuff.</p>
  	<blockquote>"I love stuff." -Albert Einstein
  	</blockquote>
  	<p>The world is full of stuff</p>

    <figure>
      <img src="images/glasses.png">
      <figcaption>The first glasses!</figcaption>
    </figure>
  </article>
  <aside>
    <!-- author blurb, img, links -->
    <img src="" alt="author is shockingly attractive">
    <p>Bio stuff</p>
    <ul>
      <li><a href="#">Steve Jobs</a></li>
      <li>Kobe Bryant</li>
      <li>Jiro</li>
    </ul>
  </aside>
  <footer>
    <!-- copyright info, contact info -->
    <p>Copyright 2014 <a href="mailto:charles@yahoo.com">Charles the Frog.</a></p>
  </footer>
</body>

</html>