Skip to content
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

Viviane dias #19

Merged
merged 2 commits into from
Dec 18, 2018
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
183 changes: 66 additions & 117 deletions students/viviane-dias/viviane-dias.html
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -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>
Expand All @@ -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">
Expand All @@ -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">
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -302,4 +250,5 @@ <h2>No que me destaco</h2>
</body>

<script type="text/javascript" src="assets/js/textFit.js"></script>

</html>