<style>
</style>
</head>
<body>
<!-- Navbar
================================================== -->
<? $ui->drawNavbar();?>
<!-- Container -->
<div class="container">
<!-- Switch Pacakge -->
<? $ui->drawSwitchPackage();?>
<!-- Sub-Nav-bar -->
<? $page[energy]="active"; $ui->drawSubNavbar($page); ?>
<!-- Tab Content -->
<!-- Electricity Consumption Bar Chart -->
<div id="Electricity-Consumption-Bar-Chart" style="width: 50%; min-width: 400px; height: 500px; float:left;"></div>
<!-- Natural Gas Consumption Bar Chart -->
<div id="Natural-Gas-Consumption-Bar-Chart" style="width: 50%; min-width: 400px; height: 500px; float: left; margin-bottom: 25px;"></div>
<!-- Electricity Consumption Table -->
<table class="table table-striped table-bordered" style="margin: 40px auto; width: 100%">
<caption style="background: purple; color: #fff;"> <h3>Electricity Energy Consumption (kWh)<h3> </caption>
