-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (130 loc) · 5.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joyce Ramos</title>
<meta name="description" content="Desenvolvedora Front-End
Localizada no Rio de Janeiro">
<link rel="stylesheet" href="./css/style.min.css">
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
</head>
<body>
<header class="header">
<img src="./img/Joyce Ramos.svg" alt="Joyce Ramos">
<nav>
<ul class="header-menu">
<li><a href="#experiencia">Experiência</a></li>
<li><a href="#formacao">Formação</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<main class="introducao">
<img src="./img/perfil.jpg" alt="icone de perfil">
<div>
<h1>Desenvolvedora Front-end</h1>
<p>Localizada no Rio de Janeiro</p>
<div class="contato-intro">
<a class="contato-icon" href="https://www.linkedin.com/in/joycervs/">
<img src="./img/linkedin-intro.svg" alt="ícone clicavel para linkedin" />
</a>
<a class="contato-icon" href="https://github.com/joycervs/">
<img src="./img/github-intro.svg" alt="ícone clicavel para github" />
</a>
</div>
</div>
</main>
<section class="experiencia" id="experiencia" aria-label="Experiência">
<h2 class="subtitulo">Experiência</h2>
<div>
<p class="experiencia-texto">
Desenvolvo aplicações web, como landing pages, portifólios, e lojas online utilizando <strong>HTML</strong>, <strong>CSS</strong> e <strong>JavaScript</strong>.</p>
<div class="empresa">
<span class="empresa-ano">2023</span>
<h3 class="empresa-titulo">Bikcraft</h3>
<p class="empresa-texto">Site ecommerce para uma loja de vendas de bicicletas fictícia. Desenvolvido junto ao curso da Origamid voltado para desenvolvedores Front-end iniciantes.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>UI Design</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2023</span>
<h3 class="empresa-titulo">Surfbot</h3>
<p class="empresa-texto">Site para uma empresa de aulas de surf fictícia. Desenvolvido junto ao curso da Origamid voltado para desenvolvedores Front-end iniciantes.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>UI Design</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2023</span>
<h3 class="empresa-titulo">Brafé</h3>
<p class="empresa-texto">Site ecommerce para uma cafeteria fictícia. Desenvolvido junto ao curso da Origamid voltado para desenvolvedores Front-end iniciantes.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>UI Design</li>
</ul>
</div>
</div>
</div>
</section>
<section class="formacao" id="formacao" aria-label="Formação">
<div class="formacao-container">
<h2 class="subtitulo">Formação</h2>
<div>
<p class="formacao-texto">
Minha <strong>graduação</strong>🎓 em andamento é <strong>Análise e Desenvolvimento de Sistemas</strong>. Além disso, me mantenho sempre buscando conhecimento e realizando cursos intensivos na área de Front-End.</p>
<ul class="faculdade-lista">
<li class="faculdade"> <span class="faculdade-tipo">Tecnólogo</span>
<h3 class="faculdade-curso"> Análise e Desenvolvimento de Sistemas</h3>
<span class="faculdade-instituicao">Unicesumar</span>
</li>
</ul>
<div class="formacao-extra">
<div class="cursos">
<h3>Cursos e Certificações</h3>
<ul>
<li>Front-End para Iniciantes | Origamid <span>72h</span></li>
<li>UI Design para Iniciantes | Origamid <span>34h</span></li>
<li>Design Gráfico | FIAP <span>140h</span></li>
<li>Bootcamp Web Development | Udemy <span>72h</span></li>
<li>Bootcamp Desenv. Frontend + Angular | Digital Innovation One <span>68h</span></li>
<li>Bootcamp FullStack Java + Angular | Digital Innovation One<span>115h</span></li>
<li>Algoritimos e lógica de Programação | Udemy <span>30h</span></li>
<li>Git e Github <span>10h</span></li>
</ul>
</div>
<div class="idiomas">
<h3>Idiomas</h3>
<ul>
<li>Inglês <span>/ Intermediário</span></li>
<li>Português <span>/ Nativo</span></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="footer" id="contato">
<div class="footer-container">
<p class="footer-texto">
Estou Disponível para estágio e elaboração de novos projetos. Entre em contato comigo e marcamos uma conversa 👋
</p>
<ul class="footer-contato">
<li><img class="footer-icon" alt="ícone email" src="./img/email.svg" />[email protected]</li>
<li><a href="https://www.linkedin.com/in/joycervs/"><img class="footer-icon" alt="Ícone linkedin" src="./img/linkedin-footer.svg" />joycervs</a></li>
<li><a href="https://github.com/joycervs"><img class="footer-icon" alt="ícone github" src="./img/github-footer.svg" />joycervs</a></li>
</ul>
<p class="footer-copy"> Joyce Ramos. Alguns direitos reservados.</p>
</div>
</footer>
</body>
</html>