Want ik denk dat we de eerste keer in deze serie wat nieuwe dingen rechtstreeks aan het ontwerp gaan toevoegen door in de browser te werken (niet eerst in Photoshop te starten). Ons doel is om de "Hot Links" -modules te ontwerpen die op de homepagina verschijnen.
We labelen elke sectie op de startpagina met header-tags. Bijvoorbeeld "Laatste blogberichten" en "Hotlinks". Semantisch gezien zouden we een h2 moeten gebruiken, maar de algemene h2-styling is te intens voor dat gebied. We gebruiken de klassieke truc waarbij we klassenaam overschrijven voor onze koptekststijl. Op die manier kunnen we altijd de juiste semantische tag gebruiken, maar kunnen we de stijl op elk moment overschrijven met de stijl uit de gewenste koptekst. bijv
De Hot Link-modules zijn grotendeels hetzelfde als de artikelmodules, alleen minder gecompliceerd en hebben een rood vierkant in de linkerbovenhoek in plaats van een oranje vierkant.