diff options
Diffstat (limited to 'index.php')
| -rw-r--r-- | index.php | 852 |
1 files changed, 426 insertions, 426 deletions
diff --git a/index.php b/index.php index 8065e6f..ba2888b 100644 --- a/index.php +++ b/index.php @@ -1,426 +1,426 @@ -<?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'; +<?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'; |