Skip to content

Commit fb59410

Browse files
lauraataide8lauraataide8
authored
Revise personal branding and project details in index.html
Updated personal title and descriptions to reflect a shift from Full Stack Developer to Software Engineer. Adjusted project descriptions and tech stack details to include specific technologies and focus areas.
1 parent 0b97414 commit fb59410

File tree

1 file changed

+220
-141
lines changed

1 file changed

+220
-141
lines changed

‎index.html‎

Lines changed: 220 additions & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -1,171 +1,250 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="pt-BR">
3-
<head>
3+
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Laura Ataide | Full Stack Developer</title>
7-
8-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
9-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
6+
<title>Laura Ataide | Software Engineer</title>
7+
8+
<link
9+
rel="stylesheet"
10+
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
11+
/>
12+
<link
13+
rel="stylesheet"
14+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
15+
/>
1016
<link rel="preconnect" href="https://fonts.googleapis.com" />
1117
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
12-
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Poppins:wght@400;600&display=swap" rel="stylesheet" />
13-
<link rel="stylesheet" href="style.css"/>
14-
</head>
18+
<link
19+
href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Poppins:wght@400;600&display=swap"
20+
rel="stylesheet"
21+
/>
22+
<link rel="stylesheet" href="style.css" />
23+
</head>
1524

16-
<body>
25+
<body>
1726
<header class="cabecalho">
18-
<a href="#" class="cabecalho-logo">Laura<span>.</span>Ataide</a>
19-
<nav class="cabecalho-menu">
20-
<a class="cabecalho-menu-item" href="#sobre">Sobre</a>
21-
<a class="cabecalho-menu-item" href="#projetos">Projetos</a>
22-
<a class="cabecalho-menu-item" href="#habilidades">Habilidades</a>
23-
<a class="cabecalho-menu-item" href="#contato">Contato</a>
24-
</nav>
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>
2534
</header>
2635

2736
<main class="conteudo">
28-
<section class="conteudo-principal">
29-
<div class="conteudo-principal-escrito">
30-
<h1 class="conteudo-principal-titulo">
31-
PORTFÓLIO<span>Laura Ataide</span>
32-
</h1>
33-
<h2 class="conteudo-principal-subtitulo">
34-
Desenvolvedora Full Stack <br />
35-
Transformando infraestrutura e lógica em experiências digitais interativas.
36-
</h2>
37-
<div class="cta-container">
38-
<a href="https://github.com/lauraataide8?tab=repositories" target="_blank" class="conteudo-principal-cta">
39-
Acesso ao meu GITHUB
40-
</a>
41-
<div class="snake-container">
42-
<img src="https://raw.githubusercontent.com/lauraataide8/lauraataide8/output/github-contribution-grid-snake.svg" alt="GitHub Snake">
43-
</div>
44-
</div>
45-
</div>
46-
<div class="conteudo-principal-imagem">
47-
<img src="assets/laura.png" alt="Laura Ataide" />
37+
<section class="conteudo-principal">
38+
<div class="conteudo-principal-escrito">
39+
<h1 class="conteudo-principal-titulo">
40+
PORTFÓLIO<span>Laura Ataide</span>
41+
</h1>
42+
<h2 class="conteudo-principal-subtitulo">
43+
Software Engineer | Backend Java & Spring Boot <br />
44+
Transformando infraestrutura sólida em código de alta performance.
45+
</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+
/>
4852
</div>
49-
</section>
53+
</div>
54+
</div>
55+
<div class="conteudo-principal-imagem">
56+
<img src="assets/laura.png" alt="Laura Ataide" />
57+
</div>
58+
</section>
5059

