diff options
| author | Ben Harris <bharris@hagerty.com> | 2017-12-20 15:36:28 -0500 |
|---|---|---|
| committer | Ben Harris <bharris@hagerty.com> | 2017-12-20 15:36:28 -0500 |
| commit | bf9a669417c91959a372ef729c01a53c934a82aa (patch) | |
| tree | dcbc37b9c1efb659cc60dd98f8afa56bded85a37 /index.php | |
| parent | 40cead1b80794717906009bd5670bd40c2c12260 (diff) | |
prettified html
Diffstat (limited to 'index.php')
| -rw-r--r-- | index.php | 515 |
1 files changed, 309 insertions, 206 deletions
diff --git a/index.php b/index.php index 8bf9ab5..cdbe8d9 100644 --- a/index.php +++ b/index.php @@ -1,323 +1,426 @@ <?php include 'header.html'; ?> - <!-- Header + <!-- 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> + <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> + <p class="scrolldown"> + <a class="smoothscroll" href="#about"> + <i class="icon-down-circle"></i> + </a> + </p> - </header> <!-- Header End --> + </header> + <!-- Header End --> - <!-- About Section + <!-- About Section ================================================== --> - <section id="about"> + <section id="about"> - <div class="row"> + <div class="row"> - <div class="three columns"> + <div class="three columns"> - <img class="profile-pic" src="images/profilepic.jpg" alt="" /> + <img class="profile-pic" src="images/profilepic.jpg" alt="" /> - </div> + </div> - <div class="nine columns main-col"> + <div class="nine columns main-col"> - <h2>About Me</h2> + <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>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> + <p>Check out what I'm up to + <a href="/now">now</a>.</p> - <div class="row"> + <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 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 row --> - </div> <!-- end .main-col --> + </div> + <!-- end .main-col --> - </div> + </div> - </section> <!-- About Section End--> + </section> + <!-- About Section End--> - <!-- Resume Section + <!-- Resume Section ================================================== --> - <section id="resume"> + <section id="resume"> - <!-- Education + <!-- Education ----------------------------------------------- --> - <div class="row education"> + <div class="row education"> - <div class="three columns header-col"> - <h1><span>Education</span></h1> - </div> + <div class="three columns header-col"> + <h1> + <span>Education</span> + </h1> + </div> - <div class="nine columns main-col"> + <div class="nine columns main-col"> - <div class="row item"> + <div class="row item"> - <div class="twelve columns"> + <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> + <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> + <p> + Standard Computer Science curriculum with an emphasis on Test-Driven development, agile development, and sturdy, maintainable + code. + </p> - </div> + </div> - </div> <!-- item end --> + </div> + <!-- item end --> - <div class="row item"> + <div class="row item"> - <div class="twelve columns"> + <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> + <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> + <p> + Continued Computer Science coursework in German. + </p> - </div> + </div> - </div> <!-- item end --> + </div> + <!-- item end --> - </div> <!-- main-col end --> + </div> + <!-- main-col end --> - </div> <!-- End Education --> + </div> + <!-- End Education --> - <!-- Work + <!-- Work ----------------------------------------------- --> - <div class="row work"> + <div class="row work"> - <div class="three columns header-col"> - <h1><span>Work</span></h1> - </div> + <div class="three columns header-col"> + <h1> + <span>Work</span> + </h1> + </div> - <div class="nine columns main-col"> + <div class="nine columns main-col"> - <div class="row item"> + <div class="row item"> - <div class="twelve columns"> + <div class="twelve columns"> - <h3>Hagerty Insurance Agency</h3> - <p class="info">Developer <span>•</span> <em class="date">December 2017 - Present</em></p> + <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> + <p> + Work on the Automation release train to improve business processes across the board. + </p> - </div> + </div> - </div> <!-- item end --> + </div> + <!-- item end --> - <div class="row item"> + <div class="row item"> - <div class="twelve columns"> + <div class="twelve columns"> - <h3>Hagerty Insurance Agency</h3> - <p class="info">Test Engineer <span>•</span> <em class="date">June - December 2017</em></p> + <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> + <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> - </div> <!-- item end --> + </div> + <!-- item end --> - <div class="row item"> + <div class="row item"> - <div class="twelve columns"> + <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> + <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> + <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> - </div> <!-- item end --> + </div> + <!-- item end --> - <div class="row item"> + <div class="row item"> - <div class="twelve columns"> + <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> + <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> + <p> + Build and maintain several web applications for internal use. Also in charge of maintenance of the current Wordpress site. + </p> - </div> + </div> - </div> <!-- item end --> + </div> + <!-- item end --> - </div> <!-- main-col end --> + </div> + <!-- main-col end --> - </div> <!-- End Work --> + </div> + <!-- End Work --> - <!-- Skills + <!-- 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="row skill"> - <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 class="three columns header-col"> + <h1> + <span>Skills</span> + </h1> + </div> - </div><!-- end skill-bars --> + <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> + <!-- main-col end --> - </div> <!-- End skills --> + </div> + <!-- End skills --> - </section> <!-- Resume Section End--> + </section> + <!-- Resume Section End--> - <!-- Contact Section + <!-- Contact Section ================================================== --> - <section id="contact"> + <section id="contact"> - <div class="row section-head"> + <div class="row section-head"> <div class="two columns header-col"> - <h1><span>Get In Touch.</span></h1> + <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> + <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> - <div class="row"> + <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> + <!-- 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"> + <div class="widget widget_contact"> - <h4>Hi!</h4> - <p>I look forward to hearing from you!</p> + <h4>Hi!</h4> + <p>I look forward to hearing from you!</p> - </div> + </div> </aside> - </div> - - </section> <!-- Contact Section End--> + </div> + </section> + <!-- Contact Section End--> -<?php include 'footer.php'; + <?php include 'footer.php'; |