Untitled

<!DOCTYPE html>
<html>

 <head>
  <meta charset="utf-8">
  <meta name="description" content="Página construída para disciplina da Faculdade Pitágoras.">
  <title>Minha Página Pessoal</title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>

 <body>
  <h2>Faça login</h2>

  <form>
   <div>
    <label>Usuário</label>
    <input value="admin" disabled>

    <label>Senha</label>
    <input type="password" placeholder="Senha">

    <button style="background-color: blue; color: white;">Entrar</button>
   </div>
  </form>

  <select>
   <option>Despesas</option>
   <option>Ganhos</option>
   <option>Resumo</option>
  </select>

  <h2>Despesas</h2>

  <table>
   <thead>
    <tr>
     <th>Descrição</th>
     <th>Quantidade</th>
     <th>Valor</th>
     <th>Total</th>
    </tr>
   </thead>

   <tbody>

    <tr>
     <td>Leite</td>
     <td>12</td>
     <td>R$ 3,00</td>
     <td>R$ 36,00</td>
    </tr>

    <tr>
     <td>Frigideira</td>
     <td>2</td>
     <td>R$ 25,00</td>
     <td>R$ 50,00</td>
    </tr>

    <tr>
     <td>Leite Infantil NAN</td>
     <td>1</td>
     <td>R$ 40,00</td>
     <td>R$ 40,00</td>
    </tr>

   </tbody>

   <tfoot>
    <tr>
     <td></td>
     <td></td>
     <th>Total</th>
     <td>R$ 126,00</td>
    </tr>
   </tfoot>

  </table>

  <p>Essas <span>despesas</span> consideram <strong>apenas</strong> o período da <em>segunda quinzena</em> de agosto.</p>
  <p style="font-family: 'Comic Sans MS'">Controle de orçamento para viabilizar economia.</p>

  <div>
   <div style="width: 30%; float: left;">
    <p>
    Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.
    </p>
   </div>

   <div style="width: 70%; margin-left: auto;">
    <p>
     É um fato conhecido de todos que um leitor se distrairá com o conteúdo de texto legível de uma página quando estiver examinando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem uma distribuição normal de letras, ao contrário de "Conteúdo aqui, conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um texto legível. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida busca por 'lorem ipsum' mostra vários websites ainda em sua fase de construção. Várias versões novas surgiram ao longo dos anos, eventualmente por acidente, e às vezes de propósito (injetando humor, e coisas do gênero).
    </p>
   </div>
  <div>

 </body>

</html>