Componente Información

Introducción

Para finalizar el curso, en este componente mostraremos una página estática de información y créditos, a la que se accederá también desde los enlaces de los menús de navegación. Todos los ficheros a modificar se encuentran dentro de la ruta /src/app/informacion.

El fichero informacion.component.ts

Este fichero será el encargado de importar todos los componentes necesarios para conseguir nuestro objetivo. Modifica el fichero para que incluya el siguiente contenido y fíjate en los comentarios para entender bien su funcionamiento: 17-informacion.component.ts

El fichero informacion.component.html

En este fichero se muestra el contenido de la página. Modifica el fichero para que corresponda al siguiente contenido: 18-informacion.component.html

El fichero informacion.component.scss

Por último, para dar estilo al contenido anterior, en este fichero añadiremos las clases necesarias para asegurarnos un diseño responsive y con modos claro y oscuro. Modifica el fichero para que incluya el siguiente contenido, prestando atención a los comentarios: 19-informacion.component.scss Las siguientes dos imágenes muestran cómo debería quedar el contenido, que es igual en escritorios y móviles, para los modos claro y oscuro, de la página de información:

Referencias

Divider