david
3acc0f71e7
git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_MaquetaIntranet/trunk@5 dea6828b-3720-d243-8757-cae5f23734d0
254 lines
9.9 KiB
HTML
254 lines
9.9 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>Reports | Mandy Lane - Premium Admin Template</title>
|
|
<link rel="stylesheet" media="screen" href="css/style.css" />
|
|
|
|
<!--[if IE 9]>
|
|
<link rel="stylesheet" media="screen" href="css/ie9.css"/>
|
|
<![endif]-->
|
|
|
|
<!--[if IE 8]>
|
|
<link rel="stylesheet" media="screen" href="css/ie8.css"/>
|
|
<![endif]-->
|
|
|
|
<!--[if IE 7]>
|
|
<link rel="stylesheet" media="screen" href="css/ie7.css"/>
|
|
<![endif]-->
|
|
|
|
<script type="text/javascript" src="js/plugins/jquery-1.7.min.js"></script>
|
|
<script type="text/javascript" src="js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
|
|
<script type="text/javascript" src="js/plugins/jquery.validate.min.js"></script>
|
|
<script type="text/javascript" src="js/plugins/jquery.colorbox-min.js"></script>
|
|
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/plugins/excanvas.min.js"></script><![endif]-->
|
|
<script type="text/javascript" src="js/plugins/jquery.flot.min.js"></script>
|
|
<script type="text/javascript" src="js/plugins/jquery.flot.pie.min.js"></script>
|
|
<script type="text/javascript" src="js/custom/general.js"></script>
|
|
<script type="text/javascript" src="js/custom/reports.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body class="bodygrey">
|
|
|
|
<div class="headerspace"></div>
|
|
|
|
<div class="header">
|
|
|
|
<form id="search" action="" method="post">
|
|
<input type="text" name="keyword" /> <button class="searchbutton"></button>
|
|
</form>
|
|
|
|
<div class="topheader">
|
|
<ul class="notebutton">
|
|
<li class="note">
|
|
<a href="pages/message.html" class="messagenotify">
|
|
<span class="wrap">
|
|
<span class="thicon msgicon"></span>
|
|
<span class="count">1</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="note">
|
|
<a href="pages/info.html" class="alertnotify">
|
|
<span class="wrap">
|
|
<span class="thicon infoicon"></span>
|
|
<span class="count">5</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul><!--horMenu-->
|
|
</div><!--topheader-->
|
|
|
|
|
|
<!--logo-->
|
|
<a href=""><img src="images/logo2.png" alt="Logo" /></a>
|
|
|
|
<div class="tabmenu">
|
|
<ul>
|
|
<li><a href="dashboard.html" class="dashboard"><span>Dashboard</span></a></li>
|
|
<li><a href="elements.html" class="elements"><span>Elements</span></a>
|
|
<ul class="subnav">
|
|
<li><a href=""><span>Sub Menu One</span></a></li>
|
|
<li><a href=""><span>Sub Menu Two</span></a></li>
|
|
<li><a href=""><span>Sub Menu Three</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="current"><a href="reports.html" class="reports"><span>Reports</span></a></li>
|
|
<li><a href="users.html" class="users"><span>Users</span></a></li>
|
|
</ul>
|
|
</div><!--tabmenu-->
|
|
|
|
<div class="accountinfo">
|
|
<img src="images/avatar.png" alt="Avatar" />
|
|
<div class="info">
|
|
<h3>John Doe</h3>
|
|
<small>youremail@domain.com</small>
|
|
<p>
|
|
<a href="">Account Settings</a> <a href="index.html">Logout</a>
|
|
</p>
|
|
</div><!--info-->
|
|
</div><!--accountinfo-->
|
|
</div><!--header-->
|
|
|
|
|
|
<div class="sidebar">
|
|
<div id="accordion">
|
|
<h3 class="open">Main Navigation</h3>
|
|
<div class="content" style="display: block;">
|
|
<ul class="leftmenu">
|
|
<li><a href="dashboard.html" class="home">General</a></li>
|
|
<li><a href="forms.html" class="form">Form Styling</a></li>
|
|
<li><a href="tables.html" class="table">Table Styling</a></li>
|
|
<li><a href="gallery.html" class="gallery">Image Gallery</a></li>
|
|
<li><a href="grid.html" class="grid">Grid Styling</a></li>
|
|
<li><a href="calendar.html" class="calendar">Calendar</a></li>
|
|
<li><a href="buttons.html" class="buttons">Buttons & Icons</a></li>
|
|
<li><a href="editor.html" class="editor">WYSIWYG Editor</a></li>
|
|
<li><a href="filemanager.html" class="file">File Manager</a></li>
|
|
<li><a href="invoice.html" class="form">Invoice</a></li>
|
|
<li><a href="404.html" class="error">404 Page</a></li>
|
|
</ul>
|
|
</div>
|
|
<h3 class="open">Custom Text</h3>
|
|
<div class="content" style="display: block;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
|
|
</div>
|
|
|
|
</div><!--leftmenu-->
|
|
|
|
|
|
<div class="maincontent">
|
|
|
|
<div class="breadcrumbs">
|
|
<a href="dashboard.html">Dashboard</a>
|
|
<span>Reports</span>
|
|
</div><!-- breadcrumbs -->
|
|
|
|
<div class="two_third maincontent_inner ">
|
|
<div class="left">
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>Sample Chart</span></h3>
|
|
<div class="content">
|
|
<div id="chartplace" style="height:300px;"></div>
|
|
</div><!-- content -->
|
|
</div><!-- widgetbox -->
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>Annotation</span></h3>
|
|
<div class="content">
|
|
<div id="annotation" style="height:300px;"></div>
|
|
</div><!-- content -->
|
|
</div><!-- widgetbox -->
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>Real Time Chart</span></h3>
|
|
<div class="content">
|
|
<div id="realtime" style="height:300px;"></div>
|
|
<p>You can update a chart periodically to get a real-time effect
|
|
by using a timer to insert the new data in the plot and redraw it.</p>
|
|
</div><!-- content -->
|
|
</div><!-- widgetbox -->
|
|
|
|
|
|
<br />
|
|
|
|
</div><!--left-->
|
|
</div><!--two_third-->
|
|
|
|
<div class="one_third last">
|
|
<div class="right">
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>EARNINGS</span></h3>
|
|
<div class="content">
|
|
|
|
<h1 class="prize">$232.45</h1>
|
|
<p>Estimate earnings by the end of the day: <strong>$300.00</strong></p>
|
|
|
|
<br />
|
|
|
|
<div class="one_half bright">
|
|
<h2 class="prize">$412.30</h2>
|
|
<small>Yesterday's earnings</small>
|
|
</div><!--one_half-->
|
|
|
|
<div class="one_half last">
|
|
<h2 class="prize">$2,796.98</h2>
|
|
<small>This month's earnings</small>
|
|
</div><!--one_half-->
|
|
|
|
|
|
</div><!--content-->
|
|
</div><!--widgetbox-->
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>Pie Chart</span></h3>
|
|
<div class="content">
|
|
<div id="piechart" class="pie"></div>
|
|
</div><!--content-->
|
|
</div><!--widgetbox-->
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>PROGRESS BAR</span></h3>
|
|
<div class="content">
|
|
|
|
<div class="progress">
|
|
Storage (60%)
|
|
<div class="bar"><div class="value bluebar" style="width: 60%;"></div></div>
|
|
</div><!--progress-->
|
|
|
|
<div class="progress">
|
|
Bandwidth (86%)
|
|
<div class="bar"><div class="value orangebar" style="width: 86%;"></div></div>
|
|
</div><!--progress-->
|
|
|
|
<div class="progress">
|
|
Impression (34%)
|
|
<div class="bar"><div class="value redbar" style="width: 34%;"></div></div>
|
|
</div><!--progress-->
|
|
|
|
</div><!--content-->
|
|
</div><!--widgetbox-->
|
|
|
|
|
|
<div class="widgetbox">
|
|
<h3><span>Another Progress Bar</span></h3>
|
|
<div class="content">
|
|
|
|
<div class="progress">
|
|
Storage
|
|
<div class="bar2"><div class="value bluebar" style="width: 60%;"><small>60%</small></div></div>
|
|
</div><!--progress-->
|
|
|
|
<div class="progress">
|
|
Bandwidth
|
|
<div class="bar2"><div class="value orangebar" style="width: 86%;"><small>86%</small></div></div>
|
|
</div><!--progress-->
|
|
|
|
<div class="progress">
|
|
Impressions
|
|
<div class="bar2"><div class="value redbar" style="width: 34%;"><small>34%</small></div></div>
|
|
</div><!--progress-->
|
|
|
|
</div><!--content-->
|
|
</div><!--widgetbox-->
|
|
|
|
</div><!--right-->
|
|
</div><!--one_third last-->
|
|
|
|
<br clear="all" />
|
|
|
|
</div><!--maincontent-->
|
|
|
|
<br />
|
|
<div class="footer footer_float">
|
|
<div class="footerinner">
|
|
© 2011. Mandy Lane Premium Template. All Rights Reserved.
|
|
</div><!-- footerinner -->
|
|
</div><!-- footer -->
|
|
|
|
</body>
|
|
</html>
|