indice-exemplo.htm

<div class="indice">
  <ul class="noticias">
    <li class="data">19.11.2010</li>
    <li class="chamada com-imagem">
      <a class="img" href="http://natelinha.uol.com.br/noticias/2010/11/19/142246.php"><img src="http://w3.i.uol.com.br/Wap/2010/09/15/midia-indoor-wap-o-apresentador-pedro-bial-no-cenario-do-big-brother-brasil-12010-1284572053570_80x80.jpg" width="80" height="80"></a>
      <a class="hora" href="http://natelinha.uol.com.br/noticias/2010/11/19/142246.php">14h36</a>
      <a class="titulo" href="http://natelinha.uol.com.br/noticias/2010/11/19/142246.php">Olheiros estão à procura de futuros participantes para o "BBB 11"</a>
    </li>
    <li class="chamada">
      <a class="hora" href="http://www.natelinha.com.br/noticias/2010/11/19/142246.php">14h22</a>
      <a class="titulo" href="http://www.natelinha.com.br/noticias/2010/11/19/142246.php">"BBB 11": Olheiros estão à procura de futuros participantes</a>
    </li>
    <li class="data">17.11.2010</li>
    <li class="chamada com-imagem">
      <a class="img" href="http://televisao.uol.com.br/colunas/flavio-ricco/2010/11/17/publico-de-araguaia-se-confunde-com-maldicao-e-fred-cai-nas-gracas-das-mulheres.jhtm#bbb"><img src="http://w3.i.uol.com.br/Wap/2010/09/15/midia-indoor-wap-o-apresentador-pedro-bial-no-cenario-do-big-brother-brasil-12010-1284572053570_80x80.jpg" width="80" height="80"></a>
      <a class="hora" href="http://televisao.uol.com.br/colunas/flavio-ricco/2010/11/17/publico-de-araguaia-se-confunde-com-maldicao-e-fred-cai-nas-gracas-das-mulheres.jhtm#bbb">00h05</a>
      <a class="titulo" href="http://televisao.uol.com.br/colunas/flavio-ricco/2010/11/17/publico-de-araguaia-se-confunde-com-maldicao-e-fred-cai-nas-gracas-das-mulheres.jhtm#bbb">"BBB Virtual" deve começar em dez dias</a>
    </li>
  </ul>
</div>