-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (105 loc) · 6.62 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>Alice de Almeida</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=K2D:wght@300;400;500;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/2dba346295.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<link href="css/reset.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
<link href="css/home.css" rel="stylesheet">
<link href="css/sobre.css" rel="stylesheet">
<link href="css/projetos.css" rel="stylesheet">
<link href="css/contato.css" rel="stylesheet">
</head>
<body class="tema-claro">
<header class="cabecalho container">
<div class="cabecalho__icones">
<div class="switch">
<input id="muda-tema" type="checkbox"/>
<label for="muda-tema"></label>
Tema escuro
</div>
<span class="navbar-toggle" id="js-navbar">
<i class="fas fa-bars"></i>
</span>
</div>
<nav class="cabecalho__navegacao">
<ul>
<li class="cabecalho__link"><a href="#home">Home</a></li>
<li class="cabecalho__link"><a href="#sobre">Sobre</a></li>
<li class="cabecalho__link"><a href="#projetos">Projetos</a></li>
<li class="cabecalho__link"><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<main>
<section class="home container" id="home">
<div class="home__img">
<img src="img/foto.jpg" alt="Foto da Alice">
</div>
<div class="home__texto">
<h1 class="home__titulo--animado"></h1>
<p>Sou Alice de Almeida, estudante de Engenharia de
Software e técnica em Informática.
</p>
</div>
</section>
<section class="sobre container" id="sobre">
<h1 class="sobre__titulo">Um pouco sobre mim...</h1>
<p>Possuo experiência em suporte técnico, modelagem, documentação e testes de sistemas, além de participação em projetos de inovação tecnológica.</p>
<p>
Historiadora por formação, também já atuei como professora de Inglês, e desde 2021, quando decidi me reinventar novamente iniciando um curso técnico de Informática, venho me qualificando para trabalhar com TI, uma área que me atrai por considerar que sua natureza mutável é um fator estimulante.
</p>
<h2>Habilidades Técnicas</h2>
<p><strong>Conhecimento Sólido:</strong> HTML, CSS, lógica de programação.</p>
<p><strong>Familiaridade/Aprendendo:</strong> MySQL, JavaScript, Python, C. </p>
</section>
<section class="projetos container" id="projetos">
<h1 class="projetos__titulo">Projetos</h1>
<div class="projetos__grade">
<figure class="projetos__card">
<img src="img/site_lucas.jpg" alt="print website">
<figcaption>Website criado para professor de violão.</figcaption>
<a class="projetos__site" target="_blank" href="https://lucasthomaz.netlify.app/">Website</a> | <a class="projetos__repo" target="_blank" href="https://github.com/alicedealmeida/projeto-final-curso-informatica">Repositório</a>
</figure>
<figure class="projetos__card">
<img src="img/site_pesquisa.jpg" alt="print website">
<figcaption>Formulário de pesquisa sobre ensino à distância.</figcaption>
<a class="projetos__site" target="_blank" href="https://online-education-form.netlify.app/">Website</a> | <a class="projetos__repo" target="_blank" href="https://github.com/alicedealmeida/online-education-form">Repositório</a>
</figure>
<figure class="projetos__card">
<img src="img/site_docs.jpg" alt="print website">
<figcaption>Mockup de site de documentação de software.</figcaption>
<a class="projetos__site" target="_blank" href="https://docs-page-mockup.netlify.app/">Website</a> | <a class="projetos__repo" target="_blank" href="https://github.com/alicedealmeida/docs-page-mockup">Repositório</a>
</figure>
<figure class="projetos__card">
<img src="img/site_cafeteria.jpg" alt="print website">
<figcaption>Mockup de landing page para uma cafeteria.</figcaption>
<a class="projetos__site" target="_blank" href="https://coffy-cafe.netlify.app/">Website</a> | <a class="projetos__repo" target="_blank" href="https://github.com/alicedealmeida/coffy-cafe">Repositório</a>
</figure>
</div>
</section>
<section class="contato container" id="contato">
<h1 class="contato__titulo">Contato</h1>
<p>Possui alguma pergunta ou interesse em trabalhar comigo em algum projeto?</p>
<p>Entre em contato quando quiser! :)</p>
<a href="mailto: [email protected]">[email protected]</a>
<div class="contato__redes">
<a target="_blank" href="https://www.linkedin.com/in/alice-de-almeida/"><span class="contato__icone"><i class="fa-brands fa-linkedin"></i></span>
LinkedIn | </a>
<a target="_blank" href="https://github.com/alicedealmeida"><span class="contato__icone"><i class="fa-brands fa-github"></i></span>
GitHub | </a>
<a target="_blank" href="https://wa.me/5541997179053"><span class="contato__icone"><i class="fa-brands fa-square-whatsapp"></i></span>
WhatsApp</a>
</div>
</section>
</main>
<script src="index.js"></script>
</body>
</html>