-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (198 loc) · 9.54 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
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
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, inicial-scale=1.0" />
<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=Raleway:wght@502&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/css/reset.css">
<link rel="stylesheet" href="./assets/css/responsivo.css">
<link rel="shortcut icon" href="assets/img/star.png" alt="favicon star" type="image/x-icon">
<title>Daniela Gomes da Silva</title>
</head>
<body>
<header id="header" class="header">
<div id="top-nav">
<a href=""><img src="assets/img/star.png" alt="star logo" class="logostar"/> Daniela Gomes da Silva </a>
<nav>
<a href="#sobre-mim">Sobre Mim</a>
<a href="#skills">Skills</a>
<a href="#hobbies">Hobbies</a>
<a href="#formacao">Formação</a>
<a href="#projetos">Projetos</a>
<a href="#contato">Contato</a>
<a class="email" href="mailto:valinor82@outlook.com.br">valinor82@outlook.com.br</a>
</nav>
</div>
<div id="apresentacao">
<div class="apresentacao-texto">
<h1>Olá, meu nome é Daniela Gomes da Silva, desenvolvedora iniciante</h1>
<p>
Atualmente estou cursando Programação, formação Oracle-One da Alura.
</p>
<div id="social">
<span>
<a href="https://github.com/DanielaGSilva">Github
<img src="assets/img/seta.png" alt="seta" class="out-link"/>
</a>
</span>
<span>
<a href="https://www.linkedin.com/in/danielagomes1982">Linkedin
<img src="assets/img/seta.png" alt="seta" class="out-link"/>
</a>
</span>
<span>
<a href="https://twitter.com/Valinor82">Twitter
<img src="assets/img/seta.png" alt="seta" class="out-link"/>
</a>
</span>
<span>
<a href="https://github.com/DanielaGSilva/Curriculo/blob/main/Curriculo_2022.pdf">Curriculo
<img src="assets/img/seta.png" alt="seta" class="out-link"/>
</a>
</span>
</div>
</div>
<div class="apresentacao-imagem">
<img src="assets/img/eu.jpg" alt="Daniela Gomes da Silva" id="me" />
</div>
</div>
</header>
<main>
<section id="sobre-mim">
<div>
<h2>Sobre mim</h2>
<p>
Comecei meus estudos em ser desenvolvedora recentemente, desde dezembro de 2021, aprendendo Soft Skills e Hard Skills com formação em Lógica de Programação, Front-End e Back-End pela Oracle-One da Alura.
</p>
<br>
<p>
Sou bacharel em Direito, mas sem oportunidades busquei a área da computação no qual sempre gostei em aprender a instalar softwares e programas, desmontando peças em desktops e notebooks caseiramente, sendo que por esse motivo estou sempre em busca de aprender a programar para ser uma Dev.
</p>
<br>
<p>
Minha última função profissional foi de assistente administrativo e dentre as atividades nesse trabalho foi de emissão, entrada e saída de nota fiscal eletrônica, alimentação e consulta de planilhas de pedidos no Excel, etc. Tenho experiência em 2 anos na área jurídica, na função em elaboração de petições, ofícios, documentos internos; peticionamento eletrônico; consulta de processos, jurisprudências, publicações e dentre outas atividades. No entanto, tenho experiência na área imobiliária, um pouco mais de 4 anos, na regularização de imóveis, em montar processos para dar entrada e acompanhar averbações e registro em matrículas de imóveis nos Cartórios de Registro de Imóveis.
</p>
<img src="assets/img/rubrica.png" alt="icone rubrica" />
</div>
</section>
<section id="skills">
<h1>Skills</h1>
<div class="skills-card-container">
<div class="card">
<img src="assets/img/html5.svg" alt="icone html5" />
<span>HTML</span>
</div>
<div class="card">
<img src="assets/img/css3.svg" alt="icone css3" />
<span>CSS</span>
</div>
<div class="card">
<img src="assets/img/js.svg" alt="icone javascript" />
<span>JavaScript</span>
</div>
<div class="card">
<img src="assets/img/git.svg" alt="icone github" />
<span>Github</span>
</div>
</div>
</section>
<section id="hobbies">
<h1>Hobbies</h1>
<div class="hobbies-card-container">
<div class="card">
<img src="assets/img/movies.svg" alt="icone camera" />
<span>Filmes</span>
</div>
<div class="card">
<img src="assets/img/tv.svg" alt="icone tela" />
<span>Séries</span>
</div>
<div class="card">
<img src="assets/img/headphones.svg" alt="icone fone" />
<span>Música</span>
</div>
<div class="card">
<img src="assets/img/games.svg" alt="icone jogos" />
<span>Jogos</span>
</div>
<div class="card">
<img src="assets/img/book.svg" alt="icone livro" />
<span>Livros</span>
</div>
<div class="card">
<img src="assets/img/teclado.jpg" alt="icone camera" />
<span>Teclado</span>
</div>
</div>
</section>
<section id="formacao">
<h1>Formação Acadêmica</h1>
<div>
<div class="card-formacao">
<img src="assets/img/umc.jpeg" alt="logo umc" />
<span>Direito - Universidade de Mogi das Cruzes</span>
<span>2011 - 2017</span>
</div>
<div class="card-formacao">
<img src="assets/img/alura.png" alt="logo alura" />
<span>Programação</span>
<span>2021 - Presente</span>
</div>
</div>
</section>
<section id="projetos">
<h1>Experiência Profissional</h1>
<div class="projeto-container">
<div class="projeto-imagem">
<img src="assets/img/codigosecreto.png" alt="decodificador" />
</div>
<div class="projeto-info">
<h2>Decodificador de Texto</h2>
<p>Challenge Alura Oracle-One - Criptografia</p>
<a href="https://github.com/DanielaGSilva/Codigo-Secreto">Repositório</a>
<a href="https://danielagsilva.github.io/Codigo-Secreto/">Ver Demo</a>
</div>
</div>
<div class="projeto-container">
<div class="projeto-imagem">
<img src="assets/img/jogodaforca.png" alt="forca" />
</div>
<div class="projeto-info">
<h2> Jogo da Forca</h2>
<p>Challenge Alura Oracle-One - Jogo da Forca</p>
<a href="https://github.com/DanielaGSilva/jogo_da_forca">Repositório</a>
<a href="https://danielagsilva.github.io/jogo_da_forca/">Ver Demo</a>
</div>
</div>
</section>
<section class="form-contato">
<div class="contato" id="contato">
<div class="contato-imagem">
<img src="assets/img/telefone.png" alt="telefone" />
</div>
<div class="posicionamento-form">
<h1>Contato</h1>
<p>Quer entrar em contato comigo?</p>
<p>Preencha o formulário e entre em contato.
</p>
<form action="" class="formulario-contato" name="form">
<input class="input-contato" type="text" id="nome" placeholder="Nome">
<input class="input-contato" type="email" name="email" placeholder="Email">
<input class="input-contato" type="text" name="assunto" placeholder="Assunto">
<textarea class="input-mensagem" rows="5" cols="40" id="mensagem" name="Mensagem" placeholder="Mensagem"></textarea>
<button class="botao-envio" type="submit" id="botao-envio">Enviar Mensagem</button>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">Desenvolvido por Daniela Gomes da Silva ©2022</footer>
<a href="#header"><img src="assets/img/up.svg" alt="seta para voltar ao topo" class="voltaTop" /></a>
<script src="assets/js/script.js"></script>
</body>
</html>