Skip to content

De acordo com o desafio proposto, devo criar um site com várias páginas (home, sobre, atendimentos e contatos). O projeto se baseará em uma Clínica fictícia, então qualquer coincidência é mera casualidade e pode ser devidamente alterada, se solicitado. Em caso de necessidade, por favor contate-me.

Notifications You must be signed in to change notification settings

Guilherme-Espinosa/formacaoHTML-DIO_desafio_clinicaWebPage

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trilha HTML - Dio.me

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


Status: Concluso.
Deploy: link.

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 enviar 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!

About

De acordo com o desafio proposto, devo criar um site com várias páginas (home, sobre, atendimentos e contatos). O projeto se baseará em uma Clínica fictícia, então qualquer coincidência é mera casualidade e pode ser devidamente alterada, se solicitado. Em caso de necessidade, por favor contate-me.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 85.8%
  • CSS 14.2%