Skip to content

Commit 4b241ce

Browse files
lauraataide8lauraataide8
authored
Refactor header and main sections for better layout
Refactor HTML structure and improve content clarity.
1 parent 97d5cc7 commit 4b241ce

File tree

1 file changed

+70
-73
lines changed

1 file changed

+70
-73
lines changed

‎index.html‎

Lines changed: 70 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -13,43 +13,43 @@
1313
rel="stylesheet"
1414
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
1515
/>
16-
<link rel="preconnect" href="https://fonts.googleapis.com" />
17-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1816
<link
1917
href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Poppins:wght@400;600&display=swap"
2018
rel="stylesheet"
2119
/>
20+
2221
<link rel="stylesheet" href="style.css" />
2322
</head>
2423

2524
<body>
2625
<header class="cabecalho">
27-
<a href="#" class="cabecalho-logo">Laura<span>.</span>Ataide</a>
28-
<nav class="cabecalho-menu">
29-
<a class="cabecalho-menu-item" href="#sobre">Sobre</a>
30-
<a class="cabecalho-menu-item" href="#projetos">Projetos</a>
31-
<a class="cabecalho-menu-item" href="#habilidades">Habilidades</a>
32-
<a class="cabecalho-menu-item" href="#contato">Contato</a>
33-
</nav>
26+
<div class="container cabecalho-container">
27+
<a href="#" class="cabecalho-logo">Laura<span>.</span>Ataide</a>
28+
<nav class="cabecalho-menu">
29+
<a class="cabecalho-menu-item" href="#sobre">Sobre</a>
30+
<a class="cabecalho-menu-item" href="#projetos">Projetos</a>
31+
<a class="cabecalho-menu-item" href="#habilidades">Habilidades</a>
32+
<a class="cabecalho-menu-item" href="#contato">Contato</a>
33+
</nav>
34+
</div>
3435
</header>
3536

