<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/vendor/jquery-1.11.0.min.js"></script>
<link rel="icon" type="image/png" href="icon.png" />
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="js/fastclick.js" type="application/javascript"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="content">
<div id="titulo">Bars</div>
<div id="botonEmpezar">Start</div>
<div id="tutorial">
<p>Click to raise the bar</p>
</div>
<div id="nivel">Level <span id="numero">1</span></div>
<div id="toques">Touches <span id="numeros">0</span></div>
<div id="tiempo">Time <span id="segundos">0</span>s</div>
<div id="cartelNivel"></div>
<div id="contenerdorBarras">
<div class="huecoBarras">
<div id="barra1" class="barras"></div>
</div>
<div class="huecoBarras">
<div id="barra2" class="barras"></div>
</div>
<div class="huecoBarras">
<div id="barra3" class="barras"></div>
</div>
<div class="huecoBarras">
<div id="barra4" class="barras"></div>
</div>
<div class="huecoBarras">
<div id="barra5" class="barras"></div>
</div>
</div>
<div id="cuadro" class="animacionCuadro"></div>
</div>
<script src="js/vista.js" type="text/javascript"></script>
<script src="js/controlador.js" type="text/javascript"></script>
<script src="js/metodo.js" type="text/javascript"></script>
<script src="js/main.js"></script>
</body>
</html>