CSS Cuting needed for the attached psd file following the given practises
## Deliverables
Generality :
- All the files of this project will be send by another way than vworker because the size is too big.
- Use Arial font
- Create all the pages from all pdf presents in the different folder
- Put all the html pages created by you in the same folder
- keep the same name for the page than the pdf file names
- Use jquery for all the js developpement.
- Create a sub-menu on mouseover on the menu
- the background of the web site is white
Specificity :
**HOME/[login to view URL]**
- The picture is an automatic diaporama with no effect for transitions with 3 differents images
**ResidentialSearchResult/****[login to view URL]**
- The images are links
**ResidentialPropertyDetails/[login to view URL]**
- in the diaporama, the text under the big image must change with the image, take care that we will put this text dynamically associate with each image.
- The map Google must be dynamique (let the possibility to call your script with an adress parameter)
- Share this must share the url of the page on each social network, the first icone (Envelope) must open a nice popup with a little form to send to a friend the url by email.
\---|\---|\---|\---|\---|\---|\---| ALSO \---|\---|\---|\---|\---|\---|\---|\---|\---|-
We need also the following rules to be applied:
- The work has to be 100% W3C compliant
- The web page, once cut, has to look exactly like the PSD given,
- It must display the same in 1024 and above in IE7, IE8, IE9, Chrome, and FF at least.
- The cutting has to follow the logical blocs of the page.
- The cutting has to be "complete" which means :
. all the text has to be real text, not images,
. photos have to be isolately cut (because photos are dynamic actually),
. forms elements such as input, checkbox, radio button, select have to be HTML, not images or drawings,
- The cutting has to be elastic in height,
- No iframe nor frame must be used,
- No javascript for rollover, submenus, etc. except if absolutely necessary, just CSS,
- Please provide PSD for buttons or text in images,
- Only one style sheet, not one per page,
- Please respect the color of background,
- The page has the same width than the psd, everything that is on the right or on the left is in this background.
- The titles or sub titles of the pages have to be as close as possible of thetag and use H1, H2, etc.
- Please use the following doctype: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[login to view URL]"> < html xmlns="[login to view URL]"> < head> < meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- All picture must be transparent and don't take the color background.