-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (110 loc) · 5.91 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="shortcut icon" href="img/foto.png.jpg">
<title>Meu Portfólio</title>
<meta charset="utf-8">
<meta name="description" content="Portfólio">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" data-auto-replace-svg="nest"></script>
</head>
</head>
<body>
<header class="header-menu">
<nav>
<ul class="lista-menu">
<li>
<a href="#formacao">Formação </a>
</li>
<li>
<a href="#portifolio">Portifólio </a>
</li>
<li>
<a href="#contato">Contatos </a>
</li>
</ul>
</nav>
</header>
<main>
<section class="principal">
<article class="subcontainer-principal container">
<div>
<img src="img/foto.png.jpg" alt="Perfil de mulher negra">
</div>
<div>
<h1 class="nome-completo">Renata Silva</h1>
<h2 class="profissao">Desenvolvedora Front-end</h2>
</div>
<div>
Aos 32 anos resolvi sair da área da saúde mais precisamente da área da Nutricão, na qual me dediquei por 10 anos, para me aventurar na área da tecnologia.
Espero que dê tudo certo nesta nova aventura.
</div>
</article>
</section>
<section>
<article id="formacao" class="container article-lista">
<div>
<h3 class="topico-principal"> Formação </h3>
</div>
<div class="lista-item">
<ul>
<li>
<p class="lista-titulo"> Ciclo formativo PretaLab</p>
<a href="https://www.pretalab.com/#formacao" target="_blanck"
class="lista-local">PretaLab/Olabi</a>
<p class="lista-descricao">O ciclo formativo tem o objetivo de iniciar mulheres negras na
área de tecnologia, onde aprenderei HTML5, CSS3, JavaScript e React.</p>
</li>
<li>
<p class="lista-titulo"> Pós graduação em Nutricão Clínica e Hospitalar</p>
<a href="https://ganepeducacao.com.br/produto/nutricao-clinica-e-hospitalar-10/?gclid=Cj0KCQjwzLCVBhD3ARIsAPKYTcQIQj-VuXa_MddkkfLnXm3RpUilxHkdOOSWGbJjKN-lHlHT0mtD_tYaAqi0EALw_wcB"
target="_blanck" class="lista-local">Ganep Educação</a>
<p class="lista-descricao">O curso de pós-graduação em nutrição clínica e hospitalar foi
estruturado para atender as necessidades de profissionais que buscam aprofundar seus
conhecimentos na área de Nutrição Hospitalar e Terapia Nutricional.</p>
</li>
</ul>
</div>
</article>
</section>
<section id="portifolio" class="wrapper-portifolio">
<article class="container article-lista">
<h3 class="topico-principal"> Blog </h3>
<div class="lista-item">
<ul>
<li>
<p class="lista-titulo">Mulheres que fazem história</p>
<p class="subtitulo-lista">Relevo</p>
<a href="https://community.revelo.io/27-desenvolvedoras-brasileiras-para-se-inspirar-em-2022/"
target target="_blanck" class="lista-local"> 27 desenvolvedoras brasileiras para se
inspirar em 2022</a>
<p class="lista-descicao">O artigo traz uma lista de desenvolvedoras brasileiras que criam
conteudos, dão palestras, lideram comunidades e contribuem para a inclusão de pessoas na
tecnologia.</p>
</li>
<li>
<p class="lista-titulo">Mulheres que fazem história</p>
<p class="subtitulo-lista">Hypeness</p>
<a href="https://www.hypeness.com.br/2021/03/11-mulheres-negras-que-brilharam-na-tecnologia-com-invencoes-transformadoras/"
target="_blanck" class="lista-local">11 mulheres negras que brilharam na tecnologia
com invenções transformadoras</a>
<p class="lista-descicao">O artigo relembra as criações de mulheres negras.</p>
</li>
</ul>
</div>
</article>
</section>
</article>
</main>
<footer id="contato" class="rodape">
<div class="container lista-item">
<ul>
<li class="icon"> <i class="fas fa-envelope-square estilo-icon"></i><a href="mailto:[email protected]" target="_bank" class="links"> [email protected] </a></li>
<li class="icon"> <i class="fab fa-linkedin estilo-icon"></i><a href="https://www.linkedin.com/in/renata-de-jesus-silva-amorim-20863a111/" target="_blank" class="links">renata-de-jesus-silva-amorim </a></li>
<li class="icon"> <i class="fab fa-github-square estilo-icon"></i> <a href="https://github.com/silvarenata" target="_blank" class="links"> silvarenata</a></li>
</ul>
</div>
</footer>
</body>
</html>