Pagina em Html e Css

Desenvolver a tela inicial de um sistema de
acompanhamento de leitos hospitalares.
Deve montar uma maneira que permita o médico identificar de forma rápida os
leitos livres nas 3 áreas do hospital (10 leitos COVID, 15 Leitos UTI, 25 leitos Internação).
Para o trabalho, considerar que:
a) os leitos de uma mesma área estão no mesmo salão (não são quartos, alas ou
andares separados).


B) Os números dos leitos estão identificados por números sequenciais dentro da área(
1 a 10 na área covid, 1 a 15 na uti e 1 a 25 na internação).
C) O médico precisa identificar o número do leito vago e o total de leitos vagos de
cada área.
D) O médico não pode se confundir com relação a área.

Deve ser percebível
visualmente para qual área o leito está livre.
Além dos leitos liberados, a tela deve apresentar em alguma parte:
I. O logo e nome do hospital,
II.

A data e hora,
III. Mensagem de alerta no caso em que alguma área tenha ficado LOTADA.

Deve mostrar tudo em uma tela com resolução máxima de 1024x768

Toda tela deve ser desenvolvida em html/css. Deve criar
uma forma de contemplar todas as solicitações acima em seu layout, usando como
base o que foi visto com percepções de padrão, cores e usabilidade.

Tentar evitar scroll se possível, mas se precisar, pode conter scroll vertical, mas
apenas para 50% da página. Não poderá ter scroll horizontal.

Não precisa ser responsivo.

Devem ser entregues todos os arquivos usados para montar a tela. Também deve
ter um ou mais prints da tela mostrando a aparência final com as opções
solicitadas acima