Exer8 Es tracta de fer una web incloent-hi

Una icona de web favicon.
Elements semàntics: un "header", un "nav", una "section" que tingui dins tres etiquetes d' "article", i un "footer".
Canvis de color quan el punter del ratolí passa per sobre del "header" i del botons del "nav".
Canvis de color quan s'activa el teclat a un input d'un form.
Hi ha una imatge flotant a la dreta

Section

This is the section

Article 1

The "article" tag specifies independent, self-contained content.

An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.

Potential sources for the article element:

Forum post
Blog post
News story

Note: The article element does not render as anything special in a browser. However, you can use CSS to style the article element.

Article 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, asperiores omnis dicta neque harum id amet doloremque quibusdam repellendus, minima repudiandae est explicabo sunt, numquam cumque animi et earum beatae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, asperiores omnis dicta neque harum id amet doloremque quibusdam repellendus, minima repudiandae est explicabo sunt, numquam cumque animi et earum beatae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, asperiores omnis dicta neque harum id amet doloremque quibusdam repellendus, minima repudiandae est explicabo sunt, numquam cumque animi et earum beatae!

Article 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, asperiores omnis dicta neque harum id amet doloremque quibusdam repellendus, minima repudiandae est explicabo sunt, numquam cumque animi et earum beatae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, asperiores omnis dicta neque harum id amet doloremque quibusdam repellendus, minima repudiandae est explicabo sunt, numquam cumque animi et earum beatae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, asperiores omnis dicta neque harum id amet doloremque quibusdam repellendus, minima repudiandae est explicabo sunt, numquam cumque animi et earum beatae!