1. Assignment
2. Grading Breakdown
3. Rules
4. Environment Setup Guide
5. Submission Details

This programming assignment has two parts.

You will design a simple card using only HTML/CSS. The card will look like this example except with your own details. You will be using Codepen for this part. You will have to create a free account on Codepen and then create a new pen. Write all separate parts in the right sections.

1. The webpage should mirror the layout shown in the example.
2. Elements: You should use at least one of all the following: image, link, paragraph, heading.
3. Layout: Everything should be centered horizontally(card, image, text, heading)
4. Styling: All styling must lie within the CSS section
5. The card must occupy 80% of the page height. The image should have a height-width of 150px.

If you'd like to get some hands-on experience with Javascript before the next MP, you may attempt to recreate this example. Although this will not be graded, understanding this early-on will make your life significantly easier for the next MP! :)

You will be setting up your development environment as detailed in Part 4 of this documentation, and making a few small changes to the page's styling. Please begin by reading the helpful comments left in source/index.js.

1. Get MP0 starter to run
2. Change SASS inside the source/styles folder so that Hello World! is centered
3. Add SASS rules to change the background color of the page

1. Correct HTML tags and content: 50%
2. Correct CSS/SCSS styling: 50%

1. Changing background color: 50%
2. Centering heading text: 50%

1. This is an individual assignment. No collaboration is permitted.
2. It is not permitted to copy/paste code that is not your own. You are, however, free to look at different code sources for inspiration and clarity. All sources (code as well as reading material) that you reference to complete this assignment must be declared in the submission.
3. There must be no use of any library.
4. There should be no use of inline styling.
5. No inline script tags should be used.
6. HTML tables cannot be used for layout.
7. If you think something you’re doing might not be acceptable, please ask on Piazza.

0. Install Node.js LTS and Git
1. Clone the repository: git clone https://github.com/uiuc-web-programming/mp0_starter_17.git mp0
2. Install dependencies: npm install
3. Run the dev server: npm run dev
4. Open a browser and go to http://localhost:8080/ to view your page. Note that if for some reason your port 8080 is occupied, it will default to 8081.

More details will be released soon.