PSD to HTML | Sass | Zurb Foundation

PSD Contains All mobile, All tablet, All desktop Pages. Total 11 pages. ————————————————— PLEASE, CONSIDER……. ————————————————— The slicing / front end engineering requires: 1. HTML 5 + CSS 3 2. Responsive Design - as seen in the PSD’s - Important: must be optimized for Retina Displays (design is build in vectors)! 3. CSS Framework => Zurb Foundation 4. CSS Preprocessor => Sass 5. CSS Reset => „Eric Meyer“ - browser behaving consistency by overriding browser defaults 6. Custom Fonts - @font-face or google fonts (will provide correct fonts) and must be resizable, too! 7. Print Version CSS - a separate print CSS stylesheet created to ensure correct display of elements in print view of the page 8. Commented Markup - marking in structural blocks to allow understand the coder better and be able to edit it later 9. Commented CSS - allow user to understand coder better & edit 10. SEO Semantic Coding, complete presentational separation - Implements the coding that uses SEO-valued tags to underline the most important parts of the content (H1, H2, etc.). Emphasizes content positioning techniques, moving the most important parts of content to the top of the page code. This improves page readability for search engines as well as various browsers with disabled or limited CSS 11. Implement CSS Menu - One-Level Drop-Down Menu 12. Add Favicon 13. Optimize website for load speed - Pay special attention on load speed optimization by including use of sprite technique and optimize file sizes of images and other indicators! 14. Implement SSI or PHP includes - Helps to maintain the code. The code will be divided into several logical parts (files): navigation, content, header, footer, and more. These parts will be included in the main file using SSI. Note: The option is not necessary when CMS Implementation is required 15. Microformats - This approach is intended to bridge the gap between markup tags and the actual information they contain. Allows anyone to easily share and search the information published 16. WAI 2.0 / Section 508 - Ensures that users with disabilities can access the information presented on the web page. Section 508 compliance is a common requirement for United States state agencies) 17. Javascript elements Responsive / jQuery - such as Tooltip, Calendar, Popup, Ajax form validator, PHP E-Mail script, Lightbox Popup, Accordion, Custom scroll bar / slider, Sliding In/Out Content Div, Tabs, Slideshow, Expandable bLocks, carousel, Custom Forms, PARALLAX, Infinite Scroll, Masonry, Smoot Scroll, etc. 18. High Browser Compatibility - IE9, IE10, IE11, Firefox 5+, Chrome, Safari 6+, Opera 12+, Opera Mini, etc. 19. Operation System to be checked - Win 8, Android, iOS, Mac OS X, etc. 20. Smartphones & Tablet compatibility - iPod, iPhone, iPad, Android, Windows, Samsung, HTC, Nexus, etc. 21. Clean structured html & css coding: view-source:[login to view URL] view-source:[login to view URL] [login to view URL] ————————————————— END —————————————————