Parte 3 del examen, explicación:
-Para insertar la imagen de mozilla a la derecha en el header principal lo primero que tenemos que hacer es insertar la imagen en un "header" y luego añadir un "img src" con el link de donde esta la imagen dentro del src, luego en la parte de "style" he añadido que la imagen tenga una anchura y altura completa (100%), he puesto que la posicion sea absoluta y que se posicione a la derecha 32.5px y para abajo otros 32.5px.
-El autoplay lo he definido en el texto como "iframe", dandole un atributo de altura y de anchura para que se viera bien, y un atributo de borde a "1" para que haya un pequeño borde en el video. El autoplay no funciona en chrome porque fue bloqueado gracias a la publicidad agresiva por parte de los anunciantes que producian los videos automaticamente, pero sigue estando activado en mi examen con el codigo "allow:'autoplay'. Este es el codigo completo: "iframe width="560" height="315" src="https://www.youtube.com/embed/jasm7JHb1tY" frameborder="1" allow="autoplay" allowfullscreen></iframe"
-Para insertar las imagenes añadimos una division de clase y añadimos 4 imagenes con sus respectivos "href" para que cuando le demos a la imagen nos vaya a los links que previamente hemos añadido. La divisió la llamaremos "further-info", añadiremos un fondo rojo, y un padding que le de a las imagenes 40px de margen, por ultimo añadimos una sombra en cada uno de los iconos y listo.
-Añadiremos otra division de clase para añadir la ultima imagen. La division se llamara "red-panda", añadiremos otro "img src" y en la parte de style bloquearemos el display y haremos que la imagen sea el maximo de grande que permita, lo pondremos al 100%.
-Te he cambiado un poquito la pagina para que veas que no es copia y pega y cambia un poquito, ;)