Skip to content

Este é um projeto da trilha de Formação HTML Web Developer da plataforma Dio.me, com o objetivo de criar um site de uma clínica médica usando o que foi aprendido ao longo do curso.

Notifications You must be signed in to change notification settings

PrimYA/desafio-html-clinica

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trilha HTML - Desafio Módulo 02

✨ Site De Uma Clínica

A trilha de HTML é uma formação da plataforma Digital Innovation One e este projeto é parte do desafio do módulo 02, cujo objetivo é criar um site de uma clínica médica, seguindo as orientações do mentor.

A plataforma tem uma formação de CSS, mas ambas são independentes.


📌 Instruções Iniciais

Um modelo base foi criado, pois esta trilha é apenas HTML; Link do modelo no GitHub.

  1. Criar um site de uma clínica médica (Escolhi especialidade veterinária);

  2. Este site deve conter o seguinte menu de navegação:

    • Página Principal

    • Sobre a clínica

    • Horário de Atendimento

    • Contato

  3. Cada página deve ser criada e estruturada:

    • As páginas terão que seguir um padrão predefinido. Uma estrutura semelhante a image abaixo.

No Menu, ficará localizado o menu de navegação, 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.


🧩 Estrutura Das Páginas

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.

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.

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.

💻 Tecnologias

- HTML

- CSS

⚡ Mentores

About

Este é um projeto da trilha de Formação HTML Web Developer da plataforma Dio.me, com o objetivo de criar um site de uma clínica médica usando o que foi aprendido ao longo do curso.

Topics

Resources

Stars

Watchers

Forks