PROJETO 🚀

projeto feito por Kelvia Santos avaliativo para a disciplina de Introdução a Computação.

Check-list ✅

• 3 páginas mínimas (Home/Sobre/Contato) + links funcionando.
• header, nav, main, footer usados com propósito.
• Hero na página principal
• Tabela simples presente.
• Paleta no :root (variáveis CSS).
• Google Fonts.
• Imagens otimizadas (com os tamanhos já com os que deve apareer no site (esceto a altura das imagens no hero) e com alt descritivo em todas as imagens e icones.
• README com papéis, paleta, fontes e decisões.
• Site no ar.
• Vídeo de demonstração.

Untitled.design.mp4

• Páginas que se adaptam aos diferentes tamanhos das telas.

🎨 Paleta de Cores

Cor	Variável CSS	Hexadecimal
	--primary-color	#2f5249
	--primary-color-dark	#2f5249
	--secondary-color	#97b067
	--tertiary-color	#e3de61
	--bg-primary-color-light	#8bc34a

✒️ Tipografia

As fontes foram selecionadas para criar uma hierarquia clara e garantir a legibilidade.

Fonte	Família	Propósito Principal no Projeto
Playfair Display SC	Playfair Display SC, serif	Títulos de Seção (Ex: "Nossos Serviços", "Nossa Filosofia")
Montserrat	Montserrat, sans-serif	Textos de Conteúdo (Ex: Descrição dos serviços, textos informativos)
Lora	Lora, serif	Fonte Padrão (Aplicada a todo o corpo do documento *)
Bungee	Bungee, cursive	Uso Especial (Disponível para destaque)

📖 Sites utilizados

• icones: https://commons.wikimedia.org/wiki/Main_Page, https://www.flaticon.com/
• Geracao de imagens e conteudo de textos: https://www.lovart.ai/ e https://gemini.google.com/app
• duvidas código: https://www.w3schools.com/html/html_favicon.asp, https://www.visualdicas.com.br/programacao/css/99-como-colocar-imagens-nos-marcadores-de-uma-lista-htm-nao-ordenada-com-css,
• redimencionar e otimizar imagens: https://www.iloveimg.com/pt/redimensionar-imagem e https://www.edivaldobrito.com.br/ferramenta-de-otimizacao-de-imagens/