51-
<section id="sobre" class="conteudo-secundario">
52-
<h3 class="conteudo-secundario-titulo">Sobre Mim</h3>
53-
<div class="sobre-texto">
54-
<p>Vinda do <strong>Suporte de Infraestrutura</strong>, trago comigo a resiliência e a visão analítica necessária para resolver problemas complexos sob pressão. Hoje, como desenvolvedora Full Stack, foco na construção de sistemas eficientes e escaláveis.</p>
55-
<p>No <strong>Back-End</strong>, domino a stack Java com Spring Boot e MySQL, criando APIs REST seguras e performáticas. No <strong>Front-End</strong>, utilizo React e Bootstrap para dar vida a interfaces modernas e responsivas, sempre com foco na experiência do usuário.</p>
56-
<p>Atualmente cursando Análise e Desenvolvimento de Sistemas, sigo aprimorando conhecimentos em Cloud (Azure) e automação de processos, unindo o melhor dos dois mundos: código limpo e infraestrutura sólida para criar soluções digitais completas.</p>
57-
</div>
58-
</section>
60+
<section id="sobre" class="conteudo-secundario">
61+
<h3 class="conteudo-secundario-titulo">Sobre Mim</h3>
62+
<div class="sobre-texto">
63+
<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.
69+
</p>
70+
<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).
76+
</p>
77+
<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.
81+
</p>
82+
</div>
83+
</section>
5984

60-
<section id="projetos" class="conteudo-secundario">
61-
<h3 class="conteudo-secundario-titulo">Projetos em Destaque</h3>
62-
<div class="swiper meu-swiper">
63-
<div class="swiper-wrapper">
64-
<div class="swiper-slide">
65-
<div class="projeto-card">
66-
<div class="projeto-imagem-wrapper">
67-
<img src="assets/milan.png" alt="AC Milan Fan Site">
68-
</div>
69-
<h4>AC Milan Fan Site</h4>
70-
<p>Hub central para fãs do time feminino do AC Milan, com notícias, informações do elenco e vídeos marcantes da equipe. </p>
71-
<a href="https://lauraataide8.github.io/projeto_site_futebol_feminino_senaisp/" class="github-btn" target="_blank">Visitar Site</a>
72-
</div>
73-
</div>
74-
<div class="swiper-slide">
75-
<div class="projeto-card">
76-
<div class="projeto-imagem-wrapper">
77-
<img src="assets/projeto.png" alt="Cinefilosfera">
78-
</div>
79-
<h4>Cinefilosfera</h4>
80-
<p>Interface moderna de catálogo de filmes utilizando HTML5, CSS3 e Bootstrap para garantir responsividade em qualquer dispositivo.</p>
81-
<a href="https://lauraataide8.github.io/cinefilosfera.v2/" class="github-btn" target="_blank">Visitar Site</a>
82-
</div>
83-
</div>
84-
<div class="swiper-slide">
85-
<div class="projeto-card">
86-
<div class="projeto-imagem-wrapper">
87-
<img src="assets/PETPLACEAPP.png" alt="UX Design">
88-
</div>
89-
<h4>Pet Place (UI/UX)</h4>
90-
<p>Prototipagem de alta fidelidade no Figma focada na jornada do usuário, design centrado no humano e cuidados pet.<br>
91-
Viste e Confira!</p>
92-
<a href="https://www.figma.com/proto/Tuu40ijV9A82sYHUUocQ3D/PETPLACE" class="github-btn" target="_blank">Ver Figma</a>
93-
</div>
94-
</div>
85+
<section id="projetos" class="conteudo-secundario">
86+
<h3 class="conteudo-secundario-titulo">Projetos em Destaque</h3>
87+
<div class="swiper meu-swiper">
88+
<div class="swiper-wrapper">
89+
<div class="swiper-slide">
90+
<div class="projeto-card">
91+
<div class="projeto-imagem-wrapper">
92+
<img src="assets/projeto.png" alt="Modernização Backend" />
93+
</div>
94+
<h4>Modernização Java 21</h4>
95+
<p>
96+
Migração de sistemas legados para arquitetura Spring Boot (LTS
97+
17/21) com foco em escalabilidade e integração SQL Server.
98+
</p>
99+
<a
100+
href="https://github.com/lauraataide8"
101+
class="github-btn"
102+
target="_blank"
103+
>Ver Repositório</a
104+
>
105+
</div>
106+
</div>
107+
<div class="swiper-slide">
108+
<div class="projeto-card">
109+
<div class="projeto-imagem-wrapper">
110+
<img src="assets/milan.png" alt="AC Milan Fan Site" />
95111
</div>
96-
<div class="swiper-button-next"></div>
97-
<div class="swiper-button-prev"></div>
98-
<div class="swiper-pagination"></div>
112+
<h4>AC Milan Fan Site</h4>
113+
<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.
116+
</p>
117+
<a
118+
href="https://lauraataide8.github.io/projeto_site_futebol_feminino_senaisp/"
119+
class="github-btn"
120+
target="_blank"
121+
>Visitar Site</a
122+
>
123+
</div>
99124
</div>
100-
</section>
125+
<div class="swiper-slide">
126+
<div class="projeto-card">
127+
<div class="projeto-imagem-wrapper">
128+
<img src="assets/PETPLACEAPP.png" alt="UX Design" />
129+
</div>
130+
<h4>Pet Place (UI/UX)</h4>
131+
<p>
132+
Prototipagem de alta fidelidade no Figma focada na jornada do
133+
usuário e design centrado no humano.
134+
</p>
135+
<a
136+
href="https://www.figma.com/proto/Tuu40ijV9A82sYHUUocQ3D/PETPLACE"
137+
class="github-btn"
138+
target="_blank"
139+
>Ver Figma</a
140+
>
141+
</div>
142+
</div>
143+
</div>
144+
<div class="swiper-button-next"></div>
145+
<div class="swiper-button-prev"></div>
146+
<div class="swiper-pagination"></div>
147+
</div>
148+
</section>
101149

