Tarea #1: estructura básica HTML5 (con float)

Ejercicio

La imagen representa un diseño común encontrado en la mayoría de los sitios webs estos días. A pesar del hecho de que cada diseñador crea sus propios diseños, en general podremos identificar las siguientes secciones en cada sitio web estudiado:

Que se corresponde con las siguientes etiquetas semánticas:

Con tu editor de código favorito realiza una página web semejante a la del siguiente ejemplo:

Vista en ordenadores de escritorio | Vista en dispositivos móviles

Características CSS:

• Utiliza la propiedad float para colocar las cajas
• Utiliza media queries (un solo punto de ruptura en 768px) para que sea responsive a los dispositivos móviles.

Código: archivo HTML5 | archivo CSS    Demo

(observa la posición de las cajas al cambiar el tamaño de tu navegador)

Envía el archivo, con el nombre:  t01e_semantica_float.7z, al Aula Virtual.