bakery/index.html at master · albaer/bakery · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Annie Baer</title>
	<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
	<link href='http://fonts.googleapis.com/css?family=Tauri' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<body>
	<div class="container clearfix">

	  <div id="logo" class="grid_4">
		<img src="img/personal_nighthawk_logo.png" alt="Nighthawk">
	  </div>

	  <div class="grid_8 omega">
			<ul class="nav">
				<li><a href="#">About</a></li>
				<li><a href="#">Portfolio</a></li>
				<li><a href="#">Other Stuff</a></li>
				<li class="last"><a href="#">Contact Me</a></li>
			</ul>
	  </div>

		<div id="intro" class="grid_9">
			<h1>Check it out! I'm making a webpage. It's not that exciting yet, but at least it's an excuse to compile a few of my favorite silly hat pictures.</h1>
			<p><a href="#" class="btn">Mystery Button</a></p>
		</div>

    <div class="grid_3 omega">
		  <img src="img/wooden_puzzle.png" alt="Wooden Puzzle">
		</div>

		<div id="something-i-love" class="grid_7">
			<h2>Something I love</h2>
			<p>I love puzzles of all kinds: regular puzzles, spatial reasoning puzzles, logic puzzles, and pretty much anything else you can think of. </p>
			<img src="img/puzzling.png" alt="Puzzling">
		</div>

		<div id="something-quirky" class="grid_5 omega">
	    <h2>Something Quirky</h2>
	    <p>I approve of any and all opportunities to wear silly hats or other ridiculous headgear.</p>
	    <img src="img/silly_hats_newyears.png" alt="Silly hats on on New Year's Eve">
	    <img src="img/silly_hats_halloween.jpg" alt="Silly hats on Halloween">
      <img src="img/silly_hats_unc.jpg" alt="Silly hats at UNC" style="float:right">
		</div>


		<div class="grid_7">
		  <h2>Credit Where Credit Is Due</h2>
		  <p>I feel like I should be honest and admit that silly hats are really Kevin Kiley's thing. He's usually the instigator and owns most of the hats in the pictures. Special thanks to Rachael Mossey, whose mom actually made the unicorn and dragon headgear.</p>
      <p><a href="#" class="btn-small">Read More</a></p>
    </div>

    <div class="grid_5 omega">
		  <h2>Mysterious Contact Information</h2>

		  <div id="contact">
		    <p>Call us: <span>1-719-266-2837</span><br>
		    	Email us: <a href="#">actuallydont@domain.com</a></p>
		  </div>

		  <p>You should absolutely call that phone number.</p>
		  <a href="http://www.facebook.com/hallandoates"><img src="img/facebook_logo.gif" alt="Facebook"></a>
		  <a href="https://twitter.com/callinoates"><img src="img/twitter_logo.png" alt="Twitter"></a>
	  </div>

	  <div id="copyright" class="grid_12">
	  	<p>&copy; 2014 Anne Baer. All rights reserved.</p>
	  </div>

  </div>
</body>
</html>