102-
<section id="habilidades" class="conteudo-secundario">
103-
<h3 class="conteudo-secundario-titulo">Tech Stack</h3>
104-
<ul class="habilidades-lista">
105-
<li><i class="fa-brands fa-java"></i><span>Java</span></li>
106-
<li><i class="fa-solid fa-leaf"></i><span>Spring Boot</span></li>
107-
<li><i class="fa-solid fa-gears"></i><span>API REST</span></li>
108-
<li><i class="fa-solid fa-database"></i><span>MySQL</span></li>
109-
<li><i class="fa-brands fa-react"></i><span>React</span></li>
110-
<li><i class="fa-brands fa-bootstrap"></i><span>Bootstrap</span></li>
111-
<li><i class="fa-brands fa-js"></i><span>JavaScript</span></li>
112-
<li><i class="fa-brands fa-microsoft"></i><span>Azure</span></li>
113-
<li><i class="fa-brands fa-git-alt"></i><span>Git</span></li>
114-
<li><i class="fa-brands fa-linux"></i><span>Linux</span></li>
115-
</ul>
116-
</section>
150+
<section id="habilidades" class="conteudo-secundario">
151+
<h3 class="conteudo-secundario-titulo">Tech Stack</h3>
152+
<ul class="habilidades-lista">
153+
<li><i class="fa-brands fa-java"></i><span>Java 17/21/25</span></li>
154+
<li><i class="fa-solid fa-leaf"></i><span>Spring Boot</span></li>
155+
<li><i class="fa-solid fa-database"></i><span>SQL Server</span></li>
156+
<li><i class="fa-solid fa-database"></i><span>MySQL</span></li>
157+
<li><i class="fa-solid fa-database"></i><span>PostgreSQL</span></li>
158+
<li><i class="fa-brands fa-docker"></i><span>Docker</span></li>
159+
<li><i class="fa-solid fa-box"></i><span>Maven</span></li>
160+
<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>
162+
<li><i class="fa-brands fa-linux"></i><span>Linux</span></li>
163+
<li>
164+
<i class="fa-brands fa-windows"></i><span>Windows Server</span>
165+
</li>
166+
<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>
168+
</ul>
169+
</section>
117170
</main>
118171

