Natours project

Goal

To create a site that implements css animation and examines how elements of browsers are effected by the new CSS that was being produced at the time. The site to be produced, looks like:

natours natours

The site focused on showing new hover effects to produced a clean and efficent UI and UX experience for the end user. To view the single page test site, click the link.

View Site

Responsive Slide Menu

Goal

This mini project was to examine and test responisve slide menus and determine if the code should be implemented in ongoing classes at university. The site looks like:

responsive slide menu

The site focused on showing the menu hover effect and a responsive top navigation to produce a clean and efficent UI and UX experience for the end user. To view the single page test site, click the link.

View Site

2x Splitscreen

Goal

This mini project was to examine and test a large screen responsive web landing page. The site was designed with the concept in mind that the final site was split into two distinct fields of experience. Though there was a unique UI element that broght a choice to focus before entering into the site. This was also one of my first forays into variables for css. The site looks like:

2 by splitscreen

The site focused on bringing a large screen into play based on mouse position on the users selection. To view the single page test site, click the link.

View Site

3x Splitscreen

Goal

This mini project was created to expand upon the splitscreen project shown above. Moving from a simple side to side splitscreen to a 3 way split of the screen. The site looks like:

3 by splitscreen

The site focused on bringing a large screen into play based on mouse position on the users selection. To view the single page test site, click the link.

View Site