-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (75 loc) · 5.88 KB
/
index.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
<!DOCTYPE html> <!-- Declara o tipo do documento HTML -->
<html lang="pt-BR"> <!-- Define o idioma como português do Brasil -->
<head> <!-- Início da seção de cabeçalho -->
<meta charset="UTF-8"> <!-- Define o conjunto de caracteres como UTF-8 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Configura a visualização para dispositivos móveis -->
<title>Érica Viana - Desenvolvedora</title> <!-- Define o título da página -->
<link rel="stylesheet" href="styles.css"> <!-- Link para o arquivo CSS externo -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Link para ícones do Font Awesome -->
</head> <!-- Fim da seção de cabeçalho -->
<body> <!-- Início do corpo do HTML -->
<!-- Seção de Cabeçalho -->
<header> <!-- Início da seção de cabeçalho da página -->
<h1>Érica Viana</h1> <!-- Título principal -->
<p>Desenvolvedora de Software | Banco de Dados | Gestão de Servidores</p> <!-- Subtítulo com especialidades -->
<!-- Menu de Navegação -->
<nav> <!-- Início da seção de navegação -->
<a href="about.html">Sobre</a> <!-- Link para a página "Sobre" -->
<a href="projects.html">Projetos</a> <!-- Link para a página "Projetos" -->
<a href="#blog">Blog</a> <!-- Âncora para a seção "Blog" na página principal -->
<a href="contact.html">Contato</a> <!-- Link para a página "Contato" -->
</nav> <!-- Fim da seção de navegação -->
</header> <!-- Fim da seção de cabeçalho da página -->
<!-- Seção Sobre -->
<section id="sobre"> <!-- Início da seção "Sobre" com ID para âncora -->
<h2>Sobre Mim</h2> <!-- Cabeçalho da seção "Sobre Mim" -->
<p>Oi! Eu sou a Érica, estudante de Técnico de Informática no Senac Tatuapé e apaixonada por programação e desenvolvimento de software. Adoro explorar JavaScript, Python e Node.js, e tenho interesse em gestão de servidores e banco de dados.</p> <!-- Texto de apresentação -->
</section> <!-- Fim da seção "Sobre" -->
<!-- Projetos em Destaque -->
<section id="projetos"> <!-- Início da seção "Projetos" com ID para âncora -->
<h2>Projetos em Destaque</h2> <!-- Cabeçalho da seção "Projetos em Destaque" -->
<div class="card-container"> <!-- Contêiner para os cartões de projetos -->
<div class="card"> <!-- Início do primeiro cartão de projeto -->
<h3>Senac-tat</h3> <!-- Título do projeto "Senac-tat" -->
<p>Repositório com conteúdos e códigos do curso Técnico de Informática.</p> <!-- Descrição do projeto -->
<a href="https://github.com/ericaviana12/Senac-tat" target="_blank">Ver Projeto</a> <!-- Link para o projeto no GitHub -->
</div> <!-- Fim do primeiro cartão de projeto -->
<div class="card"> <!-- Início do segundo cartão de projeto -->
<h3>Aplicativo em Desenvolvimento</h3> <!-- Título do projeto "Aplicativo em Desenvolvimento" -->
<p>Planejado para publicação na Google Play e App Store.</p> <!-- Descrição do aplicativo -->
<a href="#">Saiba Mais</a> <!-- Link placeholder -->
</div> <!-- Fim do segundo cartão de projeto -->
</div> <!-- Fim do contêiner de cartões -->
</section> <!-- Fim da seção "Projetos em Destaque" -->
<!-- Blog de Aprendizado -->
<section id="blog"> <!-- Início da seção "Blog" com ID para âncora -->
<h2>Blog de Aprendizado</h2> <!-- Cabeçalho da seção "Blog de Aprendizado" -->
<div class="card-container"> <!-- Contêiner para os cartões de blog -->
<div class="card"> <!-- Início do primeiro cartão de blog -->
<h3>Programação</h3> <!-- Título da postagem "Programação" -->
<p>Estudo de linguagens de programação, iniciado com foco em JavaScript e Python.</p> <!-- Descrição do conteúdo -->
<a href="https://github.com/ericaviana12/Programacao" target="_blank">Ler Mais</a> <!-- Link para o conteúdo de programação no GitHub -->
</div> <!-- Fim do primeiro cartão de blog -->
<div class="card"> <!-- Início do segundo cartão de blog -->
<h3>JavaScript</h3> <!-- Título da postagem "JavaScript" -->
<p>Tutorial abrangente sobre JavaScript, desde os fundamentos até conceitos avançados.</p> <!-- Descrição do conteúdo -->
<a href="https://github.com/ericaviana12/JavaScript" target="_blank">Ler Mais</a> <!-- Link para o conteúdo de JavaScript no GitHub -->
</div> <!-- Fim do segundo cartão de blog -->
</div> <!-- Fim do contêiner de cartões -->
</section> <!-- Fim da seção "Blog de Aprendizado" -->
<!-- Contato -->
<section id="contato"> <!-- Início da seção "Contato" com ID para âncora -->
<h2>Contato</h2> <!-- Cabeçalho da seção "Contato" -->
<ul> <!-- Início da lista de contatos -->
<li><i class="fab fa-whatsapp whatsapp-icon"></i>WhatsApp: <a href="https://wa.me/5511930048795" target="_blank">11 93004-8795</a></li> <!-- Contato via WhatsApp -->
<li><i class="fas fa-envelope email-icon"></i>E-mail: <a href="mailto:erica.viana.soares@gmail.com">erica.viana.soares@gmail.com</a></li> <!-- Contato via e-mail -->
</ul> <!-- Fim da lista de contatos -->
</section> <!-- Fim da seção "Contato" -->
<!-- Rodapé -->
<footer> <!-- Início do rodapé -->
<p>© 2024 Érica Viana. Todos os direitos reservados.</p> <!-- Texto de copyright -->
</footer> <!-- Fim do rodapé -->
<!-- Link para o arquivo JavaScript -->
<script src="script.js"></script> <!-- Importa o arquivo JavaScript externo -->
</body> <!-- Fim do corpo do HTML -->
</html> <!-- Fim do documento HTML -->