Created
September 17, 2017 22:05
-
-
Save anonymous/303b307392dc672725ee835f2af2f60d to your computer and use it in GitHub Desktop.
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Biografia - João da Silva</title> | |
<meta charset="utf-8"> | |
<link rel="icon" href="favicon.png"> | |
<link rel=stylesheet href="reset.css"> | |
<link rel= stylesheet href="site.css"> | |
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600"> | |
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700"> | |
</head> | |
<body> | |
<main> | |
<h1 class="titulo-principal">Sobre mim</h1> | |
<div class="centralizacao"> | |
<p>Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de <em>qualidade</em>, <em>durabilidade</em> e que <em>agregam valor</em> para meus clientes.</p> | |
<p>Trabalho usando a web como plataforma, ou seja, respiro HTML5, CSS3 e JavaScript (ou melhor: ECMASCript). Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p> | |
<h2>Como trabalho</h2> | |
<blockquote class="fiat"> | |
<p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p> | |
<cite><p>José Souza, Fiat</p></cite> | |
</blockquote> | |
<p>Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo. <strong>Não trabalho com escopo fechado</strong>: o cliente é que decide quando o produto está pronto.</p> | |
<p>Também não trabalho com prazos fechados: <strong>qualidade é importante demais para ser sacrificada</strong>.</p> | |
<h2>Experiência</h2> | |
<blockquote class="petrobras"> | |
<p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p> | |
<cite><p>Manoel Santos, Petrobrás</p></cite> | |
</blockquote> | |
<p>Já desenvolvi projetos para grandes empresas como <a href="http://www.bmw.com">BMW</a>, <a href="http://www.uol.com.br">UOL</a> e <a href="http://www.ibm.com">IBM</a>. Neles, o foco principal era entregar uma experiência imersiva e impactante para o usuário final sem descuidar do desempenho e da acessibilidade da página.</p> | |
<p>Também já fui contratado para transformar grandes portais, <a href="http://www.terra.com.br">Terra</a> e <a href="http://www.g1.globo.com">G1</a>, em páginas responsivas. Fui responsável por renovar o layout, reorganizar o conteúdo e re-escrever o código de forma mais reaproveitável.</p> | |
<h2>Comunidade</h2> | |
<p>Procuro repassar meu conhecimento para a comunidade. Para isso, já dei <a href="portfolio.html">diversas palestras</a> e mantenho <a href="blog.html">um blog</a>.</p> | |
</div> | |
</main> | |
<img src="eu.jpg" alt = "Foto de João da Silva"> | |
<aside class="navegacao-site"> | |
<h1>João da Silva</h1> | |
<nav> | |
<ul> | |
<li><a href="#">home</a></li> | |
<li><a href="#">portifolio</a></li> | |
<li><a href="#">sobre mim</a></li> | |
<li><a href="#">blog</a></li> | |
<li><a href="#">contato</a></li> | |
</ul> | |
</nav> | |
<ul class ="icones-sociais"> | |
<li><a href="http://github.com/joaodasilva"><img src="github.png" alt = "github"></a></li> | |
<li><a href="http://twitter.com/joaodasilva"><img src="twitter.png" alt = "twitter"></a></li> | |
<li><a href="http://linkedin.com/joaodasilva"><img src="linkedin.png" alt = "linkedin"></a></li> | |
</ul> | |
</aside> | |
<footer id="rodape-pagina"> | |
© João da Silva 2017 | |
<ul class ="icones-sociais"> | |
<li><a href="http://github.com/joaodasilva"><img src="github.png" alt = "github"></a></li> | |
<li><a href="http://twitter.com/joaodasilva"><img src="twitter.png" alt = "twitter"></a></li> | |
<li><a href="http://linkedin.com/joaodasilva"><img src="linkedin.png" alt = "linkedin"></a></li> | |
</ul> | |
</footer> | |
</body> | |
</html> | |
``` |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment