Skip to content

Sinu-Tech/kamilly_e_kendy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Landing Page de Casamento - Kendy & Kamilly

Uma landing page elegante e interativa para o casamento de Kendy e Kamilly, com design centrado na cor verde oliva e funcionalidades modernas.

📅 Informações do Evento

  • Data: 11 de Janeiro de 2026
  • Horário: 16:00h
  • Local: Igreja Adventista do Sétimo Dia, Campo do Brito, Sergipe

🎨 Características do Design

Paleta de Cores

  • Principal: Verde Oliva (#556B2F)
  • Secundárias:
    • Bege/Creme (#F5F5DC)
    • Verde Escuro (#274207)
    • Branco (#FFFFFF)
    • Cinza Claro (#D3D3D3)

Tipografia

  • Títulos: Playfair Display (elegante e clássica)
  • Corpo do texto: Montserrat (moderna e legível)

🚀 Funcionalidades

✨ Seções Incluídas

  1. Hero Section - Apresentação principal com contagem regressiva
  2. Nossa História - História do casal
  3. Galeria de Fotos - Momentos especiais com lightbox
  4. Detalhes do Evento - Data, horário e local
  5. Confirmação de Presença (RSVP) - Formulário interativo
  6. Lista de Presentes - Links para presentes (nesse caso para o pix)
  7. Contato - Informações de contato
  8. Rodapé - Créditos e agradecimentos

🔧 Funcionalidades Interativas

  • Contagem Regressiva: Atualização em tempo real até a data do casamento
  • Galeria com Lightbox: Visualização ampliada das fotos
  • Formulário RSVP: Validação e confirmação de presença
  • Design Responsivo: Adaptação para desktop, tablet e mobile
  • Animações Suaves: Efeitos de entrada e transições
  • Navegação Suave: Scroll suave entre seções

📁 Estrutura do Projeto

casamento-kendy-kamilly/
├── index.html          # Página principal
├── css/
│   └── style.css       # Estilos CSS
├── js/
│   └── script.js       # Funcionalidades JavaScript
├── img/
│   ├── (imagens aqui)
└── README.md           # Este arquivo

🌐 Como Usar

Opção 1: Visualização Local

  1. Extraia todos os arquivos em uma pasta
  2. Abra o arquivo index.html em qualquer navegador moderno
  3. A página funcionará completamente offline

Opção 2: Hospedagem Web

  1. Faça upload de todos os arquivos para seu servidor web
  2. Certifique-se de que o arquivo index.html está na raiz
  3. Acesse através do seu domínio

🔧 Personalização

Alterando Imagens

  • Substitua as imagens na pasta img/ pelas suas próprias fotos
  • Mantenha os mesmos nomes de arquivo ou atualize as referências no HTML
  • Recomendado: imagens em alta resolução (mínimo 1920x1080 para o hero)

Modificando Textos

  • Edite o arquivo index.html para alterar textos
  • Procure pelas seções específicas (Nossa História, Contato, etc.)
  • Mantenha a estrutura HTML para preservar o design

Ajustando Cores

  • Modifique as variáveis CSS no início do arquivo style.css
  • As cores estão definidas em :root para fácil personalização

Configurando Data do Casamento

  • No arquivo script.js, altere a variável WEDDING_DATE
  • Formato: 'YYYY-MM-DDTHH:MM:SS'

📱 Compatibilidade

  • ✅ Chrome (versão 60+)
  • ✅ Firefox (versão 55+)
  • ✅ Safari (versão 11+)
  • ✅ Edge (versão 79+)
  • ✅ Dispositivos móveis (iOS/Android)

🎯 Recursos Externos

A página utiliza os seguintes recursos externos:

  • Google Fonts (Playfair Display e Montserrat)
  • Font Awesome (ícones)

Estes recursos são carregados via CDN e requerem conexão com a internet.

💝 Créditos

Desenvolvido com amor para Kendy & Kamilly Data de criação: Setembro 2025


Que este site seja o primeiro passo de uma jornada linda e cheia de amor! 💕

About

Página de casamento de Kamilly e Kendy

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors