📅 Clínica AgendeMais - Página Responsiva

Descrição

🏥 Este projeto foi desenvolvido para a Clínica AgendeMais, permitindo que médicos e médicas contratados controlem todas as suas consultas agendadas, sejam elas presenciais ou remotas. A página é totalmente responsiva, garantindo uma ótima experiência em diferentes dispositivos.

Funcionalidades

Primeira Versão

🚀 Início do Projeto: Implementação inicial da página responsiva para a Clínica AgendeMais.
🔝 Cabeçalho: Criação do cabeçalho da página.
📋 Lista de Consultas: Implementação da lista de consultas, seguindo a abordagem Mobile First com base no layout fornecido no Figma.

Segunda Versão

🔄 Transformação das Consultas: As consultas foram convertidas em uma lista não ordenada, facilitando possíveis modificações futuras na ordem dos elementos.
🔧 Ajuste de Tamanho dos Botões: Correção do tamanho de botões, como "Ver Endereço", eliminando duplicações de divs que causavam redução no tamanho.
⚖️ Uniformização dos Containers: Ajuste do tamanho dos containers para garantir uniformidade visual, corrigindo variações de tamanho entre containers com um e dois botões.
➕ Adição de Footer: Inclusão de um footer com um botão "+" que acompanha a rolagem da página.
📱 Melhoria na Responsividade: Aperfeiçoamento da responsividade para tablets e desktops, proporcionando uma melhor experiência de uso.

Terceira Versão

➡️ Botão (+): Mudança de posição do botão "+" do lado esquerdo para o lado direito da página.
🖼️ Configuração do Botão: Alteração da forma de configuração do botão, utilizando background-image no CSS em vez de img no HTML.
✨ Animação dos Botões: Adição de uma animação de troca de cor para todos os botões ao serem ativados.
🎨 Seção Perfil: Inclusão de um background discreto na seção perfil para melhorar a estética da página.

Quarta Versão

🔧 Ajuste de Tela para Tablets: Corrigido o media query para 768px, resolvendo bugs que surgiram devido à configuração incorreta anterior de 728px.
❌ Remoção do Botão Azul (+) para Telas Grandes: O botão azul "+" foi removido para telas com largura de 1440px ou mais.
📝 Adição de Formulário Simples: Inclusão de um formulário básico para telas de 1440px ou mais, criado devido à falta de modelos de inspiração.

Instalação

Clone o repositório:

git clone https://github.com/Davy-Alves/Clinica-AgendeMais.git

Navegue até o diretório do projeto:
```
cd Clinica-AgendeMais
```
Abra o arquivo index.html no seu navegador para visualizar a página.

Histórico de Versões

Primeira Versão

Início do projeto de página responsiva para Clínica AgendeMais.
Implementação do cabeçalho.
Implementação da lista de consultas seguindo a abordagem Mobile First com base no layout fornecido no Figma.

Segunda Versão

Transformação das consultas em uma lista não ordenada.
Ajuste de tamanho dos botões, corrigindo duplicações de divs.
Uniformização dos containers para garantir tamanhos consistentes.
Adição de um footer dinâmico com um botão "+".
Melhorias na responsividade para tablets e desktops.

Terceira Versão

Troca de posição do botão "+" do lado esquerdo para o lado direito.
Configuração do botão alterada para utilizar background-image no CSS em vez de img no HTML.
Adição de animação de troca de cor para todos os botões ao serem ativados.
Inclusão de um background discreto na seção perfil para melhorar a estética.

Contato

Davy - davydonascimentoalves@gmail.com