Skip to content

Commit 7cfe71d

Browse files
lauraataide8lauraataide8
committed
Site Finalizado: Layout PC e Mobile corrigidos
1 parent fb59410 commit 7cfe71d

2 files changed

Lines changed: 235 additions & 342 deletions

File tree

‎index.html‎

Lines changed: 73 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,30 @@ <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 <strong>Administração de Infraestrutura</strong> para o
66+
<strong>Desenvolvimento Backend</strong> trouxe um diferencial
67+
técnico decisivo. Essa vivência em redes e servidores me confere uma
68+
visão sistêmica privilegiada: antecipo gargalos e projeto
69+
arquiteturas focadas em
70+
<strong>segurança, escalabilidade e alta disponibilidade</strong>
71+
desde o primeiro commit.
6972
</p>
73+
7074
<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).
75+
No ecossistema Backend, foco na modernização de sistemas e alta
76+
performance com <strong>Java (17, 21 e 25)</strong> e
77+
<strong>Spring Boot</strong>. Atuo na transformação de regras de
78+
negócio complexas em soluções robustas, aplicando boas práticas de
79+
arquitetura e otimização em bancos de dados como
80+
<strong>SQL Server</strong>.
7681
</p>
82+
7783
<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.
84+
No âmbito acadêmico, curso ADS na
85+
<strong>Faculdade Impacta</strong>, onde conecto a teoria à prática
86+
de soluções <strong>Cloud (Azure)</strong> e Engenharia de Dados,
87+
preparando-me para os desafios de ambientes distribuídos.
8188
</p>
8289
</div>
8390
</section>
@@ -93,8 +100,8 @@ <h3 class="conteudo-secundario-titulo">Projetos em Destaque</h3>
93100
</div>
94101
<h4>Modernização Java 21</h4>
95102
<p>
96-
Migração de sistemas legados para arquitetura Spring Boot (LTS
97-
17/21) com foco em escalabilidade e integração SQL Server.
103+
Migração de sistemas legados para arquitetura Spring Boot com
104+
foco em escalabilidade.
98105
</p>
99106
<a
100107
href="https://github.com/lauraataide8"
@@ -111,8 +118,8 @@ <h4>Modernização Java 21</h4>
111118
</div>
112119
<h4>AC Milan Fan Site</h4>
113120
<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.
121+
Hub central para fãs do time feminino do AC Milan. Foco em Web
122+
Design responsivo.
116123
</p>
117124
<a
118125
href="https://lauraataide8.github.io/projeto_site_futebol_feminino_senaisp/"
@@ -130,7 +137,7 @@ <h4>AC Milan Fan Site</h4>
130137
<h4>Pet Place (UI/UX)</h4>
131138
<p>
132139
Prototipagem de alta fidelidade no Figma focada na jornada do
133-
usuário e design centrado no humano.
140+
usuário.
134141
</p>
135142
<a
136143
href="https://www.figma.com/proto/Tuu40ijV9A82sYHUUocQ3D/PETPLACE"
@@ -158,68 +165,62 @@ <h3 class="conteudo-secundario-titulo">Tech Stack</h3>
158165
<li><i class="fa-brands fa-docker"></i><span>Docker</span></li>
159166
<li><i class="fa-solid fa-box"></i><span>Maven</span></li>
160167
<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>
168+
<li>
169+
<i class="fa-solid fa-network-wired"></i><span>Infraestrutura</span>
170+
</li>
162171
<li><i class="fa-brands fa-linux"></i><span>Linux</span></li>
163172
<li>
164173
<i class="fa-brands fa-windows"></i><span>Windows Server</span>
165174
</li>
166175
<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>
168176
</ul>
169177
</section>
170178
</main>
171179

172180
<footer id="contato" class="rodape">
173-
<div class="rodape-conteudo">
181+
<div class="container rodape-container">
174182
<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-
183+
<h2>Vamos Conversar?</h2>
184184
<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>
185+
<a href="mailto:lauramartinsataide@gmail.com" class="badge-contato"
186+
><i class="fa-solid fa-envelope"></i><span>Email</span></a
187+
>
188188
<a
189189
href="https://www.linkedin.com/in/lauraataide91/"
190190
target="_blank"
191191
class="badge-contato"
192+
><i class="fa-brands fa-linkedin"></i><span>LinkedIn</span></a
192193
>
193-
<i class="fa-brands fa-linkedin"></i><span>LinkedIn</span>
194-
</a>
195194
<a
196195
href="https://github.com/lauraataide8"
197196
target="_blank"
198197
class="badge-contato"
198+
><i class="fa-brands fa-github"></i><span>GitHub</span></a
199199
>
200-
<i class="fa-brands fa-github"></i><span>GitHub</span>
201-
</a>
202200
</div>
203201
</div>
204202

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>
203+
<a
204+
href="https://github.com/lauraataide8?tab=repositories"
205+
target="_blank"
206+
class="portal-gun-card"
207+
>
208+
<div class="card-conteudo">
209+
<i class="fa-brands fa-github"></i>
210+
<span class="status-texto"> ABRIR REPOSITÓRIOS</span>
211+
<span class="clique-texto">SYSTEM: ON </span>
212+
</div>
213+
<div class="fluido-container">
214+
<div class="bolha"></div>
215+
<div class="bolha"></div>
216+
<div class="bolha"></div>
217+
</div>
218+
</a>
218219
</div>
219220

220221
<div class="rodape-copyright">
221222
<p>
222-
© 2026 Laura Martins de Ataide. Desenvolvido com café e Rick & Morty.
223+
© 2026 Laura Martins de Ataide. Desenvolvido café e "Rick & Morty".
223224
</p>
224225
</div>
225226
</footer>
@@ -228,13 +229,12 @@ <h2 class="titulo-animado glitch-sci-fi" data-text="Vamos Conversar?">
228229
href="https://wa.me/5511999498492"
229230
class="whatsapp-flutuante"
230231
target="_blank"
231-
>
232-
<i class="fa-brands fa-whatsapp"></i>
233-
</a>
232+
><i class="fa-brands fa-whatsapp"></i
233+
></a>
234234

235235
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
236236
<script>
237-
const swiper = new Swiper(".meu-swiper", {
237+
new Swiper(".meu-swiper", {
238238
slidesPerView: 1,
239239
spaceBetween: 30,
240240
loop: true,

0 commit comments

Comments
 (0)