Chen Raz Requirements: 1. HTML5/CSS3 (I remind you that we have an agreement that you don't charge me extra for this) 2. Do not use the html element 3.

Chen Raz

Requirements:1. HTML5/CSS3 (I remind you that we have an agreement that you don't charge me extra for this)2. Do not use the <p> html element3. Do not assign style without classesFor example: css: #test span { color:#444 }html: <div id="test"><span>test</span></div>should be:css: #test .txt { color:#444 }html: <div id="test"><span class=txt>test</span></div>4. Text that come from the CMS should be plain (no styles, classes and html tags except from <br />)5. Responsive website (There is a mobile version for some of the pages)6. The site width should stretch for any resolutions (from 1024 to 1920)7. It should work also for IE 7 and higher with both states (computability view checked and unchecked)

Home PageThe site width should stretch for any resolutions (from 1024 to 1920)The page contains 12 boxes.1-Logo2,3,4,5,7,9,12 – picture boxes that act as following:A random between all of them. Every sequence will blur one of the boxes.Roll over will remove the blur effect.Do not use the pictures as background.8- Text that come from the CMS. should be plain (no styles, classes and html tags except from <br />)10- contact form. The input[text] should be without text. I will implement it.Note: for the mobile version use the following: menu,1,8,10,social,credit. The rest of the element should not be displayed.

1 2 3 4

5 6 7 8

9 1010 11 12

Sub Menu:There is only 2 level. Rolling over menu item will open the menu that will stretch width from 1 to 3Add a nice animation effect when the menu go down or up – slider effect

1 2 3

About:This is a content page.The title should be H1The text come from the CMS. It should be plain (no styles, classes and html tags except from <br />)Do not use the 4 pictures as backgroundThe text above the picture (if there is any) is part of the pictureNote: There is a mobile version for this kind of page

H1

CMS

List Page:List Page that contains 6 elements. The title and the picture are linksClicking on the “more” button should open another 6 elements like the effect in the zangaru project (that you cut for us):www.zangaro.comNote: There is a mobile version for this kind of page (use the “more” button effect in this version also)

More Button

Contact:The text come from the CMS. It should be plain (no styles, classes and html tags except from <br />)The text above the picture (if there is any) is part of the pictureIn the mobile version there is no need to display the map

H1

CMS