mirror of
https://git.henryfjordan.com/henry/web
synced 2019-01-16 02:39:46 +00:00
195 lines
8.0 KiB
HTML
195 lines
8.0 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<!--
|
||
|
|
Miniport by HTML5 UP
|
||
|
|
html5up.net | @n33co
|
||
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Henry Jordan</title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
||
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
|
||
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
|
||
|
|
|
||
|
|
<script>
|
||
|
|
(function(i, s, o, g, r, a, m) {
|
||
|
|
i['GoogleAnalyticsObject'] = r;
|
||
|
|
i[r] = i[r] || function() {
|
||
|
|
(i[r].q = i[r].q || []).push(arguments)
|
||
|
|
}, i[r].l = 1 * new Date();
|
||
|
|
a = s.createElement(o),
|
||
|
|
m = s.getElementsByTagName(o)[0];
|
||
|
|
a.async = 1;
|
||
|
|
a.src = g;
|
||
|
|
m.parentNode.insertBefore(a, m)
|
||
|
|
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||
|
|
|
||
|
|
ga('create', 'UA-104914272-1', 'auto');
|
||
|
|
ga('send', 'pageview');
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- Nav
|
||
|
|
<nav id="nav">
|
||
|
|
<ul class="container">
|
||
|
|
<li><a href="#top">Top</a></li>
|
||
|
|
<li><a href="#work">Work</a></li>
|
||
|
|
<li><a href="#portfolio">Portfolio</a></li>
|
||
|
|
<li><a href="#contact">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
-->
|
||
|
|
|
||
|
|
<!-- Home -->
|
||
|
|
<div class="wrapper style1 first">
|
||
|
|
<article class="container" id="top">
|
||
|
|
<div class="row">
|
||
|
|
<div class="4u 12u(mobile)">
|
||
|
|
<span class="image fit"><img src="images/me.jpg" alt="" /></span>
|
||
|
|
</div>
|
||
|
|
<div class="8u 12u(mobile)">
|
||
|
|
<header>
|
||
|
|
<h1>Hi, I'm <strong>Henry Jordan</strong>!</h1>
|
||
|
|
</header>
|
||
|
|
<p>I am a <strong>Computer Engineer</strong> living and working in <strong>Los Angeles</strong>.</p>
|
||
|
|
|
||
|
|
<hr />
|
||
|
|
|
||
|
|
<ul class="social">
|
||
|
|
<li><a href="http://facebook.com/henryfjordan" class="icon fa-facebook" style="font-size: 64px"><span class="label">Facebook</span></a></li>
|
||
|
|
<li><a href="http://github.com/henryfjordan" class="icon fa-github"><span class="label">Github</span></a></li>
|
||
|
|
<li><a href="https://www.linkedin.com/pub/henry-jordan/9b/7b8/159" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
|
||
|
|
<li><a href="mailto:henryfjordan@gmail.com" class="icon fa-envelope"><span class="label">Email</span></a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Work -->
|
||
|
|
<div class="wrapper style2">
|
||
|
|
<article id="work">
|
||
|
|
<header>
|
||
|
|
<h2>My Skills</h2>
|
||
|
|
</header>
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="4u 12u(mobile)">
|
||
|
|
<section class="box style1">
|
||
|
|
<span class="icon featured fa-bolt"></span>
|
||
|
|
<h3>Hardware Design</h3>
|
||
|
|
<p>I have designed PCBs and worked on robotic systems, as well as written firmware for my hardware.</p>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="4u 12u(mobile)">
|
||
|
|
<section class="box style1">
|
||
|
|
<span class="icon featured fa-code"></span>
|
||
|
|
<h3>Software Engineering</h3>
|
||
|
|
<p>I have written programs in Python, Javascript, C++, MATLAB, and Java. I have created web apps in Django, Flask, and Express.</p>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="4u 12u(mobile)">
|
||
|
|
<section class="box style1">
|
||
|
|
<span class="icon featured fa-terminal"></span>
|
||
|
|
<h3>System Administration</h3>
|
||
|
|
<p>I am proficient in Windows, OSX, and Linux. I am most familiar with Gentoo and Ubuntu Linux.</p>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Portfolio -->
|
||
|
|
<div class="wrapper style3">
|
||
|
|
<article id="portfolio">
|
||
|
|
<header>
|
||
|
|
<h2>My Resume</h2>
|
||
|
|
<p>For a better idea of my skillset, take a look below!</p>
|
||
|
|
</header>
|
||
|
|
<p>
|
||
|
|
<iframe src="/ViewerJS/#../resume-updated.pdf" width='100%' height='500' allowfullscreen webkitallowfullscreen></iframe>
|
||
|
|
</p>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Contact -->
|
||
|
|
<div class="wrapper style4">
|
||
|
|
<article id="contact" class="container 75%">
|
||
|
|
<header>
|
||
|
|
<h2>Contact Me</h2>
|
||
|
|
<p>Send me a message by either using the form below or emailing me at <a href="mailto:henryfjordan@gmail.com">henryfjordan@gmail.com</a></p>
|
||
|
|
</header>
|
||
|
|
<div>
|
||
|
|
<div id="formwrapper2" class="row">
|
||
|
|
<div id="formwrapper" class="12u">
|
||
|
|
<div id="formwrapper3">
|
||
|
|
<form id="contactform" method="post" action="/api/contact/">
|
||
|
|
<div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="6u 12u(mobile)">
|
||
|
|
<input type="text" name="name" id="name" placeholder="Name" />
|
||
|
|
</div>
|
||
|
|
<div class="6u 12u(mobile)">
|
||
|
|
<input type="text" name="email" id="email" placeholder="Email" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="12u">
|
||
|
|
<textarea name="message" id="message" placeholder="Message"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row 200%">
|
||
|
|
<div class="12u">
|
||
|
|
<ul class="actions">
|
||
|
|
<li>
|
||
|
|
<input type="submit" value="Send Message" />
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<footer>
|
||
|
|
<ul id="copyright">
|
||
|
|
<li>© Henry Jordan. All rights reserved.</li>
|
||
|
|
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||
|
|
</ul>
|
||
|
|
</footer>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Scripts -->
|
||
|
|
<script src="assets/js/jquery.min.js"></script>
|
||
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
||
|
|
<script src="assets/js/skel.min.js"></script>
|
||
|
|
<script src="assets/js/skel-viewport.min.js"></script>
|
||
|
|
<script src="assets/js/util.js"></script>
|
||
|
|
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
|
||
|
|
<script src="assets/js/main.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
$('#contactform').submit(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
$.post('/api/contact/', $('#contactform').serialize(), function(data, textStatus) {
|
||
|
|
$('#formwrapper3').html(data);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|