A Photoshop CS5 PSD is attached.
This is the first page of many for a new website.
We're looking for someone capable of converting our PSDs to exact duplicates in HTML / CSS.
You can code it any way you wish as long as you can work with these five special instructions:
1 - The "Apply Coupon" and "Next Step" Buttons are to be form buttons. Code them as such. When they are clicked the button should move downward 1px and return to its normal position when the click is released. The button's movements should not upset any surrounding divs, etc.
2 - The "IGGYBANK" logo and "Refresh All Stats" button in the top left corner are not form buttons but should also move 1px downward when clicked. The buttons' movements should not upset any surrounding divs, etc.
3 - The gray tinted "First Name" and "Last Name" Input Boxes are static. They should only display static text and not accept new input.
4 - The "Timer" image just below the "Next Step" Button is an animated Gif to be used while the form is being submitted and the next page in this series is loading ( The next page will need to be converted to HTML in the near future ). You'll have to save the "Timer" folder as a Gif while you slice the PSD before adding it to your HTML.
5 - Two fonts are used throughout; "Merriweather" and "Calibri". Please use Google Fonts to import "Merriweather" and import "Droid Sans" to replace "Calibri".
*** If you've read this far we appreciate your time. Please type; "I READ IT ALL" in the subject of your bid and we'll give you priority. ***