#FEWD Week #3 Project: CSS Layouts
###Description
Relaxr was really impressed by your work last week and wants you to continue development on their landing page. Starting in class, you will work to build out a more complex layout for their company site. They decided on creating a blog, and their back-end engineers will be focused on developing the blog's functionality. They want your front-end skills to style their designs using HTML and CSS so Relaxr's engineers can begin integrating. Once again, the designers have handed you a basic design file with instructions and the JPEG below to help you bring the blog to life. Submit the finished version for homework.
Student: ________________________________________
Project URL: ____________________________________
| Technical Requirements | Does Not Meet Expectations (0) | Meets Expectations (1) | Exceeds Expectations (2) |
| Use in-line-block or floats in your CSS to achieve a two-column layout | |||
Use the correct Open Sans Google Font typeface to style the text denoted in the design file and according to the JPEG provided |
|||
| Use proper filename conventions (lowercase, .html) | |||
| Use a single external CSS stylesheet to style all pages | |||
| Use a background image for the headers | |||
| Add a hover effect to all the links using pseudo-classes | |||
| Integrate drop caps using pseudo-classes | |||
| Use media queries at a 768px breakpoint | |||
Content remains in appropriate divs |
|||
| Content remains visible to the user | |||
| Fonts change size appropriately | |||
| Margins and padding change size appropriately | |||
| Content does not overlap | |||
| In the blog section, the two-column layout changes to a single-column layout when appropriate | |||
| TOTAL: ______ |