Fiona's Portfolio

Check out my work below.

These projects are a series of exercises working with proper and advanced semantic HTML to ensure the ultimate experience for all users.

These three examples apply proper HTML for assisted technology, various devices, and everyone. In addition, most of the projects include CSS for the best visual experience.

Tribute Page

This exercise dives into semantic HTML, CSS, images, and recreating a page to be responsive for all devices. It utilizes CSS Flexbox and margins to get the content centered.

Norman Borlaug teaching in a field.

Recipe Page

The recipe project uses advanced semantic HTML and lesser-known HTML tags such as SUP. It also dives into solving difficulties with footnotes.

Screen shot of pound cake recipe with pound cake images.

US Constitution Page

This final exercise highlights proper advanced HTML and CSS utilizing CSS resets, media queries, Flexbox, and EM’s to ensure better control over the visual experience for the user.

Document of US Constitution with USA flag image.