Creo que por primera vez en esta serie, vamos a agregar algunas cosas nuevas al diseño directamente trabajando en el navegador (no comenzando primero en Photoshop). Nuestro objetivo es diseñar los módulos "Hot Links" que se muestran en la página de inicio.
Etiquetamos cada sección de la página de inicio con etiquetas de encabezado. Por ejemplo, "Últimas publicaciones de blog" y "Enlaces activos". Semánticamente, deberíamos usar un h2 pero el estilo general h2 es demasiado intenso para esa área. Usamos el truco clásico donde tenemos anulaciones de nombres de clases para nuestro estilo de encabezado. De esa forma, siempre podemos usar la etiqueta semántica correcta, pero podemos anular el estilo en cualquier momento con el estilo del encabezado que queramos. p.ej
Los módulos Hot Link son en gran medida los mismos que los módulos de artículos, solo que menos complicados y tienen un cuadrado rojo en la esquina superior izquierda en lugar de un cuadrado naranja.