Este projeto cria uma página de links personalizada para a loja LC Sports, onde é possível centralizar todos os links de redes sociais e plataformas relevantes. A página é responsiva, personalizável e contém funcionalidades como alternância entre tema claro e escuro.
- Tema Claro/Escuro: Botão de alternância para mudar entre os temas claro e escuro.
- Integração de Redes Sociais: Links para o site da loja, Instagram, TikTok, Facebook e WhatsApp.
- Ícones de Redes Sociais: Uso de ícones via Ionicons.
- Avatar Personalizado: Logo da LC Sports com descrição de acessibilidade.
- Design Responsivo: A página é adaptada para dispositivos móveis e desktops.
- Fonte "Inter": Importada diretamente do Google Fonts para um design moderno.
- HTML5: Estrutura da página.
- CSS3: Estilização da página com o arquivo localizado em
assets/style/style.css. - JavaScript: Funcionalidade de alternância de modo de tema, com o arquivo localizado em
assets/javascript/script.js. - Google Fonts: Fonte "Inter" importada para o design da página.
- Ionicons: Ícones para redes sociais.
- Título da Página: O título da página foi alterado para "LC Sports".
- Imagem do Avatar: O avatar agora contém uma descrição de acessibilidade detalhada: "Logo da Loja LC Sports nas cores preto, vermelho e branco, apresentando um personagem jogando futebol e outro jogando basquete."
- Links Atualizados: Links de redes sociais e da loja LC Sports foram integrados, incluindo WhatsApp com mensagem pré-definida de pedido.
- Favicon: Favicon personalizado utilizando o avatar da loja LC Sports.
index.html: Arquivo principal da página.assets/: Contém os recursos da página.style/style.css: Estilos personalizados da página.images/avatar.png: Imagem de avatar da LC Sports.javascript/script.js: Script para alternância de tema (claro/escuro).
README.md: Documento explicativo sobre o projeto.
-
Clone o repositório:
git clone https://github.com/Crystyanno/bio-link.git
-
Abra o arquivo index.html em qualquer navegador para visualizar a página.
-
Personalize os links e informações conforme necessário, editando o arquivo index.html e alterando o avatar em assets/images/avatar.png.