entrega-trabalho-HTML-BASICO

Entrega do trabalho do Curso Dio HTML BASICO.

Foi desenvolvido um pagina de Hospital

Foi desenvolvido como solicitado no curso uma pagina com html basico cumprindo todos os requisitos abaixo solicitado.

Desenvolva um site de uma clínica médica, onde você será responsável pela especialidade apresentada.

Utilize todo #2 #1 conteúdo abordado no módulo para a implementação de elementos fundamentais de

uma página, seguindo as instruções, você será capaz de realizar o desafio proposto.

Trilha HTML - Dio.me

Módulo 02 - HTML I - Conceitos Básicos

Este desafio tem como objetivo, criar um site "quase" completo, com tudo o que vimos neste módulo. Os temas que deverão ser abordados são:

  • Formulários
  • Estruturação e formatação de texto
  • Mídias
  • Tabelas

Além de outros recursos falados nas aulas!

Instruções

  1. Você deve criar um site de uma clínica médica (você escolhe a especialidade)
  2. Este site deve conter o seguinte menu de navegação:
    • Página Principal
    • Sobre a clínica
    • Horário de Atendimento
    • Contato
  3. Deve, obrigatoriamente, utilizar todas os assuntos abordados nas aulas.

Abaixo como cada página deve ser criada e estruturada.

Estrutura das páginas

Todas as páginas terão que seguir um padrão pré-definido. Como não aprendemos sobre CSS ainda, utilize o arquivo template.html para utilizar como base. Ele segue uma estrutura semelhante a image abaixo.

Estrutura

* No template tem algumas cores mas é apenas para melhor visualização. Fique a vontade para alterar da melhor forma.

No Menu, ficará localizado o menu de navegação (ah vá!), no Header de cada página ficará uma imagem, no Footer informações de contato, e o Content é o conteúdo de cada página.

Página Principal

  1. Deve ter uma imagem no Header.
  2. Em Content uma breve descrição sobre a clínica.
  3. Menu e Footer padrões em todas as páginas.

Sobre a clínica

  1. Deve ter uma imagem diferente no Header.
  2. Em Content um texto falando sobre a clínica.
  3. Menu e Footer padrões em todas as páginas.

Horário de Atendimento

  1. Deve ter uma imagem diferente no Header.
  2. Em Content um pequeno texto falando sobre os serviços, e uma tabela de preços, onde cada linha é um serviço, com o preço de cada um de acordo com os dias da semana.
Serviços Segunda a Sexta Sábados Feriados
Clínica geral 08h - 19h 08h - 14h 08h - 14h
Psicologia 08h - 19h 08h - 14h 08h - 14h
Pediatria 08h - 19h 08h - 18h -
Oftalmologia 08h - 19h 08h - 18h -
  1. Menu e Footer padrões em todas as páginas.

Contato

  1. Deve ter uma imagem diferente no Header.

  2. Em Content deve ter:

    • Os telefones de contato (celular e whatsapp)
    • Endereço completo da clínica
    • Um Iframe com o Google Maps apontando o endereço da clínica
    • Um formulário de contato com:
      • Nome (type="text")
      • E-mail (type="email")
      • Assunto (type="text")
      • Mensagem (textarea)
      • Botões de envias e limpar formulário
  3. Menu e Footer padrões em todas as páginas.

Desafio está lançado! Com tudo que aprendemos no Módulo II é perfeitamente possível criar este site!

Bora pra cima!