36-
<main class="conteudo">
37+
<main class="container">
3738
<section class="conteudo-principal">
3839
<div class="conteudo-principal-escrito">
3940
<h1 class="conteudo-principal-titulo">
4041
PORTFÓLIO<span>Laura Ataide</span>
4142
</h1>
4243
<h2 class="conteudo-principal-subtitulo">
4344
Software Engineer | Backend Java & Spring Boot <br />
44-
Transformando infraestrutura sólida em código de alta performance.
45+
Aliando expertise em infraestrutura ao desenvolvimento de alta
46+
performance.
4547
</h2>
46-
<div class="cta-container">
47-
<div class="snake-container">
48-
<img
49-
src="https://raw.githubusercontent.com/lauraataide8/lauraataide8/output/github-contribution-grid-snake.svg"
50-
alt="GitHub Snake"
51-
/>
52-
</div>
48+
<div class="snake-container">
49+
<img
50+
src="https://raw.githubusercontent.com/lauraataide8/lauraataide8/output/github-contribution-grid-snake.svg"
51+
alt="GitHub Snake"
52+
/>
5353
</div>
5454
</div>
5555
<div class="conteudo-principal-imagem">
@@ -61,23 +61,27 @@ <h2 class="conteudo-principal-subtitulo">
6161
<h3 class="conteudo-secundario-titulo">Sobre Mim</h3>
6262
<div class="sobre-texto">
6363
<p>
64-
Com mais de 5 anos de atuação técnica, consolidei minha carreira
65-
unindo a <strong>Administração de Infraestrutura</strong> à
66-
construção de softwares escaláveis. Minha base em redes e servidores
67-
me permite desenvolver soluções com olhar crítico sobre segurança e
68-
alta disponibilidade.
64+
Com uma trajetória de mais de 5 anos em tecnologia, minha evolução
65+
da Administração de Infraestrutura para o Desenvolvimento Backend
66+
trouxe um diferencial técnico decisivo. Essa vivência em redes e
67+
servidores me confere uma visão sistêmica privilegiada: antecipo
68+
gargalos e projeto arquiteturas focadas em segurança, escalabilidade
69+
e alta disponibilidade desde o primeiro commit.
6970
</p>
7071
<p>
71-
No <strong>Back-End</strong>, sou especialista no ecossistema
72-
<strong>Java (versões 17, 21 e 25)</strong> com Spring Boot,
73-
construindo arquiteturas robustas em SQL Server e Firebird. Domino a
74-
modernização de sistemas legados e a integração de dados para
75-
inteligência de negócios (BI).
72+
No ecossistema Backend, foco na modernização de sistemas e alta
73+
performance com Java (17, 21 e 25) e Spring Boot. Atuo na
74+
transformação de regras de negócio complexas em soluções robustas,
75+
aplicando boas práticas de arquitetura e otimização em bancos de
76+
dados como SQL Server. No âmbito acadêmico, curso ADS na Faculdade
77+
Impacta, onde conecto a teoria à prática de soluções Cloud e
78+
Engenharia de Dados, preparando-me para os desafios de ambientes
79+
distribuídos."
7680
</p>
7781
<p>
78-
Atualmente curso Análise e Desenvolvimento de Sistemas na Impacta,
79-
focando em Cloud (Azure) e na evolução contínua para resolver
80-
desafios complexos de integração e performance de dados.
82+
No âmbito acadêmico, curso ADS na
83+
<strong>Faculdade Impacta</strong>, onde aprofundo conhecimentos em
84+
<strong>Cloud</strong> e engenharia de dados.
8185
</p>
8286
</div>
8387
</section>
@@ -93,8 +97,8 @@ <h3 class="conteudo-secundario-titulo">Projetos em Destaque</h3>
9397
</div>
9498
<h4>Modernização Java 21</h4>
9599
<p>
96-
Migração de sistemas legados para arquitetura Spring Boot (LTS
97-
17/21) com foco em escalabilidade e integração SQL Server.
100+
Migração de sistemas legados para arquitetura Spring Boot com
101+
foco em escalabilidade.
98102
</p>
99103
<a
100104
href="https://github.com/lauraataide8"
@@ -111,8 +115,8 @@ <h4>Modernização Java 21</h4>
111115
</div>
112116
<h4>AC Milan Fan Site</h4>
113117
<p>
114-
Hub central para fãs do time feminino do AC Milan, com
115-
notícias, elenco e vídeos. Foco em Web Design responsivo.
118+
Hub central para fãs do time feminino do AC Milan. Foco em Web
119+
Design responsivo.
116120
</p>
117121
<a
118122
href="https://lauraataide8.github.io/projeto_site_futebol_feminino_senaisp/"
@@ -130,7 +134,7 @@ <h4>AC Milan Fan Site</h4>
130134
<h4>Pet Place (UI/UX)</h4>
131135
<p>
132136
Prototipagem de alta fidelidade no Figma focada na jornada do
133-
usuário e design centrado no humano.
137+
usuário.
134138
</p>
135139
<a
136140
href="https://www.figma.com/proto/Tuu40ijV9A82sYHUUocQ3D/PETPLACE"
@@ -158,68 +162,62 @@ <h3 class="conteudo-secundario-titulo">Tech Stack</h3>
158162
<li><i class="fa-brands fa-docker"></i><span>Docker</span></li>
159163
<li><i class="fa-solid fa-box"></i><span>Maven</span></li>
160164
<li><i class="fa-solid fa-code"></i><span>CRUD / API REST</span></li>
161-
<li><i class="fa-solid fa-network-wired"></i><span>Infraestrutura de Redes</span></li>
165+
<li>
166+
<i class="fa-solid fa-network-wired"></i><span>Infraestrutura</span>
167+
</li>
162168
<li><i class="fa-brands fa-linux"></i><span>Linux</span></li>
163169
<li>
164170
<i class="fa-brands fa-windows"></i><span>Windows Server</span>
165171
</li>
166172
<li><i class="fa-brands fa-git-alt"></i><span>Git</span></li>
167-
<li><i class="fa-brands fa-bootstrap"></i><span>Bootstrap</span></li>
168173
</ul>
169174
</section>
170175
</main>
171176

