In Progress

PSD to HTML + CSS

Please open the 2 attached JPEG files. I have them both in PSD and want them converted to HTML using clean and elegant CSS programming.

For example the top menu should be text labels (instead of an image) each with its icon via CSS background. I want all menu icons to be in a single PNG "sprite" so it only downloads once and is used in all buttons by just adjusting the top/left values. Each menu button must have an "off" version, a hover and an active, all using sprites and CSS background changes. All images are in the PSDs

Similarly, the lateral menu should be just the boxes with the white and green versions with shadow. The CMS will dynamically add the labels inside each of them. They should be as UL > LI so the CMS can add as many buttons as needed.

The header should be two layers of backgrounds, one with a basic texture and another on top with the "rays of light" so we can change those (we will add others like paint drops etc) all without having to download the entire big background.

Footer should always be at the bottom of the screen even if the content is short, like this: [url removed, login to view]

CSS and HTML should be CLEAN and efficient so please not copy another you have to modify and leave 300 lines of unused code. Likewise, as few nested elements as possible, for better SEO.

Skills: CSS, HTML, PSD to HTML, Website Design

See more: css lateral menu psd, website png icon, website icons png, website icon html, website footer design html code, ul com, psd to html code, psd images to html, psd 2 cms, programming html, programming backgrounds, png to icon, png psd icons, png download, menu icons png, li.be, li-be, icons without background, icons psd, icons html, icons for website download, icons for html design, icons design download, icons css, icon design elements

About the Employer:
( 73 reviews ) Crows Nest, Australia

Project ID: #1265096