1. 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. Do not assign style without classes For example: css: #test span { color:#444 } html: test should be: css: #test.txt { color:#444 } html: test 4. Text that come from the CMS should be plain (no styles, classes and html tags except from ) 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)

2. Home Page The site width should stretch for any resolutions (from 1024 to 1920) The page contains 12 boxes. 1-Logo 2,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 ) 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.

3. 1234 5678 9 1010 1011 12

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

7. 123

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

9. H1 CMS

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

12. More Button

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

15. H1 CMS