Skip to content
Binary file added images/facebook.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/instagram.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/linkedin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/twitter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
203 changes: 203 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,203 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Daiane Alves</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="./css/flexslider.css" />
<link rel="stylesheet" type="text/css" media="screen" href="estilo.css" />
<link rel="icon" href="./images/icon.ico" type="image" sizes="16x16">


</head>

<body>
<header id="menu">
<figure>
<img src="images/logo.png" height="80">
</figure>
<nav id="menu-horizontal" style="float:right">
<ul>
<li style="display:inline"><a href="#banner">HOME</a></li>
<li style="display:inline"><a href="#">SERVIÇOS</a></li>
<li style="display:inline"><a href="#">PORTFÓLIO</a></li>
<li style="display:inline"><a href="#">SOBRE MIM</a></li>
<li style="display:inline"><a href="#">CONTATO</a></li>
</ul>
</nav>
</header>

<section id="banner">
<div id="primeiro-slide">

<h1>BEM VIND@</h1>
<h2>Eu sou Daiane Alves.</h2>
<figure>
<img src="./images/slider01.png">
</figure>
<figcaption>
Analista de sistemas na Lyseon Tech, organizadora da comunidade PHPRio(comunidade de desenvolvedores
PHP do
Rio de Janeiro), fundadora da comunidade PHPWomenRJ (maior comunidade de mulheres cis e trans que
desenvolve PHP do Brasil) e coordenadora local da comunidade WomakersCode(comunidade de emponderamento
feminino).
</figcaption>


</div>

<div id="segundo-slide">
<figure>
<img src="./images/Slider02.png">
</figure>
<figcaption>
OUTRO TEXTO AQUI!
</figcaption>
</div>

<div id="terceiro-slide">
<figure>
<img src="./images/Slider03.png">
</figure>
<figcaption>
OUTRO TEXTO AQUI!
</figcaption>
</div>
</section>

<section id="servicos">
<h1>Serviços</h1>
<p>Precisando tirar aquela ideia do papel? Procurando um bom profissional para desenvolver seu site? Fale
comigo!</p>

<hr />


<div class="row">
<div class="coluna-direita">
<img src="./images/Service1.png" alt="servico1">
<p>Descrição Serviços 1</p>
</div>

<div class="coluna-centro">
<img src="./images/Service2.png" alt="servico2">
<p>Descrição Serviços 2</p>
</div>

<div class="coluna-esquerda">
<img src="./images/Service3.png" alt="servico3">
<p>Descrição Serviços 3</p>
</div>
</div>
</section>

<section id="portfolio">
<h1>Meus Trabalhos</h1>
<p>Confira alguns dos meus trabalhos realizados!</p>


<hr />


<nav id="trabalhos">
<ul>
<li style="display:inline"><a href="#">Tudo</a></li>
<li style="display:inline"><a href="#">Website</a></li>
<li style="display:inline"><a href="#">Template</a></li>
<li style="display:inline"><a href="#">Tema</a></li>
</ul>
</nav>
<div class="jobs">
<div class="jobs-col1">
<img src="./images/Portfolio01.png" alt="portifolio1">
<p>Trabalho1</p>
</div>

<div class="jobs-col2">
<img src="./images/Portfolio02.png" alt="Portfolio02">
<p>Trabalho2</p>
</div>

<div class="jobs-col1">
<img src="./images/Portfolio03.png" alt="Portfolio03">
<p>Trabalho3</p>
</div>
</section>

<section id="quem-sou-eu">
<h1>Quem sou eu?</h1>
<p>Grande incentivadora de movimentos de apoio ao software livre.</p>

<hr />

<figure>
<img src="./images/photo.png">
<figcaption>Daiane Alves</figcaption>
</figure>

<figure>
<a href="https://www.facebook.com/DaianeAlvesRJ"><img src="./images/facebook.png" title="facebook" />
</a>

<a href="https://www.instagram.com/daianealvesrj/"><img src="./images/instagram.png" title="instagram" />
</a>

<a href="https://twitter.com/daianealvesrj"><img src="./images/twitter.png" title="twitter" />
</a>

<a href="https://www.linkedin.com/in/daianealvesrj/"><img src="./images/linkedin.png" title="linkedin" />
</a>
</figure>

<div id="sobre-mim">
<h1>Habilidades</h1>
COLOCAR UM TEXTO AQUI!
</div>

<div id="habilidades">
<ul>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Não seria mais prático colocar o id="habilidades" direto no elemento <ul> e eliminar esse <div>? ❓

<li>Javascript</li>
<li>HTML e CSS</li>
<li>Jquery</li>
<li>Wordpress</li>
</ul>
</div>
</section>

<section id="contato">
<h1>Contato</h1>
<p>Precisando de ajuda para tirar aquela ideia do papel? Vamos bater um papo?</p>

<hr />

<a href="mailto:[email protected]">[email protected]</a>
<a href="tel:+5521969203370">+55 21 969203370</a>
<h2>Mídias</h2>

<hr />

<figure>
<a href="https://www.facebook.com/DaianeAlvesRJ"><img src="./images/facebook.png" title="facebook" />
</a>

<a href="https://www.instagram.com/daianealvesrj/"><img src="./images/instagram.png" title="instagram" />
</a>

<a href="https://twitter.com/daianealvesrj"><img src="./images/twitter.png" title="twitter" />
</a>

<a href="https://www.linkedin.com/in/daianealvesrj/"><img src="./images/linkedin.png" title="linkedin" />
</a>
</figure>


</section>
<footer>
Daiane Alves - 2018
</footer>

</body>

</html>