diff options
Diffstat (limited to 'now/index.html')
| -rw-r--r-- | now/index.html | 165 |
1 files changed, 165 insertions, 0 deletions
diff --git a/now/index.html b/now/index.html new file mode 100644 index 0000000..cf0e96e --- /dev/null +++ b/now/index.html @@ -0,0 +1,165 @@ + +<!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 Test Engineer</li> + <li>• Learning <a href="//elixir-lang.org">Elixir</a> and <a href="http://phoenixframework.org">Phoenix Framework</a></li> + <li>• Flying Drones</li> + <li>• Thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li> + <li>• Looking for open source projects to contribute to. <a href="mailto:mail@benharr.is">Hit me up</a> if you have any ideas or suggestions.</li> + </ul> + + </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://gitlab.com/benharri"><i class="fa fa-gitlab"></i></a></li> + <li><a href="https://github.com/benharri"><i class="fa fa-github"></i></a></li> + <li><a href="https://t.me/benharris"><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/bharrismac"><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> + |