-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
205 lines (176 loc) · 9.21 KB
/
Copy pathindex.html
File metadata and controls
205 lines (176 loc) · 9.21 KB
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
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Renan Oliveira CV</title>
<!-- Google font -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap"
rel="stylesheet">
<!-- font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="resume-contents">
<section class="left-section">
<div class="left-section-contents">
<!-- aqui é uma div para o meu perfil = profile -->
<div class="profile">
<img class="profile-image" src="img/image-profile-renan.jpg" alt="Profile image">
<p class="name">Renan Oliveira</p>
<p class="profession">Estudante de Desenvolvimento de Sistemas</p>
</div>
<!-- aqui é uma div class para as minhas informações de contato = CONTACT INFO -->
<div class="contact-info">
<!-- aqui é uma div class para o meu contato do lado esquerdo do meu curriculo -->
<p class="left-title">Contato</p>
<!-- aqui criei uma lista de informações não ordenadas, para apresentar minhas informações -->
<ul>
<li> <i class="fa fa-phone"></i>+55 41 95555-5555</li>
<li> <i class="fa fa-envelope"></i>renan@gmail.com</li>
<li> <i class="fa fa-globe"></i>www.renanoliveira.com</li>
<li> <i class="fa fa-github"></i>Usuário</li>
</ul>
</div>
<!-- aqui é uma div class para adicionar as minhas informações de skills -->
<div class="skills">
<!-- aqui é um parágrafo class para adicionar o título skills -->
<p class="left-title">Skills</p>
<!-- informando minhas skills através de uma lista e dentro dessa lista possuindo parágrafos -->
<ul>
<li><p>Windows</p> </li>
<li><p>HTML, CSS</p> </li>
<li><p>Git & Github</p></li>
<li><p>SQL</p></li>
</ul>
</div>
</div>
</section>
<!-- agora vou criar a minha seção para a parte da direita do meu curriculo -->
<section class="right-section">
<div class="right-section-contents">
<!-- nomenclatura para chamar no css = ABOUT GAP -->
<!-- SOBRE MIM -->
<section class="about gap">
<!-- título da direita -->
<div class="right-title">Sobre mim</div>
<!-- todo conteúdo que eu quiser colocar sobre mim -->
<p class="about-me-contents">
<span class="aspas">"</span>
Olá! Meu nome é Renan Oliveira, tenho 19 anos de idade e atualmente estou cursando ensino médio
técnico em Desenvolvimento de Sistemas pelo Senai.
Conheci e me apronfudei na área de tecnologia no ano de 2022 e desde então aprendi linguagens
back-end, vi um pouco sobre banco de dados com MySQL e agora estou conhecendo um pouco mais
sobre front-end com HTML e CSS.
<span class="aspas">"</span>
</p>
</section>
<!-- fim sobre mim -->
<!-- seção conteúdo sobre experiência da parte direita do currículo -->
<section class="experience gap">
<!-- div para o meu título da direita -->
<div class="right-title"></div>
<!-- div para o meu conteúdo da experiência-->
<div class="experience-contents">
<div class="exp-left">
<p class="exp-company-name">Empresa 01</p>
<p class="exp-time-period">2021-Present</p>
</div>
<div class="exp-right">
<p class="exp-position">Senior Software Engineer</p>
<p class="exp-desc">
Atividades....
</p>
</div>
</div>
<div class="experience-contents">
<div class="exp-left">
<p class="exp-company-name">Empresa 02</p>
<p class="exp-time-period">2018-2021</p>
</div>
<div class="exp-right">
<p class="exp-position">Arquiteto de Software</p>
<p class="exp-desc">
Atividades...
</p>
</div>
</div>
</section>
<!-- fim do conteúdo experiencia -->
<!-- SEÇÃO CRIADA PARA EDUCAÇÃO = formação academica, periodo, etc...-->
<section class="education gap">
<!-- div criada para título da direita na área de educação -->
<div class="right-title">Formação acadêmica</div>
<!-- divpara conteúdos sobre educação pessoal -->
<div class="education-contents">
<!-- conteúdo esquerda -->
<div class="education-left">
<p class="education-school-name">PUC</p>
<p class="education-time-period">2023 - 2027</p>
</div>
<!-- cnteúdo direita -->
<div class="education-right">
<p class="education-subject">Ciência da Computação</p>
<p class="education-desc">
Graduação em CC
</p>
</div>
</div>
</section>
<!-- seção de cursos -->
<section class="awards gap">
<!-- título lado direito para referenciar cursos -->
<div class="right-title">cursos</div>
<!-- classe para conteúdos sobre as "conquistas" -->
<div class="awards-contents">
<!-- seção das informações do lado esquerdo -->
<div class="awards-left">
<p class="awards-company-name">Fundação Bradesco</p>
<p class="awards-time-period">Agosto de 2022</p>
</div>
<!-- seção de informações lado direito -->
<div class="awards-right">
<p class="awards-name">JAVA -BÁSICO</p>
<p class="awards-desc">
Curso com foco no funcionamento e um conceito geral sobre da liguagem de programação Java
</p>
</div>
</div>
<!-- repetindo passo anterior para adicionar mais uma instituição e mais um curso feito-->
<div class="awards-contents">
<div class="awards-left">
<p class="awards-company-name">Senai PR</p>
<p class="awards-time-period">Fevereiro 2022 - Agosto 2023</p>
</div>
<div class="awards-right">
<p class="awards-name">Técnico em Dev. de Sistemas</p>
<p class="awards-desc">
Curso feito no Senai no ano de 2022
</p>
</div>
</div>
<div class="awards-contents">
<div class="awards-left">
<p class="awards-company-name">IFPR</p>
<p class="awards-time-period">Março 2022 - Novembro 2022</p>
</div>
<div class="awards-right">
<p class="awards-name">Inglês - Básico</p>
<p class="awards-desc">
Curso feito em parceira com a NAP e IFPR no ano de 2022
</p>
</div>
</div>
</section>
<!-- fim cursos -->
</div>
</section>
</main>
</body>
</html>