Phil Lamplugh's homepage is rather barebones, and thus makes an excellent starter exercise for HTML/CSS layout.
- Take a look at Phil's live website.
- Look over the files provided. You have at your disposal:
- the photo of Phil's animated likeness
- a webfont file
- a css stylesheet with some starter code to bring in the webfont
- an empty html file.
- Write the boilerplate html (
!DOCTYPE
,html
,head
andbody
tags) and link to the t o the stylesheet provided.
- Note: You'll know the file is linked correctly if the background color turns to yellow.
- Write the html and css to replicate the layout for Phil Lamplugh's homepage.
- Use positioning to align the photo and text as it