Portfolio CSS/HTML

Hello and welcome. This is a collection of CSS/HTML projects that demonstrate: pixel perfect design, responsive breakpoints, fluid resizing, grid systems, responsive hamburger, and much more!

Fundamentals

Demo

A demonstration of the fundamentals of HTML/CSS such as positioning, display, and more.

Pixel Perfect & Responsive

Work Sample

Pixel perfect recreation of PSD file built with SASS. Responsive hamburger breakpoint, custom checkboxes, and more.

Company Site

A sample company site with mutliple responsive breakpoints and pages.

Nutrition Facts

Pixel perfect recreation of a nutrition facts label.

Sample Gallery

Sample of fluid resizing of a gallery of images.

Sample Catalog

Demonstration of a CSS modal.

Cloned Sites

These projects reflect my ability to reproduce the CSS of any website.

Nodebots

This is a static SASS clone of an older version of NodeBots main page. Has custom CSS robot head drawing.

RealtimeJS

This is an HTML/CSS clone of the Realtime Conference webpage.