Features
- Valid XHTML & CSS using tableless layout
- Drop down menus which also allow for a sub menu
- Jquery sliding Banner which comes with a layered PSD for each of the four backgrounds
- A very cool jQuery sliding product display that has automatic rotation and allows for user input
- Working and very functional contact form using jQuery validation but also has PHP validation for when there is no javascript
Included Photoshop Files
- Master File
- Logo
- Main Nav BG
- Heading Backgrounds
- All of the Bullets
- All of the Buttons
- and All of the Hover States
jQuery code
- Product Marketing Sliding Banner that has a menu on the right hand side and animates in/out background images on the left. The images allow for a url for each banner image.
- The sliding product display uses an automatic rotation every 10sec. When a user hovers the gallery the auto function stops and allows for user input. When the user hovers out, the timer restarts and the auto function begins. Each image in the gallery has url that can be set.
- The contact-us page uses jquery to validate, gather & send the data over to PHP and provide a nice animated success message. If the user doesn't have javascript then PHP will validate the form, send the email & provide a success message.
- For the drop down menus I used the superfish plugin & hoverIntent.js for a better effect.
Commented HTML code
Commented CSS code
Commented javascript code