Untitled

<html>
    <head>
       <title>Kilo</title>
       <link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch.css">
       <link type="text/css" rel="stylesheet" media="screen" href="themes/apple/theme.css">
       <script type="text/javascript" src="jqtouch/jquery-1.4.2.min.js"></script>
       <script type="text/javascript" src="jqtouch/jqtouch.js"></script>
       <script type="text/javascript">
           var jQT = $.jQTouch({  icon:'jqtouch.png' });
       </script>
    </head>
    <body>
		<div id="home">
			<div class="toolbar">
                <h1>Home</h1>
				<a class="button flip" href="#config">Configurações</a>
			</div>
			 <ul class="edgetoedge">
               <li class="arrow"><a href="#datas">Datas</a></li>
               <li class="arrow"><a href="#sobre">Sobre</a></li>
           </ul>
		</div>

		<div id="sobre">
			<div class="toolbar">
                <h1>Sobre</h1>
				<a class="button back" href="#">Voltar</a>
			</div>
			<p>Kilo é um aplicativo.</p>
		</div>

		<div id="datas">
			<div class="toolbar">
                <h1>Datas</h1>
				<a class="button back" href="#">Voltar</a>
			</div>
			 <ul class="edgetoedge">
               <li class="arrow"><a href="#data" id="#hoje">Hoje</a></li>
               <li class="arrow"><a href="#data" id="#ontem">Ontem</a></li>
			   <li class="arrow"><a href="#data" id="#2dias">2 dias atrás</a></li>
			   <li class="arrow"><a href="#data" id="#3dias">3 dias atrás</a></li>
			   <li class="arrow"><a href="#data" id="#4dias">4 dias atrás</a></li>
			   <li class="arrow"><a href="#data" id="#5dias">5 dias atrás</a></li>
           </ul>
		</div>

		<div id="data">
			<div class="toolbar">
                <h1>Data</h1>
				<a class="button back" href="#">Voltar</a>
				<a class="button slideup" href="#entrarDados">+</a>
			</div>
			<ul class="edgetoedge">
               <li class="entry" style="display:none" id="#templateDados" >
			   <span class="Label Calorias Deletar">Label</span>
			   <span class="Label Calorias Deletar">Calorias</span>
			   <span class="Label Calorias Deletar">Deletar</span>
			   </li>
		</div>

		<div id="entrarDados">
			<div class="toolbar">
                <h1>Adicionar Dados</h1>
				<a class="button cancel" href="#">Cancelar</a>
			</div>
			<form id="form1" name="form1" method="post" action=""></form>
				<ul class="rounded">
				<li><input type="text" placeholder="Digite Aqui" autocapitalize="off"></input> </li>
				<li><input type="text" placeholder="Digite Aqui" autocapitalize="off"></input> </li>
				<li><button type="submit" placeholder="" autocapitalize="off">Submit</button> </li>
		</div>

		<div id="config">
			<div class="toolbar">
                <h1>Configurações</h1>
				<a class="button cancel" href="#">Cancelar</a>
				</div>
				<form id="form2" name="form2" method="post" action=""></form>
				<ul class="rounded">
				<li><input type="text" placeholder="Idade" autocapitalize="off" autocorret></input> </li>
				<li><input type="text" placeholder="Peso" autocapitalize="off"></input> </li>
				<li><input type="text" placeholder="Limite" autocapitalize="off"></input> </li>
				<li><button type="submit" placeholder="" autocapitalize="off">Submit</button></li>
			</div>
		</div>

	</body>
</html>