169 lines
5.8 KiB
HTML
169 lines
5.8 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
|
|
<head>
|
|
|
|
<!--- Basic Page Needs
|
|
================================================== -->
|
|
<meta charset="utf-8">
|
|
<title>Now | Benjamin Harris</title>
|
|
<meta name="description" content="Benjamin Harris">
|
|
<meta name="author" content="Benjamin Harris">
|
|
<meta name="theme-color" content="#333333">
|
|
|
|
<!-- Mobile Specific Metas
|
|
================================================== -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<!-- CSS
|
|
================================================== -->
|
|
<link rel="stylesheet" href="/css/default.css">
|
|
<link rel="stylesheet" href="/css/layout.css">
|
|
<link rel="stylesheet" href="/css/media-queries.css">
|
|
<link rel="stylesheet" href="/css/magnific-popup.css">
|
|
|
|
<!-- Script
|
|
================================================== -->
|
|
<script src="/js/modernizr.js"></script>
|
|
|
|
<!-- Favicons
|
|
================================================== -->
|
|
<link rel="shortcut icon" href="/favicon.ico" >
|
|
|
|
<style>
|
|
header {
|
|
position: relative;
|
|
height: 600px;
|
|
min-height: 400px;
|
|
width: 100%;
|
|
background: #161415 url("/images/now-background.jpg") no-repeat top center;
|
|
background-size: cover !important;
|
|
-webkit-background-size: cover !important;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Header
|
|
================================================== -->
|
|
<header id="home">
|
|
|
|
<nav id="nav-wrap">
|
|
|
|
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
|
|
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
|
|
|
|
<ul id="nav" class="nav">
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/#about">About</a></li>
|
|
<li><a href="/#resume">Resume</a></li>
|
|
<li><a href="/#contact">Contact</a></li>
|
|
<li class="current"><a class="smoothscroll" href="#now">Now</a></li>
|
|
</ul> <!-- end #nav -->
|
|
|
|
</nav> <!-- end #nav-wrap -->
|
|
|
|
<div class="row banner">
|
|
<div class="banner-text">
|
|
<h1 class="responsive-headline">What I'm up to now</h1>
|
|
<!--<h3>This is what I'm working on <a class="smoothscroll" href="#now">now</a></h3>-->
|
|
<hr />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</header> <!-- Header End -->
|
|
|
|
|
|
<!-- Now Section
|
|
================================================== -->
|
|
<section id="resume">
|
|
|
|
<div class="row">
|
|
|
|
<div class="three columns">
|
|
|
|
<img class="profile-pic" src="/images/profilepic.jpg" alt="" />
|
|
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<h2>What I've been up to</h2>
|
|
|
|
<ul>
|
|
<li>• Living in Traverse City, MI</li>
|
|
<li>• Working at Hagerty Classic Car Insurance as a <del>Test Engineer</del> <ins>Developer</ins></li>
|
|
<li>• Learning C# and practicing Ruby</li>
|
|
<li>• Flying Drones</li>
|
|
<li>• Thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li>
|
|
<li>• We have a <a href="https://tilde.team/discord/">Discord server</a> now!</li>
|
|
<li>• Looking for open source projects to contribute to. <a href="mailto:ben@tilde.team">Hit me up</a> if you have any ideas or suggestions.</li>
|
|
</ul>
|
|
|
|
<p>Updated December 11th, 2017</p>
|
|
|
|
</div> <!-- end .main-col -->
|
|
|
|
</div>
|
|
|
|
</section> <!-- About Section End-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- footer
|
|
================================================== -->
|
|
<footer>
|
|
|
|
<div class="row">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<ul class="social social-links">
|
|
<li><a href="https://github.com/benharri"><i class="fa fa-github"></i></a></li>
|
|
<li><a href="https://gitlab.com/benharri"><i class="fa fa-gitlab"></i></a></li>
|
|
<li><a href="https://t.me/bharris"><i class="fa fa-paper-plane"></i></a></li>
|
|
<li><a href="https://facebook.com/bharrismac"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="https://twitter.com/nebsirrah"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="https://www.linkedin.com/in/benjaminhharris"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="https://instagram.com/benharr.is"><i class="fa fa-instagram"></i></a></li>
|
|
</ul>
|
|
<ul class="copyright">
|
|
<li>© Copyright 2017 Benjamin Harris</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
|
|
|
|
</div>
|
|
|
|
</footer> <!-- Footer End-->
|
|
|
|
<!-- Java Script
|
|
================================================== -->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="/js/jquery-1.10.2.min.js"><\/script>')</script>
|
|
<script type="text/javascript" src="/js/jquery-migrate-1.2.1.min.js"></script>
|
|
|
|
<script src="/js/jquery.flexslider.js"></script>
|
|
<script src="/js/waypoints.js"></script>
|
|
<script src="/js/jquery.fittext.js"></script>
|
|
<script src="/js/magnific-popup.js"></script>
|
|
<script src="/js/now.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|