<!doctype html>
<title>Villefort</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/static/favicon.ico">  
  <link rel="stylesheet" href="/templates/boot.css">
  <script src="/templates/jq.js"></script>
  <script src="/templates/bs.js"></script>
   <link rel="stylesheet" href="/templates/jqui.css">

<div class="page">
  <h1>Villefort</h1>
  <div class ="todo">
    <div align="left">
      <div class="btn-group">
	<div class="dropdown pull-left ">
       <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Todo 
	 <span id="i1" class="caret"></span></button>
       <ul class="dropdown-menu">
	 <li><a href="/">Home</a></li>
	 <li><a href="/new">New</a></li>

       </ul>
	</div>
 <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Stats 
	 <span id="i1" class="caret"></span></button>
       <ul class="dropdown-menu">
	 <li><a href="/log"> Log </a> </li>
	 <li><a href="/today"> Today </a> </li>
	 <li><a href="/weekly"> Weekly </a> </li>
       </ul>
	</div>
    </div>
  </div>
  
	
    </div>
    </div>

    </br>
   
    </div>  

  <style>
     .page {
    padding-left:20%;
     }
  </style> 

    <script>
  $(document).ready(function() {
    $("#due").datepicker();
  });
  </script>
  
 <div class ="page">