index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Andrew Larson | Designer</title>
		<link rel="stylesheet" href="css/normalize.css">
		<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/responsive.css">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
		<header>
			<a href="index.html" id="logo">
				<h1>Andrew Larson</h1>
				<h2>Designer</h2>
			</a>
			<nav>
				<ul>
					<li><a href="index.html" class="selected">Portfolio</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</nav>
		</header>
		<div id="wrapper">
			<section>
				<ul id="gallery">
					<li>
						<a href="img/numbers-01.jpg">
							<img src="img/numbers-01.jpg" alt="not opening">
							<p>Picture 1</p>
						</a>
					</li>
					<li>
						<a href="img/numbers-02.jpg">
							<img src="img/numbers-02.jpg" alt="not opening">
							<p>Picture 2</p>
						</a>
					</li>
					<li>
						<a href="img/numbers-06.jpg">
							<img src="img/numbers-06.jpg" alt="not opening">
							<p>Picture 3</p>
						</a>
					</li>
					<li>
						<a href="img/numbers-09.jpg">
							<img src="img/numbers-09.jpg" alt="not opening">
							<p>Picture 4</p>
						</a>
					</li>
					<li>
						<a href="img/numbers-12.jpg">
							<img src="img/numbers-12.jpg" alt="not opening">
							<p>Picture 5</p>
						</a>
					</li>
				</ul>
			</section>
			<footer>
				<a href="http://twitter.com/omgmakeme"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
				<a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
				<p>&copy; 2014 Andrew Larson</p>
			</footer>
		</div>
	</body>
</html>