CSS Cuting needed for the attached psd file following the given practises
## Deliverables
Use jquery librarie and pluggin.
**Generality :**
- use the same font with @font-face than the psd (venus rising, monotype corsiva, arial)
**[login to view URL] :**
- the big image must be an image and not a background
- the layer "facebook" on the big image must be an animation
(slide from the right to the left and stop at the actual position), please make 2 different layer.
- "nos coups de coeur" is animate (the picture must change and the text also)
- "Ma recherche" :
Type de bien :
Indiff?rent (by d?fault)
Appartement
Maison
terrain
Immeuble
Box/Parking
Local commercial
Nbre de Pi?ce(s) :
1/2 Pi?ces
3 Pi?ces
4 Pi?ces
5 Pi?ces et+
Votre Budget Achat (when you click on the radio button "acheter") :
from - 100K? to +1 000 000? with step of +/- 50K?
Budget Location (when you click on the radio button "louer"):
from -500? to +2000? with step of +/-200?
- "Home staging offert*" , "ESTIMATION OPTIMALE GRATUITE" and "voir Nos r?alisations" are links.
**[login to view URL] :**
- put 9 items in the liste
- the select must have the values : Trier par prix ASC,Trier par prix DESC,Trier par date ASC,Trier par date DESC
**[login to view URL] :**
- for the photos, it open a fancybox when you click on "voir l'album photo" with all the pictures in the diaporama.
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 with, 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 the <body> tag 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.