summary refs log blame commit diff
path: root/index.php
blob: a05fe5ac1dd4270a19ff7a1ed4d2f12521b789f7 (plain) (tree)



















































































































































































































































































































                                                                                                                                                                                                                                                                 
<?php
include 'header.html';
?>
   <!-- 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>&bull;</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>&bull;</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">Test Engineer <span>&bull;</span> <em class="date">June 2017 - Present</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>&bull;</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>&bull;</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';