assignment

Description
For the Midterm Project, you will create a fully responsive image gallery that uses most of the topics presented during the first half of this course. This project should demonstrate your ability to:
– Write semantic HTML5 markup and CSS.
– Create a fluid, percentage-based layout.
– Employ media queries to create a responsive site.
– Incorporate cross-browser CSS transitions into your work.
– Incorporate cross-browser CSS keyframe animations into your work.

The subject matter of the gallery is up to you, but all images and text must be created by you. No stock photos or Latin text, please. A few ideas might include a photo gallery, a collection of drawings, or a series of color/type/design studies. Please do not create a portfolio of your work, as this is a major undertaking and needs more consideration and UX planning.

Specifications
The gallery will consist of at least 12 images created by you. Each image should open its own detail page when clicked. The detail page should have a larger image and a brief text description about the image. You also must provide the user a way back to the main gallery. On smartphones, the larger image may not be necessary, but you will still need to devise a UX strategy for smaller mobile screens.

Your site needs to be functional and look good on:
– desktop displays (1024px wide and larger)
– Chrome, Safari, Firefox, Internet Explorer 9 and above
– tablet devices: iPad, Android, and so forth
– smartphones: iOS, Android, and Windows Phone

Delivery
The Midterm Project will be delivered in four parts. You will be graded on the thoroughness and quality of each deliverable. As this is a four-part project, the final result should be refined and error-free. This includes fixing all typos, broken links, or bad code.