CSS Zen Garden

Web Languages Used:

HTML, CSS

Software Used:

Adobe Fireworks, Photoshop, Dreamweaver

About the Project & Process:

This project was completed for a class assignment as a demonstration of CSS.

CSS Zen Garden is a website which encourages designers to take their unaltered html and style the page using only CSS.

Each student was given a word and could build any design based on that word. My word was keys. I tried to think of the most aesthetically pleasing use of the word. My mind went straight to piano keys. From there I created this site which I believe is a great example of how an everyday object can inspire a design without being a literal representation.

view site
CSS Zen Garden Whole Page