Um template de página simples para substituir o Linktree. Personalizável, responsivo e ideal para agregar todos os seus links importantes. Feito com HTML, TailwindCSS e suporte para dark/light mode.
- HTML: Estrutura da página.
- TailwindCSS: Estilização rápida e responsiva com utilitários.
- Phosphor Icons: Biblioteca de ícones simples e flexível.
- GitHub Pages: Hospedagem gratuita para projetos estáticos.
- Dark/Light Mode com um simples botão de alternância.
- Design responsivo e personalizável.
- Links com efeitos de hover e ícones.
- Código limpo e fácil de adaptar.
-
Clone o projeto ou faça um fork:
git clone /~https://github.com/felipemacedo1/my-linktree-html.git
-
Personalize o conteúdo:
- Substitua os links e textos no HTML pelo seu conteúdo.
- Edite o estilo usando TailwindCSS ou adicione classes extras.
-
Adicione sua foto de perfil:
- Atualize a imagem no HTML com o link da sua foto (pode usar um link externo ou uma imagem local).
-
Deploy via GitHub Pages:
- Vá até as configurações do repositório no GitHub.
- Na seção GitHub Pages, escolha a branch
main
oumaster
e o diretório/root
. - Pronto! Seu site estará disponível em:
https://seu-usuario.github.io/nome-do-repositorio
Este projeto pode ser facilmente modificado para criar sua versão personalizada de Linktree, onde você pode:
- Adicionar seus perfis em redes sociais.
- Incluir links para portfólios, blogs ou qualquer outro recurso.
- Utilizar para fins pessoais ou profissionais.
Exemplo em ação: Demo Live.
- Ícones: Phosphor Icons
- TailwindCSS CDN: TailwindCSS
- Deploy gratuito: GitHub Pages
Se você tiver sugestões ou melhorias, sinta-se à vontade para abrir uma issue ou enviar um Pull Request.
Este projeto está sob a MIT License.