index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>World Cup Top Goalscorers</title>
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/card.css">
</head>
<body>


<h3>World Cup Top Goalscorers</h3>

<table class="world-cup">
  
  <thead>
    <tr>
      <td>Name</td>
      <td class="goals">Goals</td>
    </tr>
  </thead>
  
  <tr>
    <td>
      <a class="player-card-ref" data-height="5&#39;9&#34;" data-weight="132 lbs." data-place="Mogi das Cruzes, Brazil" href="#">Neymar</a>
      <span>(Brazil)</span>
    </td>
    
    <td class="goals">4</td>
  </tr>
  
  <tr>
    <td>
      <a href="#" class="player-card-ref" data-height="5&#39;9&#34;" data-weight="132 lbs." data-place="Mogi das Cruzes, Brazil">Karim Benzema</a> 
      <span>(France)</span>
    </td>
    
    <td class="goals">3</td>
  </tr>
  
  <tr>
    <td>
      <a href="#" class="player-card-ref" data-height="5&#39;9&#34;" data-weight="132 lbs." data-place="Mogi das Cruzes, Brazil">Thomas Muller</a> 
      <span>(Germany)</span>
    </td>
    
    <td class="goals">3</td>
  </tr>
  
  <tr>
    <td>
      <a href="#" class="player-card-ref" data-height="5&#39;9&#34;" data-weight="132 lbs." data-place="Mogi das Cruzes, Brazil">Arjen Robben</a> 
      <span>(Netherlands)</span>
    </td>
    
    <td class="goals">3</td>
  </tr>
  
  <tr>
    <td>
      <a href="#" class="player-card-ref" data-height="5&#39;9&#34;" data-weight="132 lbs." data-place="Mogi das Cruzes, Brazil">Enner Valencia</a>
      <span>(Ecuador)</span>
    </td>
    
    <td class="goals">3</td>
  </tr>
  
</table>


<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>