427 lines
14 KiB
PHP
427 lines
14 KiB
PHP
<?php
|
|
include 'header.php';
|
|
?>
|
|
<!-- 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 class="current">
|
|
<a class="smoothscroll" href="#home">Home</a>
|
|
</li>
|
|
<li>
|
|
<a class="smoothscroll" href="#about">About</a>
|
|
</li>
|
|
<li>
|
|
<a class="smoothscroll" href="#resume">Resume</a>
|
|
</li>
|
|
<li>
|
|
<a class="smoothscroll" href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
<!-- end #nav -->
|
|
|
|
</nav>
|
|
<!-- end #nav-wrap -->
|
|
|
|
<div class="row banner">
|
|
<div class="banner-text">
|
|
<h1 class="responsive-headline">Hello,
|
|
<br>I'm Benjamin Harris</h1>
|
|
<hr>
|
|
<h3>
|
|
<a class="smoothscroll" href="#about">I'm a Michigan-based software developer. Scroll down to learn more.</a>
|
|
</h3>
|
|
<hr />
|
|
<?php include 'social.html'; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="scrolldown">
|
|
<a class="smoothscroll" href="#about">
|
|
<i class="icon-down-circle"></i>
|
|
</a>
|
|
</p>
|
|
|
|
</header>
|
|
<!-- Header End -->
|
|
|
|
|
|
<!-- About Section
|
|
================================================== -->
|
|
<section id="about">
|
|
|
|
<div class="row">
|
|
|
|
<div class="three columns">
|
|
|
|
<img class="profile-pic" src="images/profilepic.jpg" alt="" />
|
|
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<h2>About Me</h2>
|
|
|
|
<p>I studied computer science at Northern Michigan University. I'm into full-stack web development. I love to
|
|
travel and have lived in Ecuador and Switzerland.
|
|
</p>
|
|
|
|
<p>Check out what I'm up to
|
|
<a href="/now">now</a>.</p>
|
|
|
|
<div class="row">
|
|
|
|
<div class="columns download">
|
|
<p>
|
|
<a href="/resume.pdf" class="button">
|
|
<i class="fa fa-download"></i>Download/View Resume</a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
</div>
|
|
<!-- end .main-col -->
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<!-- About Section End-->
|
|
|
|
|
|
<!-- Resume Section
|
|
================================================== -->
|
|
<section id="resume">
|
|
|
|
<!-- Education
|
|
----------------------------------------------- -->
|
|
<div class="row education">
|
|
|
|
<div class="three columns header-col">
|
|
<h1>
|
|
<span>Education</span>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Northern Michigan University</h3>
|
|
<p class="info">Bachelor of Arts - Computer Science/Economics double major, Mathematics minor
|
|
<span>•</span>
|
|
<em class="date">August 2013 - May 2017</em>
|
|
</p>
|
|
|
|
<p>
|
|
Standard Computer Science curriculum with an emphasis on Test-Driven development, agile development, and sturdy, maintainable
|
|
code.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- item end -->
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Zurich University of Applied Sciences (ZHAW)</h3>
|
|
<p class="info">Study Abroad Exchange Semester
|
|
<span>•</span>
|
|
<em class="date">February - July 2015</em>
|
|
</p>
|
|
|
|
<p>
|
|
Continued Computer Science coursework in German.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- item end -->
|
|
|
|
</div>
|
|
<!-- main-col end -->
|
|
|
|
</div>
|
|
<!-- End Education -->
|
|
|
|
|
|
<!-- Work
|
|
----------------------------------------------- -->
|
|
<div class="row work">
|
|
|
|
<div class="three columns header-col">
|
|
<h1>
|
|
<span>Work</span>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Hagerty Insurance Agency</h3>
|
|
<p class="info">Developer
|
|
<span>•</span>
|
|
<em class="date">December 2017 - Present</em>
|
|
</p>
|
|
|
|
<p>
|
|
Work on the Automation release train to improve business processes across the board.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- item end -->
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Hagerty Insurance Agency</h3>
|
|
<p class="info">Test Engineer
|
|
<span>•</span>
|
|
<em class="date">June - December 2017</em>
|
|
</p>
|
|
|
|
<p>
|
|
Work on the Apps Development team to improve processes, verify code changes, and collaborate with business stakeholders to
|
|
ensure software results and performance.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- item end -->
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Northern Michigan University</h3>
|
|
<p class="info">Student Programmer, Business Intelligence/Information Systems
|
|
<span>•</span>
|
|
<em class="date">May 2014 - May 2017</em>
|
|
</p>
|
|
|
|
<p>
|
|
Worked under Enterprise Software Director to build web applications meant for internal student and staff use. Gained skills
|
|
and experience in self-direction and full-stack web development, including PHP, Oracle SQL, jQuery,
|
|
and Bootstrap.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- item end -->
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Iron Fish Distillery</h3>
|
|
<p class="info">App Developer/Webmaster
|
|
<span>•</span>
|
|
<em class="date">June 2016 - Present</em>
|
|
</p>
|
|
|
|
<p>
|
|
Build and maintain several web applications for internal use. Also in charge of maintenance of the current Wordpress site.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- item end -->
|
|
|
|
</div>
|
|
<!-- main-col end -->
|
|
|
|
</div>
|
|
<!-- End Work -->
|
|
|
|
|
|
<!-- Skills
|
|
----------------------------------------------- -->
|
|
<div class="row skill">
|
|
|
|
<div class="three columns header-col">
|
|
<h1>
|
|
<span>Skills</span>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<p>There are some of my most notable skills:
|
|
</p>
|
|
|
|
<div class="bars">
|
|
|
|
<ul class="skills">
|
|
<li>
|
|
<span class="bar-expand php"></span>
|
|
<em>PHP</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand sql"></span>
|
|
<em>SQL</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand python"></span>
|
|
<em>python</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand cpp"></span>
|
|
<em>C++</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand jquery"></span>
|
|
<em>jQuery</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand unix-admin"></span>
|
|
<em>Unix Administration</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand git"></span>
|
|
<em>Git</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand unit-testing"></span>
|
|
<em>Unit Testing</em>
|
|
</li>
|
|
<li>
|
|
<span class="bar-expand bootstrap"></span>
|
|
<em>Bootstrap</em>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<!-- end skill-bars -->
|
|
|
|
</div>
|
|
<!-- main-col end -->
|
|
|
|
</div>
|
|
<!-- End skills -->
|
|
|
|
</section>
|
|
<!-- Resume Section End-->
|
|
|
|
|
|
|
|
<!-- Contact Section
|
|
================================================== -->
|
|
<section id="contact">
|
|
|
|
<div class="row section-head">
|
|
|
|
<div class="two columns header-col">
|
|
|
|
<h1>
|
|
<span>Get In Touch.</span>
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="ten columns">
|
|
|
|
<p class="lead">Let me know if you have any cool ideas or want to work together on something! Feel free to send me a message
|
|
on
|
|
<a href="https://t.me/bharris">Telegram</a> or send me an email with this form here.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="eight columns">
|
|
|
|
<!-- form -->
|
|
<form action="" method="post" id="contactForm" name="contactForm">
|
|
<fieldset>
|
|
|
|
<div>
|
|
<label for="contactName">Name
|
|
<span class="required">*</span>
|
|
</label>
|
|
<input type="text" value="" size="35" id="contactName" name="contactName">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="contactEmail">Email
|
|
<span class="required">*</span>
|
|
</label>
|
|
<input type="text" value="" size="35" id="contactEmail" name="contactEmail">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="contactSubject">Subject</label>
|
|
<input type="text" value="" size="35" id="contactSubject" name="contactSubject">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="contactMessage">Message
|
|
<span class="required">*</span>
|
|
</label>
|
|
<textarea cols="50" rows="15" id="contactMessage" name="contactMessage"></textarea>
|
|
</div>
|
|
|
|
<div>
|
|
<button class="submit">Submit</button>
|
|
<span id="image-loader">
|
|
<img alt="" src="images/loader.gif">
|
|
</span>
|
|
</div>
|
|
|
|
</fieldset>
|
|
</form>
|
|
<!-- Form End -->
|
|
|
|
<!-- contact-warning -->
|
|
<div id="message-warning"> Error boy</div>
|
|
<!-- contact-success -->
|
|
<div id="message-success">
|
|
<i class="fa fa-check"></i>Your message was sent, thank you!
|
|
<br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<aside class="four columns footer-widgets">
|
|
|
|
<div class="widget widget_contact">
|
|
|
|
<h4>Hi!</h4>
|
|
<p>I look forward to hearing from you!</p>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<!-- Contact Section End-->
|
|
|
|
|
|
<?php include 'footer.php';
|