-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Raquel #2
base: main
Are you sure you want to change the base?
Raquel #2
Changes from all commits
c3f95aa
a71d81f
8aef898
d3d97ca
b6f4342
4161f89
987f8bb
1ad5750
ffdf941
94a2f8e
f860f0d
1ddb340
5a491f0
7aa5531
5c995fa
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,93 @@ | ||
<!DOCTYPE html> | ||
<html lang="pt-br"> | ||
|
||
<head> | ||
<link href="style.css" type="text/css" rel="stylesheet"> | ||
|
||
|
||
<meta charset="UTF-8"> | ||
<meta name="description" content="Currículo Raquel para área de artes"> | ||
<meta name="keywords" content="currículo, artes, cinema, produção, produção de arte, direção de arte, filme, produção"> | ||
|
||
<title> Currículo Raquel Teixeira Costa </title> | ||
|
||
</head> | ||
|
||
<body> | ||
<header> | ||
<div class="nome"> | ||
<h1>RAQUEL COSTA</h1> | ||
<h3>ASSISTÊNCIA DE DIREÇÃO DE ARTE E PRODUÇÃO DE OBJETOS</h3> | ||
</div> | ||
<div class="contato"> | ||
<ul id="contato"> | ||
<li><img src="./imagens/telefone.png">32 988078754 </li> | ||
<li><img src="./imagens/email.png"> raqueltcost@gmail.com </li> | ||
</ul> | ||
</div> | ||
</header> | ||
|
||
<div id="perfil"> | ||
<h2>PERFIL</h2> | ||
<p class="perfil">Graduada em artes e cinema, com uma visão ampla e interdisciplinar das artes e sociedade. Estudante de programação. Busco experiências que possam conectar criatividade, resolução de problemas e tecnologias que ajudem a tornar o mundo menos desigual e mais divertido.</p> | ||
<p class="perfilFinal">Experiência com produção de objeto, direção de arte, figurino, som, edição, fotografia e produção executiva. Durante a faculdade estagiei com produção de eventos e criação de vídeo aulas. Produção de filme independente premiado pela Mostra de Cinema de Tiradentes. </p> | ||
</div> | ||
<hr class="lados"> | ||
<div class="container"> | ||
<section class="colunaExperiencia"> | ||
<h2>EXPERIÊNCIA</h2> | ||
<h4>Assistente de Produção de Objeto</h4> | ||
<h5>As Orfãs da Rainha / mar 2019 - mar 2020</h5> | ||
<p>Pesquisa histórica, pesquisa local de objetos, organização de cronogramas e orçamentos, contato com fornecedores e acompanhamento da produção, logística de armazenamento e desprodução. </p> | ||
<h4>Produção</h4> | ||
<h5>IMO / 2017-2018</h5> | ||
<p>Produção geral (executiva, direção e locação). Responsável por contratos, financiamentos e apoios financeiros de parceiros, logística de transporte, alimentação e estadia de equipe.</p> | ||
<h4>Assistente de figurino</h4> | ||
<h5>Dentadura Postiça / 2016</h5> | ||
<p>Pesquisa histórica e pesquisa local de figurinos, contato e fechamento de parcerias com marcas e brechós locais, logística e organização das trocas de figurino no set. </p> | ||
<hr class="lados"> | ||
<h2 class="blank">EDUCAÇÃO</h2> | ||
<h4>Bacharelado em Cinema e Audiovisual</h4> | ||
<h5>Universidade Federal de Juiz de Fora 2015-2018</h5> | ||
<p> Nestes anos de curso tive contato com a prática de todas as grandes áreas dentro de uma produção cinematográfica, além de estudos aprofundados nas histórias e teorias do cinema locais e internacionais. </p> | ||
<h4>Bacharelado Interdisciplinar em Artes e Design</h4> | ||
<h5>Universidade Federal de Juiz de Fora 2011-2015</h5> | ||
<p>Formação abrangente onde pude me aprofundar sobre moda, ciências sociais, história da arte, artes plásticas, desenho e música e outros. </p> | ||
<h4>Direção de Produção Audiovisual</h4> | ||
<h5>2° Painel Audiovisual Impulso Hub - 2016</h5> | ||
<p>Minicurso com Suzi D’Souza sobre a prática da direção de produção, da executiva à locação.</p> | ||
</section> | ||
|
||
|
||
<section class="colunaHabilidades"> | ||
<h2>HABILIDADES PESSOAIS</h2> | ||
<ul class="habilidade"> | ||
<li>Comunicação não-violenta</li> | ||
<li>Responsabilidade</li> | ||
<li>Autodidatismo</li> | ||
<li>Criatividade</li> | ||
<li>Colaboração e espírito de equipe</li> | ||
</ul> | ||
<hr class="lados"> | ||
<h2 class="blank">HOBBIES</h2> | ||
<ul class="habilidade"> | ||
<li>Yoga</li> | ||
<li>Culinária</li> | ||
<li>Dança</li> | ||
<li>Fotografia</li> | ||
<li>Literatura</li> | ||
</ul> | ||
<hr class="lados"> | ||
<h2 class="blank">REFERÊNCIAS</h2> | ||
<h4 class="ref">Renata Marques</h4> | ||
<h5 class="cargo">Produção de objeto</h5> | ||
<p>71 98882-6241</p> | ||
<h4 class="ref">Moacyr Gramacho</h4> | ||
<h5 class="cargo">Direção de arte</h5> | ||
<p>71 98742-2320</p> | ||
|
||
</section> | ||
</div> | ||
|
||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,177 @@ | ||
@font-face { | ||
font-family: aller; | ||
src: url(fontes/Aller_rg.ttf); | ||
} | ||
@font-face { | ||
font-family: aller-lt; | ||
src: url(fontes/Aller_Lt.ttf); | ||
} | ||
|
||
@font-face { | ||
font-family: aller-Ltlt; | ||
src: url(fontes/Aller_LtIt.ttf); | ||
} | ||
|
||
Comment on lines
+1
to
+14
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Tem mais fontes no repositório do que você está usando. Remova os arquivos de fonte que você não usou There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Eu usei as 3! seção body: aller_rg; seção h3 aller-lt e seção h5 aller-ltit There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. @raquellenn no css tem as 3 que vc usa, mas na pasta fontes tem 7 arquivos de fonte. Remova os arquivos que vc não usou |
||
*{ | ||
box-sizing: border-box; | ||
margin-left: 20px; | ||
margin-right: 20px; | ||
} | ||
|
||
div.nome { | ||
display:flex; | ||
flex: 2; | ||
flex-direction: column; | ||
width: 60%; | ||
margin-bottom: 60px; | ||
} | ||
|
||
div.contato { | ||
display:flex; | ||
flex: 2; | ||
flex-direction: column wrap; | ||
float: right; | ||
justify-content: flex-end; | ||
padding-top: 0px; | ||
margin: 0px; | ||
width: 30%; | ||
} | ||
|
||
#contato { | ||
list-style: none; | ||
padding: 0px; | ||
margin-top: 50px; | ||
margin-right: 160px; | ||
} | ||
|
||
header { | ||
display: flex; | ||
padding-top: 1em; | ||
padding-left: 1em; | ||
} | ||
|
||
img { | ||
width: 50px; | ||
height: 40px; | ||
} | ||
|
||
#perfil { | ||
display: block; | ||
width: 98%; | ||
justify-content: right; | ||
} | ||
|
||
body { | ||
font-family: aller; | ||
color:#6f6f6e; | ||
padding-left: 1px; | ||
padding-right: 1px; | ||
} | ||
|
||
h1 { | ||
font-size: 40pt; | ||
margin-bottom: 0em; | ||
padding-bottom: 0.3em; | ||
} | ||
|
||
h2 { | ||
padding-bottom: 2em; | ||
} | ||
|
||
h3 { | ||
font-family: aller-lt; | ||
font-size: 12pt; | ||
margin-bottom: 3em; | ||
margin-top: 0em; | ||
padding-top: 0em; | ||
} | ||
|
||
h5 { | ||
font-family: aller-Ltlt; | ||
font-size: 10pt; | ||
padding-top: 0em; | ||
} | ||
|
||
h4 { | ||
padding-bottom: 0em; | ||
margin-bottom: 2em; | ||
} | ||
|
||
h4.ref { | ||
padding-bottom: 0em; | ||
margin-bottom: 0em; | ||
} | ||
|
||
h5.cargo { | ||
padding-top: 0em; | ||
margin-top: 0.5em; | ||
} | ||
|
||
hr::after { | ||
content: ""; | ||
display: inline-block; | ||
position: absolute; | ||
border-top: 1px solid black; | ||
border-bottom: 1px solid black; | ||
border-left: 1px solid black; | ||
border-right: 1px solid black; | ||
width: 8px; | ||
right: 0; | ||
height: 8px; | ||
justify-content: right; | ||
margin-left: -4px; | ||
padding-left: -8px; | ||
vertical-align: middle; | ||
white-space: nowrap; | ||
} | ||
|
||
hr { | ||
border: 0; | ||
border-top: 1px solid #6f6f6e; | ||
white-space: nowrap; | ||
vertical-align: middle; | ||
} | ||
|
||
p { | ||
padding-bottom: 2em; | ||
} | ||
|
||
p.perfil { | ||
padding-bottom: 0em; | ||
padding-top: 0em; | ||
} | ||
|
||
p.perfilFinal { | ||
padding-bottom: 3em | ||
} | ||
|
||
.container { | ||
display: flex; | ||
flex-flow: row wrap; | ||
} | ||
|
||
section.colunaExperiencia { | ||
display: block; | ||
width: 45%; | ||
float: left; | ||
height: 100%; | ||
padding-right: 2em; | ||
padding-top: 3em; | ||
} | ||
|
||
.habilidade { | ||
padding-bottom: 2em; | ||
} | ||
|
||
section.colunaHabilidades { | ||
border-left: 1px solid;/* Adiciona borda esquerda na div como ser fosse uma linha.*/ | ||
box-sizing: border-box; | ||
padding-left: 2em; | ||
padding-top: 3em; | ||
display: block; | ||
width: 40% | ||
} | ||
|
||
.blank { | ||
padding-top: 2em; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pensa nos elementos h1, h2, etc como título, subtítulo, etc. Quando vc escreve um TCC, por exemplo, vc tem
h1 - titulo do trabalho
h2 - capítulo
h3 - título
h4 - subtítulo
As tags
<h_>
devem ser usadas pra indicar títulos e subtítulos do conteúdo dessa forma.Você pulou do h2 pro h4 e acho que usou o h5 pra dar destaque a um parágrafo
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Então, mas é que o h3 é o subtítulo do título do currículo. é menor do que os títulos das seções (tipo perfil, habilidades) mas maior que os títulos dos trabalhos. vc acha que deveria usar em ordem independente do tamanho?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A questão aqui é que você pulou do
h2
proh4