01. [30p] Minor Design Changes
Our customer wants to make some changes to the website's design:
- Add a header image with our logo at the top
- Several candidates are present inside
public/images/; - You could either use the CSS background property, or just the old-school
<img>tag; - Hint: check out
style.cssfor existing definitions!
- Also change the background color of the
<header>to match the chosen image on its margins (maybe something blue?); - Make the content box have rounded borders (try
15px);border-radius*wink*- Use the browser's Web Developer tools to find the HTML tag to select!
- Insert some dummy content text (e.g., use a Lorem Ipsum generator);
Hint: search for TODOs inside HTML and CSS!
For specifying URLs to other web resources (e.g., images for this task): recall Unix relative paths (
./path/to/file.jpg)?
HTML also uses them (those URLs will be relative to your current file – either the .html or the .css)!
In some cases (webpage has sub-paths, e.g., /account/details.html), you may also use absolute URLs (path begins with a / representing the server's root directory).
