Acho que pela primeira vez nesta série, vamos adicionar algumas coisas novas ao design diretamente, trabalhando no navegador (não começando no Photoshop primeiro). Nosso objetivo é desenhar os módulos “Hot Links” que aparecem na página inicial.
Rotulamos cada seção da página inicial com tags de cabeçalho. Por exemplo, “Últimas postagens do blog” e “Links importantes”. Semanticamente, deveríamos usar um h2, mas o estilo h2 geral é muito intenso para essa área. Usamos o truque clássico em que temos substituições de nome de classe para o estilo de nosso cabeçalho. Dessa forma, podemos sempre usar a tag semântica correta, mas ser capazes de substituir o estilo a qualquer momento com o estilo do cabeçalho que queremos. por exemplo
Os módulos Hot Link são praticamente iguais aos módulos de artigo, mas menos complicados e têm um quadrado vermelho no canto superior esquerdo em vez de um quadrado laranja.