<!DOCTYPE HTML>
<html>
	<head>
		<!-- META -->
		<title>AlanBeam.net</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />

		<!-- CSS -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,600,700" rel="stylesheet" />
                <link rel="stylesheet" href="css/skel-noscript.css" />
                <link rel="stylesheet" href="css/style.css" />
                <link rel="stylesheet" href="css/style-desktop.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
		<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
	</head>
	<body>
		<!-- Nav -->
		<nav id="nav">
			<ul class="container">
				<li><a href="#top">Top</a></li>
				<li><a href="#portfolio">Portfolio</a></li>
				<li><a href="#contact">Contact</a></li>
			</ul>
		</nav>

		<!-- Home -->
		<div class="wrapper wrapper-style1 wrapper-first">
			<article class="container" id="top">
				<div class="row">
					<div class="4u">
						<span class="me image image-full"><img src="images/me.jpg" alt="Alan Beam" /></span>
					</div>
					<div class="8u">
						<header>
							<h1>Welcome to <strong>AlanBeam.net</strong></h1>						</header>
						<p>I am Alan Beam:<br />- a follower of Christ<br />- a husband<br />- a father of two<br />- a web developer</p>						<a href="http://utalan.inventive.io/" class="button button-big">See my portfolio</a>
					</div>
				</div>
			</article>
		</div>
		<!-- Contact -->
		<div class="wrapper wrapper-style4">
			<article id="contact" class="container small">
				<header>
					<h2>Want to hire me? Get in touch!</h2>
					<span></span>
				</header>
				<div>
					<div class="row">
						<div class="12u">
							<form method="post" action="#" id="contact_form">
								<div id="result"></div>
								<div>
									<div class="row half">
										<div class="6u">
											<input type="text" name="name" id="name" placeholder="Name" />
										</div>
										<div class="6u">
											<input type="text" name="email" id="email" placeholder="Email" />
										</div>
									</div>
									<div class="row half">
										<div class="12u">
											<input type="text" name="subject" id="subject" placeholder="Subject" />
										</div>
									</div>
									<div class="row half">
										<div class="12u">
											<textarea name="message" id="message" placeholder="Message"></textarea>
										</div>
									</div>
									<div class="row">
										<div class="12u">
											<a href="#" class="button form-button-submit">Send Message</a>
											<a href="#" class="button button-alt form-button-reset">Clear Form</a>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
					<div class="row">
						<div class="12u">
							<hr />
							<h3>Find me on ...</h3>
							<ul class="social">
								<li class="github"><a href="http://github.com/UTAlan" class="fa fa-github"><span>Github</span></a></li>
								<li class="twitter"><a href="http://twitter.com/UTAlan" class="fa fa-twitter"><span>Twitter</span></a></li>
								<li class="facebook"><a href="http://facebook.com/UTAlan" class="fa fa-facebook"><span>Facebook</span></a></li>
								<li class="linkedin"><a href="https://linkedin.com/profile/view?id=40014554" class="fa fa-linkedin"><span>LinkedIn</span></a></li>
								<li class="googleplus"><a href="https://plus.google.com/+AlanBeam" class="fa fa-google-plus"><span>Google+</span></a></li>
							</ul>
							<hr />
						</div>
					</div>
				</div>
				<footer>
					<ul id="copyright">
						<li>&copy; 2006 - 2016 Alan Beam</li>
					</ul>
				</footer>
			</article>
		</div>

		<!-- JAVASCRIPT -->
		<script src="js/jquery.min.js"></script>
		<script src="js/config.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/custom.js"></script>
		<!--<noscript>
			<link rel="stylesheet" href="css/skel-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>-->
	</body>
</html>
