-
Notifications
You must be signed in to change notification settings - Fork 0
/
skills.html
128 lines (124 loc) · 6.47 KB
/
skills.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>| Skills |</title>
<link rel="shortcut icon" type="image/jpg" href="Assets/About.png" />
<link rel="stylesheet" href="master.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="header.css">
<link rel="stylesheet" href="footer.css">
</head>
<body>
<header>
<div id="theme">
<label class="switch">
<input type="checkbox" id="checkbox" checked>
<span class="slider round"></span>
</label>
<h5 id="theme_text">Modo claro ligado</h5>
</div>
<nav>
<li class="line">
<a href="index.html" id="nav_text">Sobre mim</a>
</li>
<li class="line">
<a href="projects.html" id="nav_text">Projetos</a>
</li>
<li class="line">
<a href="skills.html" id="nav_text">Habilidades</a>
</li>
</nav>
<button id="translate">
Pt-br
</button>
</header>
<main>
<h1 id="main_title">HABILIDADES</h1>
<section id="main_section">
<div id="main_div">
<ul id="main_graph">
<li>
<p>HTML5</p>
<span class="status_bar html"></span>
</li>
<li>
<p>JavaScript</p>
<span class="status_bar js"></span>
</li>
<li>
<p>CSS3</p>
<span class="status_bar css"></span>
</li>
<li>
<p>Node.js</p>
<span class="status_bar node"></span>
</li>
<li>
<p>React</p>
<span class="status_bar react"></span>
</li>
</ul>
<p id="main_text">Sou um grande entusiasta do mundo da programação e ultimamente ganhei a paixão por todo esse ambiente tecnológico. Minhas motivações me impulsionam a entregar resultados e soluções de alta qualidade. Durante minha experiência em um curso que muito me introduziu ao mercado de trabalho mas tinha seu foco em formar os alunos na programação, participei em diversas atividades de grupo (como Hackathons), que envolviam minha colaboração e relações produtivamente eficientes. Já utilizei muito das minhas atividades voluntárias e o acesso que recebi de 1 ano na plataforma Alura nesses meios para poder me lapidar profissionalmente, e melhorar como programador solidário.</p>
</div>
<section id="main_skills">
<div id="main_soft">
<h3>Soft-skills</h3>
<div class="soft_skills">
<img src="Assets/communication.png" alt="communication">
<p>Comunicação é uma parte integral do desenvolvimento de softwares, informando a todos participantes da equipe cada mudança feita com o feedback de cada um dos lados para atuar com eficiência sobre o melhor resultado a se alcançar.</p>
</div>
<div class="soft_skills">
<img src="Assets/creativity.png" alt="creativity">
<p>A criatividade é necessária em trabalhos que envolvem raciocínio lógico e diversos casos onde se pensar a frente faz a entrega de resultados ser concluída em seu melhor estado, e qualidade.</p>
</div>
<div class="soft_skills">
<img src="Assets/problem.png" alt="problem_solving">
<p>Resolução de problemas é um dos grandes pilares que sustentam sua compatibilidade com o ambiente de desenvolvimento, que, podem ser encontrados dentro ou fora, presencialmente e remotamente, nos dias de hoje.</p>
</div>
<div class="soft_skills">
<img src="Assets/adaptability.png" alt="adaptability">
<p>Ser adaptável faz o seu ritmo e progresso acompanharem diretamente a evolução constante da tecnologia e te torna facilmente uma pessoa ótima ao migrar para novas ferramentas e complexos sociais.</p>
</div>
<div class="soft_skills">
<img src="Assets/collaboration.png" alt="collaboration">
<p>Em equipes de desenvolvimento, a sinergia e a cooperação são fundamentais para alcançar resultados excepcionais. Através da colaboração, programadores podem combinar suas habilidades e conhecimentos para resolver problemas complexos, compartilhar ideias, revisar códigos e inovar em soluções.</p>
</div>
</div>
</section>
</section>
</main>
<footer>
<div id="linkedin">
<a href="https://www.linkedin.com/in/yan3" target="_blank"><img src="Assets/linkedin_white.png"
alt="linkedin"></a>
<a href="https://www.linkedin.com/in/yan3" target="_blank">
<p>Linkedin</p>
</a>
</div>
<section id="content_footer">
<div id="about_block">
<img src="https://mattboldt.com/static/a7da3e431d650749b7dd6166ccc8415b/9dc27/avatar.jpg" alt="mattbold">
<a href="https://mattboldt.com/demos/typed-js/" target="_blank"><p>Typed.js</p></a>
</div>
<div id="projects_block">
<img src="Assets/carousel.jpg" alt="test">
<a href="https://www.youtube.com/watch?app=desktop&v=1CZhGDU5cWM" target="_blank"><p>Carrossel feito com HTML e CSS</p></a>
</div>
<div id="skills_block">
<img src="Assets/skills.png" alt="skilss">
<a href="https://rubeus.com.br/blog/hard-skills-na-educacao/" target="_blank"><p>Soft & hard skills</p></a>
</div>
</section>
<div id="github">
<a href="https://github.com/0Dev-Yan0" target="_blank"><img src="Assets/github_white.png" alt="github"></a>
<a href="https://github.com/0Dev-Yan0" target="_blank">
<p>GitHub</p>
</a>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script src="JavaScript/main.js"></script>
</body>
</html>