HTML Mark Up

Based on the Website HTML Markup Audit in-class activity, let's mark up the HTML for the page.

Submission

Push your completed deliverable to your GitHub deliverable repository.

Due: Sun Sept 17, 2023

Site Images & Reference

In your deliverables repository, create a 02-html-markup folder within the assignments folder.

Take the complete In-Class 2 - Website HTML Markup Audit activity and write out the HTML code in an index.html file.

Make sure to also include the <html>, <head>, and other key boilerplate code discussed in class.
The main hero banner has a background-image applied through css. You do not need to include it.
The images in the cards are placeholders using https://picsum.photos/600/400 from Lorem Picsum (opens new window). I just changed the values slightly to get different images on each card.
- This is to demonstrate that images can be linked/sourced from external sources
The image for the about section is found in the Starter Assets (opens new window)
- This is to demonstrate that images can be included directly in our projects
You do not need to include the icons
- If you are interested though, I used the Material Icons (opens new window) font option.

We will not be doing any styling in this assignment. When completed, your code should look something like the photo below when viewed in the browser.

Please Note

The images sourced from Lorem Picsum will be different from my example and that is okay.

Submit this assignment by pushing your code to your mad9013-deliverables repository with the commit message Complete 02-html-markup assignment.

A reminder of the git commands:

git add -A
git commit -m "Complete 02-html-markup assignment"
git push

1
2
3