From bf9a669417c91959a372ef729c01a53c934a82aa Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Wed, 20 Dec 2017 15:36:28 -0500 Subject: [PATCH] prettified html --- demo.html | 550 ---------------------------------------------------- footer.php | 40 ++-- header.html | 25 +-- index.php | 483 +++++++++++++++++++++++++++------------------ social.html | 48 ++++- 5 files changed, 369 insertions(+), 777 deletions(-) delete mode 100644 demo.html diff --git a/demo.html b/demo.html deleted file mode 100644 index 36c0944..0000000 --- a/demo.html +++ /dev/null @@ -1,550 +0,0 @@ - - - - - - - - - CeeVee - Free Responsive HTML5/CSS3 Template - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - -

- -

- -
- - -
- -
- -
- -

Style Demo.

- -

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum - deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate. - At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium. -

- -
- -
- -
- -
- -
- -

Paragraph and Image

- -

sample-image - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. - Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu - posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum - odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra - condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. - posuere nunc justo tempus leo.

- -

A link, - abbrebation, - strong text, - em text, - deleted text, and - this is a mark text. -

- -
- -
- -

Drop Caps

- -

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, - there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the - Semantics, a large language ocean. A small river named Duden flows by their place and supplies - it with the necessary regelialia. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu - posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum - odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra - condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. -

- -

Small Print

- -

Buy one widget, get one free! - (While supplies last. Offer expires on the vernal equinox. Not valid in Ohio.) -

- -
- -
- -
- -
- -
- -

Pull Quotes

- - - -
- -
- -

Block Quotes

- -
-

Your work is going to fill a large part of your life, and the only way to be truly satisfied is - to do what you believe is great work. And the only way to do great work is to love what you do. - If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. -

- - Steve Jobs - -
- -
-

Good design is as little design as possible.

- Dieter Rams -
- -
- -
- -
- -
- -
- -

Definition Lists

- -
a) Multi-line Definitions (default)
- -
-
This is a term
-
this is the definition of that term, which both live in a dl.
-
Another Term
-
And it gets a definition too, which is this line
-
This is a 2nd definition for a single term. A dt may be followed by multiple dds.
-
- -
b) Inline Definitions
- -
-
This is a term
-
this is the definition of that term, which both live in a dl.
-
Another Term
-
And it gets a definition too, which is this line
-
this is a 2nd definition for a single term.
-
Term
-
Other Defined Term
-
dt terms may stand on their own without an accompanying dd, but in that case they share descriptions with the next available dt. You may not have a dd without a parent dt.
-
- -
c) Dictionary-style Definition
- -
-
This is a term
-
this is the definition of that term, which both live in a dl.
-
Another Term
-
And it gets a definition too, which is this line
-
this is a 2nd definition for a single term.
-
Term
-
Other Defined Term
-
dt terms may stand on their own without an accompanying dd, but in that case they share descriptions with the next available dt. You may not have a dd without a parent dt.
-
- -
- -
- -

Example Lists

- -
    -
  1. Here is an example
    2. -
  2. of an ordered list
    3. -
- -
    -
  • Here is an example
    • -
  • of an unordered list
    • -
- -

Stats Tabs

- - - -

Headers

- -

H1 Heading

-

H2 Heading

-

H3 Heading

-

H4 Heading

-
H5 Heading
-
H6 Heading
- -
- -

button

- - This is a button - -
- -
- -
- -
- -
- -

Pagination

- - - -
- -
- -
- - - - -
- -
-

Columns

-
- -
- - - -
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
- - - -
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt, - viverra sed, nisl.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt, - viverra sed, nisl.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt, - viverra sed, nisl.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt, - viverra sed, nisl.

-
- -
- - - -
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
- - - -
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
- - - -
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at.

-
- -
-

Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, - nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum, - faucibus at, tincidunt eget, porttitor non, dolor.

-
- -
- -
- - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/footer.php b/footer.php index a3c932a..f887d58 100644 --- a/footer.php +++ b/footer.php @@ -1,10 +1,10 @@ - - + - - - - + + + - - - - - + + + + + - diff --git a/header.html b/header.html index 05664a2..5d35fc4 100644 --- a/header.html +++ b/header.html @@ -1,18 +1,21 @@ - + + + + - - + Benjamin Harris - + - @@ -23,18 +26,18 @@ - + - - + + - - - + diff --git a/index.php b/index.php index 8bf9ab5..cdbe8d9 100644 --- a/index.php +++ b/index.php @@ -1,323 +1,426 @@ - -
+
- + - + -

