Unit 1 - Lesson 1: Box Model and Layout Foundations

Learning Lab - Landing Page Mockup

Objective

• On the job, a designer (or you!) might create a wireframe or a mockup of what your app or site should look like. It will then be your job to translate this into front end code.
• Your task for this lab is to recreate this "Mockup" for a journal/blog webpage.
• Be sure to use semantic HTML and all that you've learned about display properties to get as close to a pixel perfect recreation of this mockup as possible!

Directions

1. If this is a Practice or Pairing Lab, fork this repo and clone down the forked repo OR if this is a Lab Assignment that was generate using Github classroom, then your repo name will end in your username. No need to fork, just clone this repo without forking it.
2. Create your index.html and index.css files.
3. Stage, commit, and push your changes regularly.
4. If this is a Lab Assignment, submit the URL of your repo to Canvas. If this is a Practice or Pairing Lab, you can open a PR to denote that you are done.

Note: If you would like to make changes to the text, color scheme, or photo on this page, feel free. I'm most concerned with how closely you can match the layout of the mockup.