( ′∀`)σ≡σ☆))Д′)レ(゚∀゚;)ヘ=З=З=Зε≡(ノ´_ゝ`)ノ
<section class="vbox">
<section class="scrollable">
<div class="header b-b bg-white-only">
<div class="row">
<div class="col-sm-4">
<h2 style="margin-top:0px" class="post-title" id="status"> <i class="icon-signal"></i>Analysis</h2>
</div>
<div class="col-sm-8">
<div class="clearfix m-t m-b-sm pull-right pull-none-xs">
<div class="pull-left">
<div class="pull-left m-r-xs"> <span class="h4">432k</span> <i class="icon-level-up text-success"></i> </div>
<div class="clear">
<div class="sparkline inline" data-type="bar" data-height="20" data-bar-width="4" data-bar-spacing="2" data-stacked-bar-color="['#afcf6f', '#ccc']"> </div>
</div>
</div>
<div class="pull-left m-l-lg">
<div class="pull-left m-r-xs"> <span class="h4">$4k</span> <i class="icon-level-down text-danger"></i> </div>
<div class="clear">
<div class="sparkline inline" data-type="bar" data-height="20" data-bar-width="4" data-bar-spacing="2" data-bar-color="#fb6b5b"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper">
<section class="panel">
<header class="panel-heading font-bold">Site statistics</header>
<div class="panel-body">
<div id="flot-color" style="height:200px"></div>
</div>
<footer class="panel-footer">
<div class="row text-center">
<div class="col-xs-3 b-r">
<p class="h3 font-bold m-t">5,860</p>
<p class="text-muted">Orders</p>
</div>
<div class="col-xs-3 b-r">
<p class="h3 font-bold m-t">10,450</p>
<p class="text-muted">Selling Items</p>
</div>
<div class="col-xs-3 b-r">
<p class="h3 font-bold m-t">21,230</p>
<p class="text-muted">Items</p>
</div>
<div class="col-xs-3">
<p class="h3 font-bold m-t">7,230</p>
<p class="text-muted">Customers</p>
</div>
</div>
</footer>
</section>
<div class="row">
<div class="col-md-6">
<section class="panel">
<header class="panel-heading font-bold">Multiple</header>
<div class="panel-body">
<div id="flot-chart" style="height:240px"></div>
</div>
</section>
</div>
<div class="col-md-6">
<section class="panel">
<header class="panel-heading font-bold">Real-time update</header>
<div class="panel-body">
<div id="flot-live" style="height:240px"></div>
</div>
</section>
</div>
</div>
<div class="row">
<div class="col-md-6">
<section class="panel">
<header class="panel-heading font-bold">Vertical bar</header>
<div class="panel-body">
<div id="flot-bar" style="height:240px"></div>
</div>
</section>
</div>
<div class="col-md-6">
<section class="panel">
<header class="panel-heading font-bold">Horizontal bar</header>
<div class="panel-body">
<div id="flot-bar-h" style="height:240px"></div>
</div>
</section>
</div>
</div>
<div class="row">
<div class="col-md-6">
<section class="panel">
<header class="panel-heading font-bold">Pie Chart</header>
<div class="panel-body">
<div id="flot-pie" style="height:240px"></div>
</div>
</section>
</div>
<div class="col-md-6">
<section class="panel">
<header class="panel-heading font-bold">Donut pie</header>
<div class="panel-body">
<div id="flot-pie-donut" style="height:240px"></div>
</div>
</section>
</div>
</div>
</div>
</section>
</section>
</section>
</section>
</section>
</section>
<script src="<?php echo $siteaddress;?>js/charts/flot/jquery.flot.min.js" cache="false"></script>
<script src="<?php echo $siteaddress;?>js/charts/flot/jquery.flot.tooltip.min.js" cache="false">
</script> <script src="<?php echo $siteaddress;?>js/charts/flot/jquery.flot.resize.js" cache="false">
</script> <script src="<?php echo $siteaddress;?>js/charts/flot/jquery.flot.orderBars.js" cache="false">
</script> <script src="<?php echo $siteaddress;?>js/charts/flot/jquery.flot.pie.min.js" cache="false"></script>
<script src="<?php echo $siteaddress;?>js/charts/flot/demo.js" cache="false"></script>