<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
window.$ = window.jQuery = require('jquery');
</script>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/amaran.min.css">
</head>
<body>
<div id="title-bar">
<button type="button" id="close-btn"></button>
<button type="button" id="min-btn"></button>
<span style="margin:0 auto 0 -60px;">Stacer</span>
</div>
<ul id="nav">
<li><label id="dashboard-btn" class="nav-active">Dashboard</label></li>
<li><label id="system-cleaner-btn">System Cleaner</label></li>
<li><label id="startup-apps-btn">Startup Apps</label></li>
<li><label id="system-services-btn">Services</label></li>
<li><label id="uninstaller-btn">Uninstaller</label></li>
</ul>
<div id="dashboard-content" data-nav="dashboard-btn" class="content">
<div style="float:left; width:870px">
<div class="cont" id="cpu-cont">
CPU</div>
<div class="cont" id="mem-cont">
MEMORY</div>
<div class="cont" id="disk-cont">
DISK</div>
<div class="system-info">
SYSTEM INFO
<ul></ul>
</div>
<div class="cont" style="width:auto; float:right; padding-bottom:40px;">
<span style="float:left;">DOWNLOAD</span>
<div id="down-bar"></div>
</div>
<div class="cont" style="width:auto; float:right; padding-bottom:40px;">
<span style="float:left;">UPLOAD</span>
<div id="up-bar"></div>
</div>
</div>
</div>
<div id="system-cleaner-content" data-nav="system-cleaner-btn" class="content dn">
</div>
<div id="startup-apps-content" data-nav="startup-apps-btn" class="content dn">
</div>
<div id="system-service-content" data-nav="system-services-btn" class="content dn">
</div>
<div id="uninstaller-content" data-nav="uninstaller-btn" class="content dn">
</div>
<script src="src/stacer.js"></script>
</body>
</html>