-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsobre.html
113 lines (99 loc) · 6.54 KB
/
sobre.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bruna Clares | Sobre</title>
<meta name="description"
content="Eu sou a Bruna, desenvolvedora Full Stack em formação, com foco em JavaScript, HTML, CSS, Python e SQL.">
<meta name="author" content="Bruna Clares Cardoso">
<meta property="og:title" content="Bruna Clares - Desenvolvedora Full Stack">
<meta property="og:description"
content="Portfólio com projetos e formação de Bruna Clares, desenvolvedora em formação em tecnologias web.">
<link rel="stylesheet" href="./css/style.min.css">
<link rel="preload" href="./css/style.min.css" as="style">
<link rel="icon" href="./img/favicon/favicon-sobre.svg" type="image/svg+xml" width="64" height="64">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"
rel="stylesheet">
</head>
<body class="container">
<header class="container-header">
<a href="/">
<img src="./img/logo-home.svg" alt="Logo escrito Bruna com fonte branca" width="100" height="44">
</a>
<nav class="nav" aria-label="Menu">
<ul class="sobre-menu text-md text-lowercase font-bold">
<li><a class="button-1 menu" href="./sobre.html" aria-label="Ir para a página Sobre">Sobre</a></li>
<li><a class="button-2 menu" href="./projetos.html" aria-label="Ir para a página de Formação">Projetos</a></li>
<li><a class="button-3 menu" href="./formacao.html" aria-label="Ir para a página de Projetos">Formação</a></li>
<li><a class="button-4 menu" href="./contato.html" aria-label="Ir para a página de Contato">Contato</a></li>
</ul>
</nav>
<button class="toggle-menu text-lg text-uppercase font-bold">
menu
</button>
</header>
<section aria-label="Informações profissionais sobre a Bruna" id="sobre">
<h2 class="subtitulos text-xl font-bold text-uppercase text-cor-primaria">Que bom que está por aqui!</h2>
<dl class="sobre-dialogo text-md font-semibold text-cor-terciaria">
<dt class="sobre-perguntas bg-2">Por que escolheu a tecnologia?</dt>
<dd class="sobre-respostas bg-2">Trabalhei por mais de 15 anos com gestão empresarial, sempre buscando implantar
tecnologias para otimizar processos administrativos e logísticos. Nesse período, desenvolvi um interesse
crescente em entender como essas soluções eram criadas – e não apenas implementadas.
</dd>
<dd class="sobre-respostas bg-2">Em 2023, decidi transformar
essa curiosidade em ação e comecei a me dedicar à área de tecnologia. Desde então, estou construindo projetos e
me especializando em desenvolvimento Full Stack, com foco em entregar soluções que realmente façam a diferença.
</dd>
<dt class="sobre-perguntas bg-2">Teve um momento que mudou tudo?</dt>
<dd class="sobre-respostas bg-2">Sim! Em 2020, durante a pandemia, montei um e-commerce para a empresa onde era
gerente administrativa havia 13 anos. Participei de todas as etapas: criei o logo, integrei o ERP, implementei a
plataforma de vendas e gerenciei as redes sociais. O projeto teve tanto sucesso que o e-commerce está ativo até
hoje! </dd>
<dd class="sobre-respostas bg-2">Foi aí que percebi como a tecnologia pode ser transformadora. Ajudei a empresa a
manter o caixa estável e
a evitar demissões em um momento crítico. Desde então, meu objetivo é estar do lado de quem cria essas soluções
e causa impacto positivo. </dd>
<dt class="sobre-perguntas bg-2">No que você está focada agora?</dt>
<dd class="sobre-respostas bg-2">Atualmente, estou no último semestre de Análise e Desenvolvimento de Sistemas e
já me preparando para o próximo passo: iniciar a graduação em Sistemas de Informação. Meu foco é me tornar uma
Desenvolvedora Full Stack, com especialização em aplicações web. </dd>
<dd class="sobre-respostas bg-2">Escolhi o JavaScript como principal tecnologia,
trabalhando tanto no front-end quanto no back-end, e estou estudando bancos de dados como MongoDB e PostgreSQL.
Também utilizo o Git para controle de versão com commits semânticos. </dd>
<dt class="sobre-perguntas bg-2">Como você coloca a mão na massa?</dt>
<dd class="sobre-respostas bg-2">Curiosidade e prática são o centro do meu processo. A cada projeto, busco
aprender algo novo, seja uma tecnologia ou uma abordagem diferente para solucionar problemas. Gosto de colaborar
com outros profissionais porque acredito que as melhores soluções nascem de boas trocas de ideias.
</dd>
<dd class="sobre-respostas bg-2">Para mim,
desenvolver não é apenas codificar – é entender as necessidades de quem vai usar a solução, pensar criativamente
e garantir que cada detalhe tenha propósito.
</dd>
<dt class="sobre-perguntas bg-2">E como você lida com desafios?</dt>
<dd class="sobre-respostas bg-2">Sou a pessoa que recebe um problema, analisa, cria um plano e executa – mesmo que
precise aprender algo novo no caminho. Acredito que a busca por conhecimento é parte essencial da resolução de
problemas, e meu foco é sempre entregar a solução mais eficiente e funcional possível.
</dd>
<dt class="sobre-perguntas bg-2">Quais são seus próximos passos?</dt>
<dd class="sobre-respostas bg-2">Além de concluir minha graduação em ADS, pretendo me aprofundar em tecnologias
como React, Node.js, Angular, APIs REST e TypeScript. Também estou realizando o curso JavaScript Completo ES6,
que aborda desde o básico até o avançado, com foco em manipulação do DOM, requisições via Fetch API e conceitos
modernos como arrow functions e promises.
</dd>
<dd class="sobre-respostas bg-2">Meu objetivo é continuar evoluindo como desenvolvedora, criando
soluções funcionais e impactantes.
</dd>
</dl>
</section>
<footer>
<img src="./img/detalhes/sobre.svg" alt="Ilustração da Bruna com dois gatos pretos, cada um em um ombro" width="390"
height="390">
<p class="text-md text-cor-primaria">Design e Desenvolvimento por Bruna Clares Cardoso 2025.</p>
</footer>
<script src="./js/script.js"></script>
</body>
</html>