- -

+

+ + + +

-
+
+ - -
+
-
+
-
+
- + -
+
-
+
-

About Me

+

About Me

-

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. -

+

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. +

-

Check out what I'm up to now.

+

Check out what I'm up to + now.

-
+
-
-

- Download/View Resume -

-
+
+

+ + Download/View Resume +

+
-
+
+ -
+
+ -
+
-
+
+ - -
+
- -
+
-
-

Education

-
+
+

+ Education +

+
-
+
-
+
-
+
-

Northern Michigan University

-

Bachelor of Arts - Computer Science/Economics double major, Mathematics minor • August 2013 - May 2017

+

Northern Michigan University

+

Bachelor of Arts - Computer Science/Economics double major, Mathematics minor + • + August 2013 - May 2017 +

-

- Standard Computer Science curriculum with an emphasis on Test-Driven development, agile development, and sturdy, maintainable code. -

+

+ Standard Computer Science curriculum with an emphasis on Test-Driven development, agile development, and sturdy, maintainable + code. +

-
+
-
+
+ -
+
-
+
-

Zurich University of Applied Sciences (ZHAW)

-

Study Abroad Exchange Semester • February - July 2015

+

Zurich University of Applied Sciences (ZHAW)

+

Study Abroad Exchange Semester + • + February - July 2015 +

-

- Continued Computer Science coursework in German. -

+

+ Continued Computer Science coursework in German. +

-
+
-
+
+ -
+
+ -
+
+ - -
+
-
-

Work

-
+
+

+ Work +

+
-
+
-
+
-
+
-

Hagerty Insurance Agency

-

Developer • December 2017 - Present

+

Hagerty Insurance Agency

+

Developer + • + December 2017 - Present +

-

- Work on the Automation release train to improve business processes across the board. -

+

+ Work on the Automation release train to improve business processes across the board. +

-
+
-
+
+ -
+
-
+
-

Hagerty Insurance Agency

-

Test Engineer • June - December 2017

+

Hagerty Insurance Agency

+

Test Engineer + • + June - December 2017 +

-

- Work on the Apps Development team to improve processes, verify code changes, and collaborate with business stakeholders to ensure software results and performance. -

+

+ Work on the Apps Development team to improve processes, verify code changes, and collaborate with business stakeholders to + ensure software results and performance. +

-
+
-
+
+ -
+
-
+
-

Northern Michigan University

-

Student Programmer, Business Intelligence/Information Systems • May 2014 - May 2017

+

Northern Michigan University

+

Student Programmer, Business Intelligence/Information Systems + • + May 2014 - May 2017 +

-

- 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. -

+

+ 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. +

-
+
-
+
+ -
+
-
+
-

Iron Fish Distillery

-

App Developer/Webmaster • June 2016 - Present

+

Iron Fish Distillery

+

App Developer/Webmaster + • + June 2016 - Present +

-

- Build and maintain several web applications for internal use. Also in charge of maintenance of the current Wordpress site. -

+

+ Build and maintain several web applications for internal use. Also in charge of maintenance of the current Wordpress site. +

-
+
-
+
+ -
+
+ -
+
+ - -
+
-
-

Skills

-
+
+

+ Skills +

+
-
+
-

There are some of my most notable skills: -

+

There are some of my most notable skills: +

-
+
-
    -
  • PHP
    • -
  • SQL
    • -
  • python
    • -
  • C++
    • -
  • jQuery
    • -
  • Unix Administration
    • -
  • Git
    • -
  • Unit Testing
    • -
  • Bootstrap
    • -
+
    +
  • + + PHP +
    • +
  • + + SQL +
    • +
  • + + python +
    • +
  • + + C++ +
    • +
  • + + jQuery +
    • +
  • + + Unix Administration +
    • +
  • + + Git +
    • +
  • + + Unit Testing +
    • +
  • + + Bootstrap +
    • +
-
+
+ -
+
+ -
+
+ -
+
+ - -
+
-
+
-

Get In Touch.

+

+ Get In Touch. +

-

Let me know if you have any cool ideas or want to work together on something! Feel free to send me a message on Telegram or send me an email with this form here.

+

Let me know if you have any cool ideas or want to work together on something! Feel free to send me a message + on + Telegram or send me an email with this form here.

-
+
-
+
- -
-
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - - - -
+
+ + + + +
-
- +
+ + - -
Error boy
- -
- Your message was sent, thank you!
-
+ +
Error boy
+ +
+ Your message was sent, thank you! +
+
-
+
-
+
+ - -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +