Concept
We are a new Toronto buisness (your choice) who is looking for a new responsive website. Be creative with designing the mobile part of mock up. We want our site to be very mobile friendly as our service is mostly used on smartphones. Must have an overall theme and include the following: navigation bar, header, sidebar, lorem ipsum content, and at least 2-3 images.
Assignment Instructions
Part One (optional)
- Take the code provided and try to add it to this page to make it a responsive page.
- If you are struggling or not comfortable making a page responsive, then try working together in partenrs.
Part Two
- Create a mock-up using Photoshop OR Illustrator which ever you prefer.
- Create the Mobile (Responsive) Layout first, then work on making the desktop.
- Upload it onto your own repo
- Include a small description of what unique elements you would add to make your mobile layout standout from others.
Upload Instructions
When you are satisfied with what you have created...
- Save your Photoshop OR Illustrator file as PNG
- Add your PNG file to your images folder
- Click on Week 7 "upload.html" from Matt's Repo
- Copy the "RAW" code and paste it into your Week 7 Presentation Folder
- Insert your first name in the "h1" tag
- Add both of the PNG files in the appropriate IMG tag
- Save the file, commit to master, and push to origin
Rubric
/4 Including everything the buisness is asking for
/2 Proper mock-up structure
/2 Brief description of creative elements included
/1 Mobile (Responsive) mock-up
/1 Desktop mock-up