119172
<footer id="contato" class="rodape">
120-
<div class="rodape-conteudo">
121-
<div class="rodape-info">
122-
<h2 class="titulo-animado glitch-sci-fi" data-text="Vamos Conversar?">Vamos Conversar?</h2>
123-
<p>Estou aberta a novas oportunidades e colaborações em projetos.<br>
124-
Conecte-se comigo através das minhas redes oficiais.</p>
125-
126-
<div class="rodape-contato-badges">
127-
<a href="mailto:lauramartinsataide@gmail.com" class="badge-contato">
128-
<i class="fa-solid fa-envelope"></i><span>Email</span>
129-
</a>
130-
<a href="https://www.linkedin.com/in/lauraataide91/" target="_blank" class="badge-contato">
131-
<i class="fa-brands fa-linkedin"></i><span>LinkedIn</span>
132-
</a>
133-
<a href="https://github.com/lauraataide8" target="_blank" class="badge-contato">
134-
<i class="fa-brands fa-github"></i><span>GitHub</span>
135-
</a>
136-
</div>
137-
</div>
173+
<div class="rodape-conteudo">
174+
<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>
138183

139-
<div class="rodape-portal-container">
140-
<a href="https://github.com/lauraataide8?tab=repositories" target="_blank" class="portal-wrapper">
141-
<div class="portal">
142-
<div class="portal-efeito"></div>
143-
<div class="portal-nucleo"></div>
144-
</div>
145-
<span class="portal-legenda">PORTAL DE REPOSITÓRIOS</span>
146-
</a>
147-
</div>
184+
<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>
188+
<a
189+
href="https://www.linkedin.com/in/lauraataide91/"
190+
target="_blank"
191+
class="badge-contato"
192+
>
193+
<i class="fa-brands fa-linkedin"></i><span>LinkedIn</span>
194+
</a>
195+
<a
196+
href="https://github.com/lauraataide8"
197+
target="_blank"
198+
class="badge-contato"
199+
>
200+
<i class="fa-brands fa-github"></i><span>GitHub</span>
201+
</a>
202+
</div>
148203
</div>
149-
150-
<div class="rodape-copyright">
151-
<p>© 2026 Laura Martins de Ataide. Desenvolvido com café e Rick & Morty.</p>
204+
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>
152217
</div>
218+
</div>
219+
220+
<div class="rodape-copyright">
221+
<p>
222+
© 2026 Laura Martins de Ataide. Desenvolvido com café e Rick & Morty.
223+
</p>
224+
</div>
153225
</footer>
154226

155-
<a href="https://wa.me/5511999498492" class="whatsapp-flutuante" target="_blank">
156-
<i class="fa-brands fa-whatsapp"></i>
227+
<a
228+
href="https://wa.me/5511999498492"
229+
class="whatsapp-flutuante"
230+
target="_blank"
231+
>
232+
<i class="fa-brands fa-whatsapp"></i>
157233
</a>
158234

159235
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
160236
<script>
161-
const swiper = new Swiper(".meu-swiper", {
162-
slidesPerView: 1,
163-
spaceBetween: 30,
164-
loop: true,
165-
pagination: { el: ".swiper-pagination", clickable: true },
166-
navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" },
167-
breakpoints: { 768: { slidesPerView: 2 }, 1024: { slidesPerView: 3 } }
168-
});
237+
const swiper = new Swiper(".meu-swiper", {
238+
slidesPerView: 1,
239+
spaceBetween: 30,
240+
loop: true,
241+
pagination: { el: ".swiper-pagination", clickable: true },
242+
navigation: {
243+
nextEl: ".swiper-button-next",
244+
prevEl: ".swiper-button-prev",
245+
},
246+
breakpoints: { 768: { slidesPerView: 2 }, 1024: { slidesPerView: 3 } },
247+
});
169248
</script>
170-
</body>
249+
</body>
171250
</html>

0 commit comments

Comments
 (0)