├── README.md
├── design
    ├── desktop.png
    └── mobile.png
└── index.html


/README.md:
--------------------------------------------------------------------------------
 1 | <br />
 2 | <p align="center">
 3 |     <img src="https://i.ibb.co/Pr8wRn4/profile.gif" alt="Logo" width="1000">
 4 | 
 5 |   <h3 align="center">Profile component by <a href="https://github.com/Lorenalgm">Lorena</a></h3>
 6 |  <br />
 7 |   <p align="center">
 8 |      Perfil de um usuário
 9 |        <br />
10 |     <br />
11 |     <a href="https://github.com/devchallenge-io/profile-component">Desafio</a>
12 |     ·
13 |     <a href="https://www.devchallenge.com.br/">DevChallenge</a>
14 |   </p>
15 | </p>
16 | 
17 | ## Índice
18 | 
19 | * [Devchallenge](#devchallenge) 
20 | * [Desafio](#desafio)
21 | * [Techs](#techs)
22 | * [Como começar](#como-começar)
23 | * [Dicas](#dicas)  
24 |   * [Cores](#cores)
25 |   * [Modelo](#modelo)
26 |   * [Imagens](#imagens)
27 |   * [Icones](#icones)
28 |   * [Tipo de fonte](#tipo-de-fonte)
29 | * [Compartilhe](#compartilhe)
30 | 
31 | # Devchallenge
32 | <a href="https://devchallenge.now.sh/"> DevChallenge</a> permite que você evolua suas skills como programador! Participe da nossa <a href="https://discord.gg/yvYXhGj">comunidade</a> o/
33 | 
34 | # Desafio
35 | Seu desafio é criar um componete de um perfil de um usuário! O modelo final está disponível na pasta "design"
36 | 
37 | ## Requisitos:
38 | - Sua página exibir o nome e username do usuário.<br>
39 | - Sua página deverá exibir as informaçes de projetos, estrelas e seguidores de um usuário<br>
40 | - Sua página deverá ser responsiva
41 | 
42 | 
43 | # Techs: 
44 | - HTML
45 | - CSS
46 | 
47 | # Como começar:
48 | 1 - Use esse template (clicando em Use this template) ou faça um fork deste repositório com o código inicial<br>
49 | 2 - Leia as instruções no readme.md<br>
50 | 3 - Comece a codar! Sinta-se livre para utilizar o fluxo de trabalho que ache mais confortável<br>
51 | 4 - Compartilhe seu resultado com a comunidade! #devchallenge
52 | 
53 | # Dicas
54 | 
55 | ## Cores:
56 | Preto: #0C0B0B<br>
57 | Cinza: #0F0E0E<br>
58 | Branco: #B7B7B7<br>
59 | Verde: #046313<br>
60 | Azul: #044A7D<br>
61 | Amarelo: #725200<br>
62 | 
63 | ## Modelo:
64 | O modelo final desktop está disponível na pasta `./design`
65 | 
66 | ## Icones
67 | Para os ícones, recomendamos que utilize alguma biblioteca, como o Font Awesome
68 | 
69 | ## Tipo de fonte:
70 | - Rubik
71 | 
72 | # Compartilhe!
73 | Inicie seu projeto utilizando esse template no seu github como um repositório público<br>
74 | Faça um print, gif ou vídeo e compartilhe o resultado com a #devchallenge ou marcando nosso perfil @devchallenge!<br>
75 | 
76 | Desafio criado por  <a href="https://www.linkedin.com/in/lorenagmontes/">Lorena</a> :)
77 | 
78 | # Comunidade DevChallenge
79 | Site: https://www.devchallenge.com.br/ <br>
80 | Discord: https://discord.gg/yvYXhGj <br>
81 | Linkedin: https://www.linkedin.com/company/devchallenge/<br>
82 | Twitter: https://twitter.com/dev_challenge<br>
83 | Instagram: https://www.instagram.com/devchallenge/<br>
84 | 


--------------------------------------------------------------------------------
/design/desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devchallenge-io/profile-component/ac92089c8a28b1563bcf8af9440696d4716b2654/design/desktop.png


--------------------------------------------------------------------------------
/design/mobile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devchallenge-io/profile-component/ac92089c8a28b1563bcf8af9440696d4716b2654/design/mobile.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | Seu nome
2 | @seunome
3 | Editar
4 | Projetos
5 | 27
6 | Estrelas
7 | 302
8 | Seguidores
9 | 83


--------------------------------------------------------------------------------