-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
204 lines (190 loc) · 9.38 KB
/
index.html
File metadata and controls
204 lines (190 loc) · 9.38 KB
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://icons.iconarchive.com/icons/justicon/free-simple-line/128/Arrow-Solution-Business-Computer-Technology-icon.png" width="128" height="128"" type="image/x-icon">
<title>Portfólio - Leandra Fernânda</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<!-- Minha imagem de perfil aqui -->
<img src="Leandra Fernânda.jpeg" width="10px" height="20px" alt="Foto de Leandra Fernânda" class="profile-img">
<h1>Leandra Fernânda Vieira Friedricch</h1>
<p>Estudante de Análise e Desenvolvimento de Sistemas - Unisinos</p>
<p>Estudante de Tecnico de Desenvolvimento de Sistemas - Senac</p>
</div>
</header>
<nav>
<ul>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#formacao">Formação</a></li>
<li><a href="#projetos">Projetos</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
<!-- Seção Sobre -->
<section id="sobre" class="container">
<h2>Sobre Mim</h2>
<div class="about-content">
<div class="about-text">
<p>Olá! Meu nome é Leandra Fernânda Vieira Friedricch, tenho 42 anos e sou brasileira. Atualmente estou em transição de carreira para a área de Tecnologia da Informação.</p>
<p>Sou uma pessoa dedicada, curiosa e apaixonada por aprender. Estou buscando minha primeira oportunidade na área de TI para aplicar os conhecimentos que estou adquirindo em meus cursos.</p>
<h3 style="margin-top: 1.5rem;">Habilidades em Desenvolvimento</h3>
<div class="skills">
<span class="skill">HTML</span>
<span class="skill">CSS</span>
<span class="skill">JavaScript</span>
<span class="skill">Lógica de Programação</span>
<span class="skill">Git</span>
<span class="skill">Metodologias Ágeis</span>
<span class="skill">PHP</span>
<span class="skill">MySQL</span>
<span class="skill">Python</span>
<span class="skill">TypeScript</span>
<span class="skill">React Native</span>
<span class="skill">Node js</span>
<span class="skill">Java</span>
<span class="skill">Power BI</span>
<span class="skill">Machine Learning</span>
</div>
</div>
</div>
</section>
<!-- Seção Formação -->
<section id="formacao" style="background-color: #f8f9fa;">
<div class="container">
<h2>Formação Acadêmica</h2>
<div class="about-content">
<div class="about-text">
<h3>Graduação em Análise e Desenvolvimento de Sistemas</h3>
<p><strong>Unisinos</strong> - Modalidade EAD</p>
<p>Cursando</p>
<h3 style="margin-top: 1.5rem;">Curso Técnico em Desenvolvimento de Sistemas</h3>
<p><strong>Senac São Leopoldo</strong> - Modalidade Presencial</p>
<p>Cursando</p>
<h3 style="margin-top: 1.5rem;">Objetivos Profissionais</h3>
<p>Busco minha primeira oportunidade na área de TI como desenvolvedora júnior ou estagiária, onde possa aplicar os conhecimentos adquiridos e continuar aprendendo com profissionais experientes.</p>
</div>
</div>
</div>
</section>
<!-- Seção Projetos -->
<section id="projetos" class="container">
<h2>Projetos Escolares</h2>
<div class="projects">
<div class="project-card">
<img src="https://www.lafscontabilidade.com.br/blog/wp-content/uploads/2020/02/contabilidade-completa-940x414.png" height="10px" width="20px" alt="Projeto 1" class="project-img">
<div class="project-info">
<h3>Site de economia</h3>
<p>Projeto desenvolvido durante o curso técnico, utilizando HTML, CSS e JavaScript para criar um sistema de cadastro de usuários com validação de formulários.</p>
<button>Veja mais</button>
</div>
</div>
<div class="project-card">
<img src="Captura de tela 2025-07-21 142248.png" alt="Projeto 2" class="project-img">
<div class="project-info">
<h3>Meu Portifólio</h3>
<p>Projeto acadêmico criando um site responsivo para diferentes tamanhos de tela, aplicando conceitos de mobile-first e media queries.</p>
<button>Veja mais</button>
</div>
</div>
<div class="project-card">
<img src="https://conteudo.solutudo.com.br/wp-content/uploads/2022/08/aluguelcarro.jpg" alt="Projeto 3" class="project-img">
<div class="project-info">
<h3>Site Aluguel de Carros</h3>
<p>Projeto desenvolvido para facilitar o aluguel de carros, com funcionalidades de busca, filtro e reserva online.</p>
<button >Veja mais</button>
</div>
</div>
</div>
</section>
<!--Formulário-->
<section id="contato" style="background-color: #f8f9fa;">
<div class="container">
<h2>Contato</h2>
<div class="contact-form">
<form id="formContato">
<div class="form-group">
<label for="nome">Nome</label>
<input type="text" id="nome" name="nome" required>
</div>
<div class="form-group">
<label for="email">E-mail</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="mensagem">Mensagem</label>
<textarea id="mensagem" name="mensagem" required></textarea>
</div>
<button type="submit" class="btn">Enviar Mensagem</button>
</form>
</div>
</div>
</section>
<!-- Rodapé minhas informações -->
<footer>
<div class="container">
<p>Leandra Fernânda Vieira Friedricch</p>
<p>Rua Armagedon, 586 - Bairro Duque de Caxias - São Leopoldo/RS</p>
<p>(51) 9 8976-7332 </p>
<div class="social-links">
<a href="www.linkedin.com/in/
leandra-fernânda-vieira-friedricch-7a3144272
Nome fantasia da URL
" aria-label="LinkedIn"><i>LinkedIn</i></a>
<a href="https://github.com/LeandraFernânda" aria-label="GitHub"><i>GitHub</i></a>
<a href="leandrafriedricch@gmail.com" aria-label="E-mail"><i>E-mail</i></a>
</div>
<p style="margin-top: 1rem;">© 2025 - Todos os direitos reservados</p>
</div>
</footer>
<script>
// JavaScript
document.addEventListener('DOMContentLoaded', function() {
// Suavizar rolagem para links âncora
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 70,
behavior: 'smooth'
});
}
});
});
// Formulário de contato
const formContato = document.getElementById('formContato');
if (formContato) {
formContato.addEventListener('submit', function(e) {
e.preventDefault();
// Aqui você pode adicionar o código para enviar o formulário
// Por exemplo, usando Fetch API para enviar para um servidor
alert('Mensagem enviada com sucesso! Em breve entrarei em contato.');
formContato.reset();
});
}
// Efeito de digitação no título
const titulo = document.querySelector('header h1');
if (titulo) {
const textoOriginal = titulo.textContent;
titulo.textContent = '';
let i = 0;
const typingEffect = setInterval(() => {
if (i < textoOriginal.length) {
titulo.textContent += textoOriginal.charAt(i);
i++;
} else {
clearInterval(typingEffect);
}
}, 100);
}
});
</script>
</body>
</html>