-
Notifications
You must be signed in to change notification settings - Fork 23
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #19 from vivianedias/viviane-dias
Viviane dias
- Loading branch information
Showing
1 changed file
with
66 additions
and
117 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,8 +5,9 @@ | |
<title>Currículo {reprograma}</title> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="shortcut icon" type="image/png" href="https://www.reprograma.com.br/assets/img/favicon.ico"/> | ||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> | ||
<link rel="shortcut icon" type="image/png" href="https://www.reprograma.com.br/assets/img/favicon.ico" /> | ||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" | ||
crossorigin="anonymous"> | ||
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> | ||
<link rel="stylesheet" type="text/css" href="../../assets/css/main.css"> | ||
<link rel="stylesheet" type="text/css" href="../../assets/css/cv.css"> | ||
|
@@ -22,143 +23,140 @@ | |
<main> | ||
<section id="intro"> | ||
<div> | ||
<h1>{ Viviane Piróla Dias }</h1> | ||
<h1>{ Viviane Piróla Dias }</h1> | ||
<div class="background-DEBBDD"> | ||
<h2>O que eu quero</h2> | ||
</div> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<p>Procuro uma empresa que trabalhe com algum tipo de impacto social.</p> | ||
</div> | ||
<address> | ||
<ul> | ||
<li><img src="../../assets/img/location.png" alt=""><span>São Paulo</span></li> | ||
<li><img src="../../assets/img/linkedin.png" alt=""><a href="" id="linkedin">LinkdIn</a></li> | ||
<li><img src="../../assets/img/github.png" alt=""><a href="" id="github">GitHub</a></li> | ||
<li><img src="../../assets/img/envelope.png" alt=""><a href="" id="email">[email protected]</a></li> | ||
<li><img src="../../assets/img/linkedin.png" alt=""><a href="https://www.linkedin.com/in/viviane-dias-954441133/" | ||
id="linkedin">LinkdIn</a></li> | ||
<li><img src="../../assets/img/github.png" alt=""><a href="https://github.com/vivianedias" id="github">GitHub</a></li> | ||
<li><img src="../../assets/img/envelope.png" alt=""><a href="mailto:[email protected]" id="email">[email protected]</a></li> | ||
</ul> | ||
</address> | ||
</section> | ||
<section id="about"> | ||
<div class="background-DEBBDD"> | ||
<h2>Um pouco sobre mim</h2> | ||
</div> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. Nullam convallis magna placerat justo pretium, sit amet rhoncus metus tincidunt. Fusce condimentum augue ut purus semper, nec ultricies lorem facilisis. Cras rhoncus velit id tellus bibendum mattis. Aliquam justo enim, accumsan eu placerat ut, mattis suscipit leo. Donec eu lacinia odio.</p> | ||
<p> | ||
Desde sempre tive muita curiosidade e facilidade em lidar com tecnologia, no entanto, tive de enfrentar alguns entraves antes que pudesse estar no caminho que me encontro hoje. Tenho me dedicado há um ano para aprender programação web, já participei e ainda participo de cursos para que continue aprendendo cada vez mais, além de seguir engajada em diversas iniciativas, botando em prática tudo que tenho aprendido. | ||
<p> | ||
Tenho bastante intusiasmo para conhecer e aprender novas coisas e talvez por isso enxergo as velhas diferenças entre as áreas de humanas e exatas mais como complementos ou metades que estão constantemente trabalhando em sincronia, do que opostos que não se atraem. | ||
</p> | ||
</section> | ||
<section id="works"> | ||
<div class="section-icon"> | ||
<img src="../../assets/img/cv-job.png" alt=""> | ||
</div> | ||
<h2 class="background-DEBBDD">No que já trabalhei</h2> | ||
<div class="work"> | ||
<h3>{ Estagiária de TI }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Instituto de Ciências Biomédicas, Out 2017- Ago 2018 }</h3> | ||
<li>Atualização e manutenção de todas as páginas e tópicos dentro do site</li> | ||
<li>Elaboração de textos</li> | ||
<li>Design funcional e agradável dos projetos na plataforma</li> | ||
<li>Ferramentas utilizadas: Wordpress, Microsoft Word e Adobe Photoshop.</li> | ||
</div> | ||
<div class="work"> | ||
<h3>{ Estagiária de TI }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Lionbridge Global Sourcing Solutions Inc, Mai 2017 – Ago 2018 }</h3> | ||
<li>Realizava como freelancer avaliações integradas de propaganda em variadas plataformas dos produtos da Google. Ex: Youtube e página de resultados Google</li> | ||
<li>Ferramentas utilizadas: plataforma própria da empresa.</li> | ||
</div> | ||
<div class="work"> | ||
<h3>{ Estagiária de TI }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Appen, Fev 2017 – Ago 2017 }</h3> | ||
<li>Avaliação de propaganda veiculada no Facebook</li> | ||
<li>Ferramentas utilizadas: plataforma própria da empresa.</li> | ||
</div> | ||
</section> | ||
|
||
<section id="studies"> | ||
<div class="section-icon"> | ||
<img src="../../assets/img/graduate.png" alt=""> | ||
</div> | ||
<h2 class="background-DEBBDD">O que já estudei</h2> | ||
<div class="study"> | ||
<h3>{ Sistemas de Informação }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Reprograma, Dez 2018 }</h3> | ||
<p>Curso Fullstack Web Development</p> | ||
</div> | ||
<div class="study"> | ||
<h3>{ Sistemas de Informação }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Minas Programam, Julho 2018 }</h3> | ||
<p>Curso de Verão Intro. Programação</p> | ||
</div> | ||
<div class="study"> | ||
<h3>{ Sistemas de Informação }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Faculdade de Filosofia, Letras e Ciências Humanas, Universidade de São Paulo }</h3> | ||
<p>Bacharelado em Ciências Sociais</p> | ||
</div> | ||
</section> | ||
|
||
<section id="interests"> | ||
<div class="section-icon"> | ||
<img src="../../assets/img/checklist.png" alt=""> | ||
</div> | ||
<h2 class="background-DEBBDD">Meus outros aprendizados e interesses</h2> | ||
<div class="interest"> | ||
<h3>{ Sistemas de Informação }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ Programação Funcional }</h3> | ||
<p>Sempre tento aplicar a técnica em meus projetos pois acredito em sua efetividade em deixar o código mais legíveil e editável. </p> | ||
</div> | ||
<div class="interest"> | ||
<h3>{ Linux }</h3> | ||
<p>Possuo bastante familiaridade com as distros, principalmente Ubuntu e Linux Mint - é o sistema operacional que utilizo atualmente.</p> | ||
</div> | ||
<div class="interest"> | ||
<h3>{ Segurança e Direitos Digitais }</h3> | ||
<p>Meu projeto final no curso foi sobre o assunto. Confira no site <a href="http://hackeandovigilancia.netlify.com/">Hackeando a Vigilancia</a></p> | ||
</div> | ||
<div class="interest"> | ||
<h3>{ Front-End Web Development }</h3> | ||
</div> | ||
<div class="interest"> | ||
<h3>{ Políticas Públicas }</h3> | ||
</div> | ||
<div class="interest"> | ||
<h3>{ Sistemas de Informação }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ The Web Development Bootcamp }</h3> | ||
<p>Curso online que perpassa por todas as etapas do desenvolvimento, do Front ao Backend, com Colt Steele.</p> | ||
</div> | ||
<div class="interest"> | ||
<h3>{ Sistemas de Informação }</h3> | ||
<p>Consectetur adipiscing elit. Aliquam sodales justo quis viverra suscipit. Vivamus quis ex libero. Nulla sollicitudin leo pellentesque sem tincidunt euismod. </p> | ||
<h3>{ JavaScript Ninja }</h3> | ||
<p>Um curso sobre Javascript puro que passa por todo conteúdo relacionado a linguagem, com Fernando Daciuk.</p> | ||
</div> | ||
</section> | ||
|
||
<section id="skills"> | ||
<div class="section-icon"> | ||
<img src="../../assets/img/rating.png" alt=""> | ||
</div> | ||
<div id="skills-list"> | ||
<h2>No que me destaco</h2> | ||
<div class="skill"> | ||
<span class="skill-name">HTML</span> | ||
<span class="skill-name">HTML5</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">CSS</span> | ||
<span class="skill-name">CSS3</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">SASS</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">JAVASCRIPT</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
</div> | ||
|
@@ -168,29 +166,19 @@ <h2>No que me destaco</h2> | |
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">GIT/GITHUB</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
|
@@ -200,12 +188,7 @@ <h2>No que me destaco</h2> | |
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
|
@@ -214,38 +197,13 @@ <h2>No que me destaco</h2> | |
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">JQUERY</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">VR</span> | ||
<span class="skill-name">REDUX</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
|
@@ -254,28 +212,18 @@ <h2>No que me destaco</h2> | |
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">PHOTOSHOP</span> | ||
<span class="skill-name">TERMINAL</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
<div class="point"></div> | ||
</div> | ||
</div> | ||
<div class="skill"> | ||
<span class="skill-name">ILUSTRATOR</span> | ||
<span class="skill-name">PHOTOSHOP</span> | ||
<div class="points"> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point has-point"></div> | ||
<div class="point"></div> | ||
|
@@ -302,4 +250,5 @@ <h2>No que me destaco</h2> | |
</body> | ||
|
||
<script type="text/javascript" src="assets/js/textFit.js"></script> | ||
|
||
</html> |