Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/denetodev/social-links-profile
Um card de perfil elegante exibindo um desenvolvedor front-end com links sociais. O design é responsivo e destaca informações de contato e habilidades, com um layout moderno e limpo. Ideal para criar uma presença online profissional.
https://github.com/denetodev/social-links-profile
bootstrap5 css-flexbox css-grid css3 html5 responsive-design semantic-web web
Last synced: 21 days ago
JSON representation
Um card de perfil elegante exibindo um desenvolvedor front-end com links sociais. O design é responsivo e destaca informações de contato e habilidades, com um layout moderno e limpo. Ideal para criar uma presença online profissional.
- Host: GitHub
- URL: https://github.com/denetodev/social-links-profile
- Owner: denetodev
- Created: 2024-08-18T23:29:48.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-20T01:34:45.000Z (4 months ago)
- Last Synced: 2024-11-19T05:58:25.910Z (about 1 month ago)
- Topics: bootstrap5, css-flexbox, css-grid, css3, html5, responsive-design, semantic-web, web
- Language: HTML
- Homepage: https://social-links-profile-plum-six.vercel.app
- Size: 841 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Social Links Profile Solution
Este projeto é uma solução para o [desafio de perfil com links sociais no Frontend Mentor](https://www.frontendmentor.io/challenges/social-links-profile-uxJTA6oJBM). Os desafios do Frontend Mentor ajudam a melhorar as habilidades de codificação ao construir projetos realistas.
Sinta-se à vontade para visitar o meu perfil no Frontend Mentor - [@deusdeteneto](https://www.frontendmentor.io/profile/deusdeteneto)
## Índice de conteúdos
- [Visão geral](#visão-geral)
- [Screenshot](#screenshot)
- [Links](#links)
- [Meu processo](#meu-processo)
- [Construído com](#construído-com)
- [O que eu aprendi](#o-que-eu-aprendi)
- [Desenvolvimento contínuo](#desenvolvimento-contínuo)
- [Recursos úteis](#recursos-úteis)
- [Autor](#autor)
- [Agradecimentos](#agradecimentos)
## Visão geral
### Screenshot
### Links
- URL da Solução: [Adicionar URL da solução aqui](https://www.frontendmentor.io/solutions/social-links-profile-OWEFOwPysu)
- URL do Site: [Adicionar URL do site aqui](https://social-links-profile-plum-six.vercel.app/)
## Meu processo
### Construído com
### O que eu aprendi
Durante o desenvolvimento deste projeto, aprendi a utilizar o Bootstrap para criar layouts responsivos e estilizados de forma eficiente. Também melhorei minha habilidade em trabalhar com componentes customizados e técnicas de centralização usando Flexbox.
Aqui está um exemplo de código que utilizei:
```html
Jessica Randall
London, United Kingdom
"Front-end developer and avid reader."
GitHub
Frontend Mentor
LinkedIn
Twitter
Instagram
```
### Desenvolvimento contínuo
Para projetos futuros, planejo explorar mais o uso de CSS Grid e continuar a aprimorar minha habilidade em criar layouts mais complexos com Flexbox e Bootstrap. Também gostaria de melhorar a acessibilidade e a semântica nos meus projetos.
### Recursos úteis
- [Documentação do Bootstrap](https://getbootstrap.com/docs/5.3/getting-started/introduction/) - A documentação do Bootstrap foi fundamental para entender como utilizar componentes e utilitários de forma eficaz.
- [CSS Tricks - A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - Este guia foi uma referência constante para aplicar técnicas de Flexbox no projeto.
## Autor
Você pode encontrar mais informações sobre mim clicando nas minhas redes abaixo.
## Agradecimentos
Gostaria de agradecer à comunidade do Frontend Mentor por criar desafios interessantes que me ajudaram a melhorar minhas habilidades de front-end e por todo o suporte e feedback recebido.