Code

For sectioning content, section elements are used along with divs. The section elements are nested inside the divs. The section elements give meaning to the content, whereas divs alone do not. Article elements are used to create cards for the articles. Each card contains a h2 heading for the title, divs for the date and category, a figure element for the image, a paragraph element for the excerpt, and a span and an anchor element for a continue button. Next to the article cards is a list of recommended articles. An aside element, h3 heading element, and an ordered list element are used to create this list.

User Interface

Various light, pastel-like colors are utilized throught the page. Each section uses its content space effectively.

User Experience

The colors, design banners, and fonts give the page a fun and artistic feel. The layout is simple, but rich with design. The page did not feel too crowded.

Summary

Veerle's web page was heavy on design. The page included a rich variety of colors, lines, and shapes. The layout was simple with section elements used to make each section. Cards were made for the articles with article elements, with heading, div, and anchor elements nested inside.