Fale Connosco

Como sabe, este site foi feito como um exercício e os dados expostos são fictícios. Alguns destaques do projeto:

1. Criação de formulários funcionais para:
   1. Subscrição da Newsletter (integração com Formspree).
   2. Contacto com a empresa (integração com Supabase e base de dados PostgreSQL criada para o projeto).
2. CSS:
   1. Alterações de identidade visual (paleta de cores, tipografia com importação de fontes, imagens vetoriais SVG, personalização de espaçamentos e botões, arredondamento das imagens,...).
   2. Criação e utilização de variáveis.
   3. Inclusão de elementos de "Scrollytelling" para revelar alguns elementos aos poucos. Exemplo: "Reveal on scroll", Entrada sequencial ("Stagger") nos "cards".
   4. Media queries com breakpoints, Z-Index,...: para alinhamento do botão flutuante, sobreposição de imagens e ajuste dos "pontinhos" perto das imagens da página inicial.
   5. Pseudo-Classes: Ex. Decoração do menu/hover, borda vermelha associada ao input de campos "required" nos formulários, animações do menu e botões...
   6. Pseudo-Elementos: Ex. "*" incluído automaticamente no label do formulário (contact.html), círculo vermelho no fundo dos ícones, pontos por trás das imagens, animação do menu (linha vermelha), criação de tag com efeito # em insights.html...
3. HTML:
   1. Criação de menu fixo (navbar) e menu sticky (filtro de categorias em Insights), com rodapé e menu secundário na página de "Insights".
   2. Criação de páginas externas ao formato "One Page".
   3. Criação e inclusão de favicon.
   4. Criação deste modal com CSS, imagem e "rodapé".
   5. Utilização simultânea de Layout Flexbox e Grid.

Nota adicional: Todos os artigos e playbooks que existem na página de Insights foram feitos por inteligência artificial e não pela aluna.