Portfólio/landing page com visual autoral (tipografia forte + fundo “paper/ink”), foco em legibilidade, performance e narrativa de projetos. É um site estático para GitHub Pages.

Você pode visualizar a página diretamente em: https://ffelixlucas.github.io/

• Características
• Tecnologias Utilizadas
• Estrutura do Projeto
• Instalação e Uso
• Customizações
• Contribuição
• Licença
• Contato

• Design autoral & responsivo: Grid/Flex, tipografia com Google Fonts e layout consistente em mobile/desktop.
• Acessibilidade: skip link, semântica, aria-*, foco visível.
• Menu móvel: overlay com trava de scroll.
• Animações leves: reveal com IntersectionObserver (respeita prefers-reduced-motion).
• Contato honesto: o formulário gera um mailto: no seu app de e-mail (não “envia fake”).
• Sem dependências de animação: sem ScrollReveal/Typed/SweetAlert; só HTML/CSS/JS.

• HTML5: Estrutura semântica e otimizada para SEO e acessibilidade.
• CSS3: Variáveis, Grid/Flex, responsividade, fundo com gradientes/textura.
• JavaScript: Menu, seção ativa, reveal, botão “voltar ao topo”, copiar contato e geração de e-mail.
• Font Awesome: Ícones vetoriais para melhor representação visual.
• Google Fonts: Tipografia do site.

landing-page/
├── assets/
│   ├── img/                # Imagens da landing page (ex.: fotolinkedin.jpg, pixelart.png, favicon.ico, etc.)
├── index.html              # Arquivo HTML principal com a estrutura da página
├── style.css               # Arquivo de estilos com variáveis, layout e responsividade
├── script.js               # Arquivo com scripts para interações e animações
└── README.md               # Este arquivo de documentação

1. Clone o repositório:

   git clone https://seu-repositorio.com/landing-page.git
   cd landing-page

2. Abra o arquivo index.html em seu navegador:

   • Dê um duplo clique no arquivo ou utilize um servidor local (por exemplo, com a extensão Live Server do VS Code) para uma experiência ideal.

• Conteúdo: Atualize textos e links no index.html.
• Estilos: Ajuste as variáveis CSS no topo do style.css (cores, fontes e sombras).
• Projetos: Edite a seção #projects para adicionar/remover cards e tags.
• Contato: O e-mail destino do formulário fica em script.js (procure por [email protected]).

Contribuições, sugestões e feedback são muito bem-vindos! Se tiver ideias para melhorias ou encontrar algum bug, sinta-se à vontade para abrir uma issue ou enviar um pull request no repositório.

Distribuído sob a licença MIT. Veja o arquivo LICENSE para mais informações.

• Email: [email protected]
• LinkedIn: linkedin.com/in/lucasfanhafelix
• GitHub: github.com/ffelixlucas