Project: Going Responsive Overview

You have made a flexible, grid-based webpage with flexible images. You have translated an absolute design into a relative design. You have studied and experimented with existing markup. Now is the time to make a responsive web page. You will make one web page with at least 6 modules: header, nav, main-content, related-content, gallery, and footer. You will use media queries to make sure that it looks good on most popular devices. 

Requirements:

1. You must make a 1 page website on a topic of your choosing. The content must all be relevant content, no Lorem Ipsum.  You may copy content from the web.

2. You must make a flexible, grid-based design with flexible images and a tiled background image to simulate faux columns.

3. Your page must contain at least 6 modules such as header, nav, main-content, related-content, gallery, and footer.  You may look to some of your favorite websites for inspiration. 

4. You must use media queries to reorganize your webpage to make it look good on at least 3different devices.  Use comments to clearly state what devices you wich to design for.

5. You must use a linked style sheet.

6. You must use the imgSizer.js script to make sure the images resize nicely.

7. Your markup must be well organized with proper use of whitespace. 

8. Your site must be easily readable.  Choose colors carefully and use background images wisely.

9. When you are done, you must put all files for the project in a folder called yourname_Project3.

Attachment:- Project Assignment.rar