

<!DOCTYPE html>
<html>
<head>
	<title>Twitter Bootstrap jQuery Calendar component</title>

	<meta name="description" content="Full view calendar component for twitter bootstrap with year, month, week, day views.">
	<meta name="keywords" content="jQuery,Bootstrap,Calendar,HTML,CSS,JavaScript,responsive,month,week,year,day">
	<meta name="author" content="Serhioromano">
	<meta charset="UTF-8">

	<link rel="stylesheet" href="components/bootstrap2/css/bootstrap.css">
	<link rel="stylesheet" href="components/bootstrap2/css/bootstrap-responsive.css">
	<link rel="stylesheet" href="css/calendar.css">

	<style type="text/css">
		.btn-twitter {
			padding-left: 30px;
			background: rgba(0, 0, 0, 0) url(https://platform.twitter.com/widgets/images/btn.27237bab4db188ca749164efd38861b0.png) -20px 6px no-repeat;
			background-position: -20px 11px !important;
		}
		.btn-twitter:hover {
			background-position:  -20px -18px !important;
		}
	</style>
</head>
<body>
<div class="container">
	<div class="">
		<h1></h1>

		<p></p>

		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');

		</script>
	</div>

	<div class="page-header">

		
		<h3></h3>
		<small></small>

	</div>
	<div class="row">
		
		<div class="span12">
		<div>
			<div class="pull-right form-inline">
			<div class="btn-group">
				<button class="btn btn-info" data-calendar-nav="prev"><< Prev.</button>
				<button class="btn" data-calendar-nav="today">Hoy</button>
				<button class="btn btn-info" data-calendar-nav="next">Sig. >></button>
			</div>
			<div class="btn-group">
				<button class="btn btn-success" data-calendar-view="year">A&ntilde;o</button>
				<button class="btn btn-success active" data-calendar-view="month">Mes</button>
				<button class="btn btn-success" data-calendar-view="week">Semana</button>
			</div>
		        </div>
		</div><br>
			<h3></h3>
			<div id="calendar"></div>
		</div>
		
	</div>

	<div class="clearfix"></div>
	<br><br>

		<center>
			<span class="lead">

			</span>

		</center>

	<br><br>

	<div id="disqus_thread"></div>


	<div class="modal hide fade" id="events-modal">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h3>Anuncio</h3>
		</div>
		<div class="modal-body" style="height: 200px">
			<h4>Event</h4>
		</div>
		<div class="modal-footer">
			<a href="#" data-dismiss="modal" class="btn">Close</a>
		</div>
	</div>

	<script type="text/javascript" src="components/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="components/underscore/underscore-min.js"></script>
	<script type="text/javascript" src="components/bootstrap2/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="components/jstimezonedetect/jstz.min.js"></script>
	
	<script type="text/javascript" src="js/language/es-CO.js"></script>
	<script type="text/javascript" src="js/language/es-MX.js"></script>
	<script type="text/javascript" src="js/language/es-ES.js"></script>
	
	<script type="text/javascript" src="js/calendar.js"></script>
	<script type="text/javascript" src="js/app.js"></script>
	<script type="text/javascript" >

	
	</script>
	

	
</div>
</body>
</html>
