Attached is a mockup of a landing page you need to convert to HTML. The focus is on accessibility, cross-browser support, and page load speed.
- it should work and look the same (as much as possible) in most modern browsers and devices (e.g. iPhone)
- main background may change color (e.g. become green instead of blue)
- "Even more savings" may be changed to a different copy <--- I don't see this on here?
- Form validation: not empty name, valid phone and email
- additional form validation and enhancements of your choice
- submit form content via ajax post to "https://formsws-hilstaging-com-k0mfqqpppw0s.runscope.net/solar". Assume a valid 200 if you don't get one. <-- almost done with this!
- Additional form enhancements of your choice
- JS unit tests
- Any additional enhancements you would like to improve upon
- Zip and/or HTML of your project. Github link is also acceptable.
- Time it took you to complete this project. 8:40PM 9/13/17 start
- What tripped you up the most when completing this project?
- Any final thoughts or comments.
- mobile viewports- 15px padding on body around form
- regex for the form validation js
- background overlays
- sketch tutorial to export styles
- overriding browser css (normalize css)
- no breaks after inputs in html page, padding left, right, top,
- [?] use margins & paddings properly
- research border break issues— can’t predict color depending on size of window.
- mobile vs desktop, diff browsers
- google input css iphone, ios
- BEM CSS
- CSS vendor prefixes