Este é um projeto simples de perfil pessoal desenvolvido em HTML, CSS e JavaScript. Ele inclui uma seção de informações básicas sobre mim, links para as minhas redes sociais principais no meio dev e uma playlist no Spotify.
O site apresenta:
- Uma imagem de perfil.
- Uma breve descrição.
- Links para várias redes sociais.
O projeto consiste em três arquivos principais:
- index.html: O arquivo HTML que define a estrutura da página.
- style.css: O arquivo CSS que define o estilo e a aparência da página.
- script.js: O arquivo JavaScript que adiciona interatividade à página.
- HTML5
- CSS3
- JavaScript
- Font Awesome para ícones
- Google Fonts para a fonte Poppins
-
Clone o Repositório
Para começar, clone este repositório para o seu ambiente local:
git clone https://github.com/fleabagreact/card-redes-sociais.git
-
Abra o Projeto
Navegue até o diretório do projeto:
cd card-redes-sociais
-
Visualize no Navegador
Abra o arquivo
index.html
no seu navegador preferido para visualizar o perfil.
- HTML: Define a estrutura da página, incluindo a imagem de perfil, descrição e links para redes sociais.
- CSS: Estiliza a página, incluindo o layout, cores e responsividade.
- JavaScript: Controla a funcionalidade do menu adicional, permitindo que ele seja exibido ou ocultado ao clicar em um ícone especial.
Você pode personalizar o projeto editando os seguintes arquivos:
index.html
: Atualize os links e informações de perfil conforme necessário.style.css
: Modifique os estilos para ajustar a aparência do perfil.script.js
: Adapte as funções JavaScript conforme necessário.
- Instagram: lududo_
- Behance: luizasouzae
- GitHub: fleabagreact
- LinkedIn: lududo
- Figma: luizasouzae
Sinta-se à vontade para contribuir para o projeto! Se você encontrar problemas ou tiver sugestões, abra um issue ou envie um pull request.