Atividade Avaliativa HTML - CSS e JS
Desenvolva as páginas HTML CSS JS de um site de noticias do IFSul chamado IFNews.
O site deve conter: Logo do site tem que ser qualquer logo do IFSul, ou você cria um novo.
Estrutura das páginas devem ser primeiro desenhadas no site https://wireframe.cc/, e depois deve-se desenvolver o HTML e CSS para chegar ao resultado desejado.
1 - Pagina inicial
A home deve conter um menu com categorias de noticias (Esportes, Eventos, Institucional, Premiações, Envie uma notícia). Essas categorias não devem aparecer no momento que a página é carregada, apenas quando o usuário passar o mouse sobre o item Categorias. Deve conter também imagens e informações retiradas do site do IFSul, e apresentar ao menos 8 pequenas noticias na home. A primeira noticia deve ter destaque em relação as demais. Na página inicial também deve constar quantos dias faltam para o próximo Processo Seletivo do IFSul: usar a data 30/11/2023.
O site deve apresentar os logos da UTU e UTEC também, e deve-se utilizar algum efeito CSS para "movimentar" o logo quando o usuário passar o mouse sobre eles. As imagens dos logos deverão ser links para as páginas das duas instituições.
Na home, ainda deve conter um espaço com Depoimentos de estudantes, parecido com os depoimentos do seguinte site: http://www.dalmoouriques.com.br/.
2 - Página de 1 Categoria Desenvolva a página de uma das categorias de noticias que apresenta apenas as noticias daquela categoria, sem destacar nenhuma. Deve apresentar no mínimo 12 noticias, e repetir estrutura da página inicial, com topos, menus e rodapé.
3 - Página de 1 Notícia
Desenvolva a página que apresenta totalmente uma notícia, com fotos e textos. As fotos devem estar em uma área separada dos textos, onde 1 aparece grande, e as demais em miniatura. Quando o usuário selecionar para trocar de foto, ela se alterna. Pode pesquisar para que as fotos fiquem passando sozinhas também.
Observações:
As páginas devem conter a mesma identidade visual, ou seja, logo, menus, cores, tipografias e etc.
Estilize o site a gosto, sem preguiça.
A avaliação será sobre o resultado e sobre os códigos enviados.