172177
<footer id="contato" class="rodape">
173-
<div class="rodape-conteudo">
178+
<div class="container rodape-container">
174179
<div class="rodape-info">
175-
<h2 class="titulo-animado glitch-sci-fi" data-text="Vamos Conversar?">
176-
Vamos Conversar?
177-
</h2>
178-
<p>
179-
Estou aberta a novas oportunidades em Backend Engineering e Database
180-
Intelligence.<br />
181-
Conecte-se comigo através das minhas redes oficiais.
182-
</p>
183-
180+
<h2>Vamos Conversar?</h2>
184181
<div class="rodape-contato-badges">
185-
<a href="mailto:lauramartinsataide@gmail.com" class="badge-contato">
186-
<i class="fa-solid fa-envelope"></i><span>Email</span>
187-
</a>
182+
<a href="mailto:lauramartinsataide@gmail.com" class="badge-contato"
183+
><i class="fa-solid fa-envelope"></i><span>Email</span></a
184+
>
188185
<a
189186
href="https://www.linkedin.com/in/lauraataide91/"
190187
target="_blank"
191188
class="badge-contato"
189+
><i class="fa-brands fa-linkedin"></i><span>LinkedIn</span></a
192190
>
193-
<i class="fa-brands fa-linkedin"></i><span>LinkedIn</span>
194-
</a>
195191
<a
196192
href="https://github.com/lauraataide8"
197193
target="_blank"
198194
class="badge-contato"
195+
><i class="fa-brands fa-github"></i><span>GitHub</span></a
199196
>
200-
<i class="fa-brands fa-github"></i><span>GitHub</span>
201-
</a>
202197
</div>
203198
</div>
204199

205-
<div class="rodape-portal-container">
206-
<a
207-
href="https://github.com/lauraataide8?tab=repositories"
208-
target="_blank"
209-
class="portal-wrapper"
210-
>
211-
<div class="portal">
212-
<div class="portal-efeito"></div>
213-
<div class="portal-nucleo"></div>
214-
</div>
215-
<span class="portal-legenda">PORTAL DE REPOSITÓRIOS</span>
216-
</a>
217-
</div>
200+
<a
201+
href="https://github.com/lauraataide8?tab=repositories"
202+
target="_blank"
203+
class="portal-gun-card"
204+
>
205+
<div class="card-conteudo">
206+
<i class="fa-brands fa-github"></i>
207+
<span class="status-texto"> ABRIR REPOSITÓRIOS</span>
208+
<span class="clique-texto">SYSTEM: ON </span>
209+
</div>
210+
<div class="fluido-container">
211+
<div class="bolha"></div>
212+
<div class="bolha"></div>
213+
<div class="bolha"></div>
214+
</div>
215+
</a>
218216
</div>
219217

220218
<div class="rodape-copyright">
221219
<p>
222-
© 2026 Laura Martins de Ataide. Desenvolvido com café e Rick & Morty.
220+
© 2026 Laura Martins de Ataide. Desenvolvido café e "Rick & Morty".
223221
</p>
224222
</div>
225223
</footer>
@@ -228,13 +226,12 @@ <h2 class="titulo-animado glitch-sci-fi" data-text="Vamos Conversar?">
228226
href="https://wa.me/5511999498492"
229227
class="whatsapp-flutuante"
230228
target="_blank"
231-
>
232-
<i class="fa-brands fa-whatsapp"></i>
233-
</a>
229+
><i class="fa-brands fa-whatsapp"></i
230+
></a>
234231

235232
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
236233
<script>
237-
const swiper = new Swiper(".meu-swiper", {
234+
new Swiper(".meu-swiper", {
238235
slidesPerView: 1,
239236
spaceBetween: 30,
240237
loop: true,

0 commit comments

Comments
 (0)