pauloilarde

site-alura-html

Jun 22nd, 2017
307
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.51 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.       <title>Biografia - João da Silva</title>
  5.       <meta charset="utf-8">
  6.       <link rel="icon" href="favicon.png">
  7.       <link rel="stylesheet" href="reset.css">
  8.       <link rel="stylesheet" href="site.css">
  9.       <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
  10.         <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
  11.    </head>
  12.    <body>
  13.       <main>
  14.          <h1>Sobre mim</h1>
  15.  
  16.          <div>
  17.             <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>
  18.             <p>Trabalho usando a web como plataforma, ou seja, <em>respiro</em> HTML5, CSS3 e JavaScript (ou melhor: ECMASCript). </p>
  19.             <p>Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p>
  20.  
  21.             <h2>Como trabalho</h2>
  22.  
  23.             <blockquote>
  24.                 <p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
  25.                 <cite>-- José Souza, Fiat</cite>
  26.             </blockquote>
  27.  
  28.             <p>Satisfazer meus clientes é <em>prioridade</em>. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo.</p>
  29.             <p>Não trabalho com escopo fechado: o cliente é que decide quando o produto está pronto.</p>
  30.  
  31.             <p>Também não trabalho com prazos fechados: <em>qualidade é importante demais</em> para ser sacrificada.</p>
  32.  
  33.             <h2>Experiência</h2>
  34.  
  35.             <blockquote>
  36.                 <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>
  37.                 <cite>-- Manoel Santos, Petrobrás</cite>
  38.             </blockquote>
  39.  
  40.             <p>Já desenvolvi projetos para grandes empresas como <a href="https://www.bmw.com.br/pt/index.html">BMW</a>, <a href="https://www.uol.com.br/">UOL</a> e <a href="https://www.ibm.com/br-pt/">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>
  41.             Também já fui contratado para transformar grandes portais, como <a href="https://www.terra.com.br/">Terra</a> e <a href="http://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>
  42.  
  43.             <h2>Comunidade</h2>
  44.  
  45.             <p>Procuro repassar meu conhecimento para a comunidade. Para isso, já dei <a href="portfolio.html">diversas palestras</a>, e mantenho um <a href="blog.html">blog</a>.</p>
  46.          </div>
  47.       </main>
  48.       <img src="eu.jpg" alt="Foto de João da Silva">
  49.       <aside>
  50.          <h1>João da Silva</h1>
  51.          <nav>
  52.             <ul>
  53.                <li><a href="index.html">Home</a></li>
  54.                <li><a href="portfolio.html">Portfolio</a></li>
  55.                <li><a href="bio.html">Sobre mim</a></li>
  56.                <li><a href="blog.html">Blog</a></li>
  57.                <li><a href="contato.html">Contato</a></li>
  58.             </ul>
  59.          </nav>
  60.       </aside>
  61.       <footer>
  62.          &copy; João da Silva
  63.       </footer>
  64.    </body>
  65. </html>
Advertisement
Add Comment
Please, Sign In to add comment