diff --git a/.gitignore b/.gitignore
index 9d377e4..e4d011f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,4 @@
-.DS_Store
-db-config.json
-key.json
 node_modules/
-sftp-config.json
-npm-debug.log
\ No newline at end of file
+.DS_Store
+*.json
+*.log
\ No newline at end of file
diff --git a/controller/authorizationCtrl.js b/controller/authorizationCtrl.js
new file mode 100644
index 0000000..add7b5a
--- /dev/null
+++ b/controller/authorizationCtrl.js
@@ -0,0 +1,43 @@
+const mysql = require('mysql');
+var async = require('async');
+var dbconfig = require(__dirname+'/../config/db-config.json');
+var connection = mysql.createConnection(dbconfig);
+
+exports.adminAccess = ( req, res, next ) => {
+	const sess = req.session;
+
+	if(sess.name)
+		res.redirect('/dashboard');
+	else
+		res.render('login.html',{error:null});
+}
+
+exports.adminLogin = ( req, res, next ) => {
+	const sess = req.session;
+
+	connection.query('select admin_name from ADMINACCOUNT where admin_id=\''+req.body.adminId+'\' and admin_pw=\''+req.body.password+'\'',(err,rows)=>{
+		if(rows.length>0){
+			sess.name = rows[0].admin_name;
+			res.redirect('/dashboard');
+		}
+		else{
+			res.render('login.html',{error: "Input wrong id or password"});
+		}
+	});
+}
+
+exports.adminLogout = ( req, res, next ) => {
+	const sess = req.session;
+
+	if(sess.name){
+		req.session.destroy((err)=>{
+			if(err){
+				console.log(err);
+			}else{
+				res.redirect('/');
+			}
+		})
+	}else{
+		res.redirect('/');
+	}
+}
\ No newline at end of file
diff --git a/controller/dashboardCtrl.js b/controller/dashboardCtrl.js
new file mode 100644
index 0000000..2ecabd1
--- /dev/null
+++ b/controller/dashboardCtrl.js
@@ -0,0 +1,588 @@
+const mysql = require('mysql');
+var async = require('async');
+var dbconfig = require(__dirname+'/../config/db-config.json');
+var connection = mysql.createConnection(dbconfig);
+
+
+exports.renderDashboard = async (req, exportsRes, next ) => {
+	const sess = req.session;
+	if(!sess.name)
+		exportsRes.redirect('/');
+
+	var totalRegister 		= 0;
+	var yesterdayRegister 	= 0;
+	var reactTimeMin 		= 0;
+	var reactTimeSec		= 0;
+	var timeTheDay 			= [];
+	var timeTheWeek 		= [];
+	var timeTheMonth 		= [];
+
+	var syncCost20 = {};
+	var syncCost40 = {};
+	var syncCost60 = {};
+
+	var maleCount	= 0;
+	var femaleCount	= 0;
+
+	var age10count	= 0;
+	var age20count	= 0;
+	var age30count	= 0;
+	var age40count	= 0;
+
+	var userFeedback = [];
+	var outUserFeedback = [];
+
+	var southReco 	 = {};
+	var northReco 	 = {};
+	var centeralReco = {};
+	var eastReco	 = {};
+	var westReco	 = {};
+
+	var today = new Date();
+	var yesterday = new Date(new Date().setDate(new Date().getDate()-1));
+	var previous2days = new Date(new Date().setDate(new Date().getDate()-2));
+	var previous3days = new Date(new Date().setDate(new Date().getDate()-3));
+	var previous4days = new Date(new Date().setDate(new Date().getDate()-4));
+	var previous5days = new Date(new Date().setDate(new Date().getDate()-5));
+	var previous6days = new Date(new Date().setDate(new Date().getDate()-6));
+	var previous7days = new Date(new Date().setDate(new Date().getDate()-7));
+	var previous14days = new Date(new Date().setDate(new Date().getDate()-14));
+	var previous21days = new Date(new Date().setDate(new Date().getDate()-21));
+	var previous28days = new Date(new Date().setDate(new Date().getDate()-28));
+
+	async.parallel([
+		function(callback){
+			// Get total_register count
+			connection.query(`select count(*) as total_user_count from USER as U
+				inner join USERACCOUNT as UA
+					on U.user_hashkey = UA.user_hashkey
+				where user_id != 'None'`,(err, rows)=>{
+						if(err) throw err;
+
+				totalRegister = rows[0].total_user_count;
+				callback(err, rows);
+			});
+		},
+		function(callback){
+		// Get yesterday_register count
+			connection.query(`select count(*) as yesterday_user_count from USER as U
+				inner join USERACCOUNT as UA
+					on U.user_hashkey = UA.user_hashkey
+				where user_id != 'None'
+					and UA.create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+'/'+(yesterday.getMonth()+1)+'/'+yesterday.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s') 
+					and UA.create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+'/'+(yesterday.getMonth()+1)+'/'+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s')`,(err, rows)=>{
+				if(err) throw err;
+
+				yesterdayRegister = rows[0].yesterday_user_count;
+				callback(err, rows);
+			});
+		},
+		function(callback){
+			// Get react_times about mapping
+			connection.query('select react_times from EVENT_RECO',(err, rows)=>{
+				if(err) throw err;
+				var sum=0;
+				for(var i=0; i<rows.length; i++){
+					sum += rows[i].react_times;
+				}
+				var reactTime = Math.floor(sum/rows.length);
+				reactTimeMin = Math.floor(reactTime/60);
+				reactTimeSec = reactTime%60;
+				callback(err, rows);
+			});
+		},
+		function(callback){
+			// Get user-feedback(type 0) & out-user-feedback(type 1)
+			connection.query(`select 
+					UA.user_id,
+					R.contents,
+					R.created,
+					R.type
+				from REQUESTS as R
+				inner join USERACCOUNT as UA
+					on R.account_hashkey = UA.account_hashkey
+				`,(err, rows)=>{
+				//where UA.user_id != 'None'`,(err, rows)=>{
+				if(err) throw err;
+
+
+				for(var i=0; i<rows.length; i++){
+					if(rows[i].type === 0){
+						userFeedback.push({
+							user_id : 	rows[i].user_id,
+							contents: 	rows[i].contents,
+							created : 	rows[i].created 	
+						});
+					}
+					else{
+						outUserFeedback.push({
+							user_id : 	rows[i].user_id,
+							contents: 	rows[i].contents,
+							created : 	rows[i].created 	
+						});
+					}
+				}
+				callback(err, rows);
+			});		
+		},
+		function(callback){
+			// Get gender & ages
+			connection.query(`select 
+					user_gender,user_birth 
+				from USER as U
+				inner join USERACCOUNT as UA
+					on U.user_hashkey = UA.user_hashkey
+				group by UA.account_hashkey`,(err, rows)=>{
+				if(err) throw err;
+
+				var year = new Date().getFullYear();
+
+				for(var i=0; i<rows.length; i++){
+					if(rows[i].user_gender === 1)
+						maleCount++;
+					else
+						femaleCount++;
+
+					if(rows[i].user_birth > (year-19))
+						age10count++;
+					if(rows[i].user_birth > (year-29))
+						age20count++;
+					if(rows[i].user_birth > (year-39))
+						age30count++;
+					if(rows[i].user_birth > (year-49))
+						age40count++;
+				}
+				callback(err, rows);
+			});
+		},
+		function(callback){
+			// Get main-detail region
+			connection.query(`select
+				R.main_region,
+				R.region,
+				(select count(*) from RECOMMENDATION as RECO where RECO.region = R.region ) 
+				as detail_region_count
+			from RECOMMENDATION as R
+			where
+				R.main_region != 'NULL'
+				or R.main_region != 'None'
+			group by R.main_region, R.region
+			`,(err, rows)=>{
+				if(err) throw err;
+				for(var i=0; i<rows.length; i++){
+					if(rows[i].main_region === "남부"){
+						southReco[rows[i].region]=rows[i].detail_region_count;
+					}
+					else if(rows[i].main_region === "북부"){
+						northReco[rows[i].region]=rows[i].detail_region_count;	
+					}
+					else if(rows[i].main_region === "중부"){
+						centeralReco[rows[i].region]=rows[i].detail_region_count;
+					}
+					else if(rows[i].main_region === "동부"){
+						eastReco[rows[i].region]=rows[i].detail_region_count;
+					}
+					else if(rows[i].main_region === "서부"){
+						westReco[rows[i].region]=rows[i].detail_region_count;
+					}
+					else;
+					//console.log(rows[i].main_region+":"+rows[i].region+" "+rows[i].detail_region_count);
+				}
+
+				callback(err, rows);
+			});
+		},
+		function(callback){
+			// Get sync timezone
+			connection.query(`select
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 6:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 6:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday6clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 7:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 7:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday7clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 8:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 8:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday8clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 9:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 9:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday9clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 10:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 10:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday10clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 11:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 11:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday11clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 12:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 12:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday12clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 13:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 13:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday13clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 14:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 14:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday14clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 15:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 15:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday15clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 16:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 16:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday16clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 17:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 17:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday17clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 18:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 18:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday18clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 19:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 19:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday19clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 20:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 20:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday20clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 21:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 21:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday21clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 22:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 22:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday22clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday23clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 0:59:59','%Y/%m/%e %k:%i:%s'))
+				 as today0clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 1:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 1:59:59','%Y/%m/%e %k:%i:%s'))
+				 as today1clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 2:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 2:59:59','%Y/%m/%e %k:%i:%s'))
+				 as today2clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 3:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 3:59:59','%Y/%m/%e %k:%i:%s'))
+				 as today3clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 4:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 4:59:59','%Y/%m/%e %k:%i:%s'))
+				 as today4clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 5:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 5:59:59','%Y/%m/%e %k:%i:%s'))
+				 as today5clock,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as yesterday,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous2days.getFullYear()+`/`+(previous2days.getMonth()+1)+`/`+previous2days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous2days.getFullYear()+`/`+(previous2days.getMonth()+1)+`/`+previous2days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous2days,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous3days.getFullYear()+`/`+(previous3days.getMonth()+1)+`/`+previous3days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous3days.getFullYear()+`/`+(previous3days.getMonth()+1)+`/`+previous3days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous3days,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous4days.getFullYear()+`/`+(previous4days.getMonth()+1)+`/`+previous4days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous4days.getFullYear()+`/`+(previous4days.getMonth()+1)+`/`+previous4days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous4days,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous5days.getFullYear()+`/`+(previous5days.getMonth()+1)+`/`+previous5days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous5days.getFullYear()+`/`+(previous5days.getMonth()+1)+`/`+previous5days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous5days,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous6days.getFullYear()+`/`+(previous6days.getMonth()+1)+`/`+previous6days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous6days.getFullYear()+`/`+(previous6days.getMonth()+1)+`/`+previous6days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous6days,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous7days,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous1weeks,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous14days.getFullYear()+`/`+(previous14days.getMonth()+1)+`/`+previous14days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous2weeks,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous21days.getFullYear()+`/`+(previous21days.getMonth()+1)+`/`+previous21days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous14days.getFullYear()+`/`+(previous14days.getMonth()+1)+`/`+previous14days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous3weeks,
+				(select count(*) from USERACCOUNT 
+					where create_datetime > STR_TO_DATE('`+previous28days.getFullYear()+`/`+(previous28days.getMonth()+1)+`/`+previous28days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
+						and create_datetime < STR_TO_DATE('`+previous21days.getFullYear()+`/`+(previous21days.getMonth()+1)+`/`+previous21days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
+				 as previous4weeks
+			from USERACCOUNT;`,(err, rows)=>{
+				if(err) throw err;
+				timeTheDay.push(rows[0].yesterday6clock);	timeTheDay.push(rows[0].yesterday7clock);
+				timeTheDay.push(rows[0].yesterday8clock);	timeTheDay.push(rows[0].yesterday9clock);
+				timeTheDay.push(rows[0].yesterday10clock);	timeTheDay.push(rows[0].yesterday11clock);
+				timeTheDay.push(rows[0].yesterday12clock);	timeTheDay.push(rows[0].yesterday13clock);
+				timeTheDay.push(rows[0].yesterday14clock);	timeTheDay.push(rows[0].yesterday15clock);
+				timeTheDay.push(rows[0].yesterday16clock);	timeTheDay.push(rows[0].yesterday17clock);
+				timeTheDay.push(rows[0].yesterday18clock);	timeTheDay.push(rows[0].yesterday19clock);
+				timeTheDay.push(rows[0].yesterday20clock);	timeTheDay.push(rows[0].yesterday21clock);
+				timeTheDay.push(rows[0].yesterday22clock);	timeTheDay.push(rows[0].yesterday23clock);
+				timeTheDay.push(rows[0].today0clock);	timeTheDay.push(rows[0].today1clock);
+				timeTheDay.push(rows[0].today2clock);	timeTheDay.push(rows[0].today3clock);
+				timeTheDay.push(rows[0].today4clock);	timeTheDay.push(rows[0].today5clock);
+
+				timeTheWeek.push(rows[0].previous7days);	timeTheWeek.push(rows[0].previous6days);
+				timeTheWeek.push(rows[0].previous5days);	timeTheWeek.push(rows[0].previous4days);
+				timeTheWeek.push(rows[0].previous3days);	timeTheWeek.push(rows[0].previous2days);
+				timeTheWeek.push(rows[0].yesterday);
+				
+				timeTheMonth.push(rows[0].previous4weeks);	timeTheMonth.push(rows[0].previous3weeks);
+				timeTheMonth.push(rows[0].previous2weeks);	timeTheMonth.push(rows[0].previous1weeks);
+				/*for(var i=0; i<24; i++)
+				{
+					connection.query(`select count(*) as day_count from USERACCOUNT 
+						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` `+i+`:0:0','%Y/%m/%e %k:%i:%s')
+							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` `+i+`:59:59','%Y/%m/%e %k:%i:%s')`, (err,rows)=>{
+								if(err) throw err;
+
+								//timeTheDay.push(rows[0].day_count);
+								timeTheDay.push(i);
+							});
+				}
+				console.log(timeTheDay);*/
+				callback(err, rows);
+			});
+		},
+		function(callback){
+			// Get sync cost time
+			connection.query(`(select
+					count(*) as sync_cost_20,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'google'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) >= 0
+					and (SE.ctime-UA.create_datetime) <= 20)
+				union
+				(select
+					count(*) as sync_cost_20,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'naver'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) >= 0
+					and (SE.ctime-UA.create_datetime) <= 20)
+				union
+				(select
+					count(*) as sync_cost_20,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'ical'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) >= 0
+					and (SE.ctime-UA.create_datetime) <= 20)`,(err, rows)=>{
+					if(err) throw err;
+
+					
+					for(var i=0; i<rows.length; i++){
+						if(rows[i].login_platform === null)
+							continue;
+						
+						syncCost20[rows[i].login_platform]=rows[i].sync_cost_20;
+					}
+					
+					callback(err, rows);
+			});
+		},
+		function(callback){
+			connection.query(`(select
+					count(*) as sync_cost_40,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'google'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) > 20
+					and (SE.ctime-UA.create_datetime) <= 40)
+				union
+				(select
+					count(*) as sync_cost_40,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'naver'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) > 20
+					and (SE.ctime-UA.create_datetime) <= 40)
+				union
+				(select
+					count(*) as sync_cost_40,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'ical'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) > 20
+					and (SE.ctime-UA.create_datetime) <= 40)`,(err, rows)=>{
+					if(err) throw err;
+
+					for(var i=0; i<rows.length; i++){
+						if(rows[i].login_platform === null)
+							continue;
+						
+						syncCost40[rows[i].login_platform]=rows[i].sync_cost_40;
+					}
+					callback(err, rows);
+			});
+		},
+		function(callback){
+			connection.query(`(select
+					count(*) as sync_cost_60,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'google'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) > 40)
+				union
+				(select
+					count(*) as sync_cost_60,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'naver'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) > 40)
+				union
+				(select
+					count(*) as sync_cost_60,
+					UA.login_platform
+				from USERACCOUNT as UA
+				inner join SYNC_END as SE
+					on UA.account_hashkey = SE.account_hashkey
+				where
+					UA.login_platform = 'ical'
+					and SE.sync_time_state = 1
+					and	(SE.ctime-UA.create_datetime) > 40)`,(err, rows)=>{
+					if(err) throw err;
+
+					for(var i=0; i<rows.length; i++){
+						if(rows[i].login_platform === null)
+							continue;
+						
+						syncCost60[rows[i].login_platform]=rows[i].sync_cost_60;
+					}
+					callback(err, rows);
+			});
+	}], function(err, res){
+		if(err) return parallel_done(err);
+
+		var googleSyncCost=[];
+		var naverSyncCost=[];
+		var appleSyncCost=[];
+
+		if(syncCost20['naver'] !== undefined)
+			naverSyncCost.push(syncCost20['naver']);
+		else
+			naverSyncCost.push(0);
+		if(syncCost40['naver'] !== undefined)
+			naverSyncCost.push(syncCost40['naver']);
+		else
+			naverSyncCost.push(0);
+		if(syncCost60['naver'] !== undefined)
+			naverSyncCost.push(syncCost60['naver']);
+		else
+			naverSyncCost.push(0);
+
+		if(syncCost20['google'] !== undefined)
+			googleSyncCost.push(syncCost20['google']);
+		else
+			googleSyncCost.push(0);
+		if(syncCost40['google'] !== undefined)
+			googleSyncCost.push(syncCost40['google']);
+		else
+			googleSyncCost.push(0);
+		if(syncCost60['google'] !== undefined)
+			googleSyncCost.push(syncCost60['google']);
+		else
+			googleSyncCost.push(0);
+
+		if(syncCost20['ical'] !== undefined)
+			appleSyncCost.push(syncCost20['ical']);
+		else
+			appleSyncCost.push(0);
+		if(syncCost40['ical'] !== undefined)
+			appleSyncCost.push(syncCost40['ical']);
+		else
+			appleSyncCost.push(0);
+		if(syncCost60['ical'] !== undefined)
+			appleSyncCost.push(syncCost60['ical']);
+		else
+			appleSyncCost.push(0);
+
+		exportsRes.render('index.html',{
+			totalRegister : totalRegister,
+			yesterdayRegister : yesterdayRegister,
+			reactTimeMin : reactTimeMin,
+			reactTimeSec : reactTimeSec,
+			maleCount : maleCount,
+			femaleCount : femaleCount,
+			age10count : age10count,
+			age20count : age20count,
+			age30count : age30count,
+			age40count : age40count,
+			naverSyncCost : naverSyncCost,
+			googleSyncCost : googleSyncCost,
+			appleSyncCost : appleSyncCost,
+			timeTheDay : timeTheDay,
+			timeTheWeek : timeTheWeek,
+			timeTheMonth : timeTheMonth,
+			userFeedback : userFeedback,
+			outUserFeedback : outUserFeedback,
+			southReco : southReco,
+			northReco : northReco,
+			centeralReco : centeralReco,
+			eastReco : eastReco,
+			westReco : westReco,
+			admin_name : sess.name
+		});
+	});	
+}
\ No newline at end of file
diff --git a/controller/notiCtrl.js b/controller/notiCtrl.js
index 82a3ea1..3f90829 100644
--- a/controller/notiCtrl.js
+++ b/controller/notiCtrl.js
@@ -5,7 +5,6 @@ const fcm = require(__dirname+'/../common/fcm.js');
 const pushLogModel = require(__dirname+'/../model/pushLogModel.js');
 var util = require(__dirname+'/../common/util.js');
 
-var util = require(__dirname+'/../common/util.js');
 var moment = require('moment');
 
 
diff --git a/controller/recoAnalysisCtrl.js b/controller/recoAnalysisCtrl.js
new file mode 100644
index 0000000..596cf77
--- /dev/null
+++ b/controller/recoAnalysisCtrl.js
@@ -0,0 +1,111 @@
+const mysql = require('mysql');
+var async = require('async');
+var dbconfig = require(__dirname+'/../config/db-config.json');
+var connection = mysql.createConnection(dbconfig);
+
+exports.renderRecoAnalysis = ( req, res, next ) => {
+	const sess = req.session;
+	if(!sess.name){
+		res.redirect('/');
+		return;
+	}
+
+	var mainRegionDict=[];
+	var detailRegionDict={};
+	var noneRecommendList=[];
+
+	// Need to paging
+	async.parallel([
+		function(callback){
+			function DisplayDT(a){
+				if(a<10)
+					a = '0'+a;
+
+				return a;
+			};
+			connection.query(
+				`select
+					U.user_gender,
+					U.user_birth,
+					E.summary,
+					E.start_dt,
+					E.end_dt,
+					E.location
+				from EVENT as E
+				inner join CALENDAR as C
+					on E.calendar_hashkey = C.calendar_hashkey
+				inner join USERACCOUNT as UA
+					on C.account_hashkey = UA.account_hashkey
+				inner join USER as U
+					on UA.user_hashkey = U.user_hashkey
+				where
+					E.reco_state = 2`,(err,rows)=>{
+				if(err) throw err;
+				
+				noneRecommendList=rows;
+				var length = rows.length;
+				//console.log(new Date(rows[i].start_dt).format(""))
+				for(var i=0; i<length; i++){
+					var age='알수 없음';
+					var gap=new Date().getFullYear() - parseInt(noneRecommendList[i].user_birth);
+					if(gap > 0 && gap < 100)
+						age=gap;
+
+					var sDate = new Date(rows[i].start_dt);
+					noneRecommendList[i].converted_start_dt = sDate.getFullYear().toString().substring(2,4)+DisplayDT(sDate.getMonth()+1)+DisplayDT(sDate.getDate())+' '+DisplayDT(sDate.getHours())+':'+DisplayDT(sDate.getMinutes());//+':'+DisplayDT(sDate.getSeconds());
+					//console.log(sDate.getFullYear()+'/'+(sDate.getMonth()+1)+'/'+sDate.getDate()+' '+sDate.getHours()+':'+sDate.getMinutes()+':'+sDate.getSeconds());
+					//console.log(noneRecommendList.converted_start_dt);
+					var eDate = new Date(rows[i].end_dt);
+					var eDateTime = (eDate.getFullYear().toString().substring(2,4)+DisplayDT(eDate.getMonth()+1)+DisplayDT(eDate.getDate())) == (sDate.getFullYear().toString().substring(2,4)+DisplayDT(sDate.getMonth()+1)+DisplayDT(sDate.getDate())) ? '': eDate.getFullYear().toString().substring(2,4)+DisplayDT(eDate.getMonth()+1)+DisplayDT(eDate.getDate());
+					noneRecommendList[i].converted_end_dt = eDateTime+' '+DisplayDT(eDate.getHours())+':'+DisplayDT(eDate.getMinutes());//+':'+DisplayDT(eDate.getSeconds());
+					noneRecommendList[i].age = age;
+				}
+				callback(err, noneRecommendList);
+			});				
+		},
+		function(callback){
+			connection.query(
+				`select
+					R.main_region,
+					R.region,
+					(select sum(RECO.reco_cnt) from RECOMMENDATION as RECO where RECO.main_region = R.main_region) as main_region_recommends,
+					(select sum(RECO.reco_cnt) from RECOMMENDATION as RECO where RECO.region = R.region) as detail_region_recommends
+				from RECOMMENDATION as R
+				where
+					R.main_region != 'NULL'
+					or R.main_region != 'None'
+				group by R.main_region, R.region, main_region_recommends`,(err, rows)=>{
+				if(err) throw err;
+				//var totalMainRegionCounts=0;
+				//for(var i=0; i<rows.length; i++)
+				//	totalMainRegionCounts += rows[i].main_region_recommends;
+				var mainRegionTempDict ={};
+				for(var i=0; i<rows.length; i++){
+					if(mainRegionTempDict[rows[i].main_region] == null)
+						mainRegionTempDict[rows[i].main_region] = rows[i].main_region_recommends;
+					
+					detailRegionDict[i]={
+						'main_region' : rows[i].main_region, 
+						'region'	  : rows[i].region, 
+						'detail_count': rows[i].detail_region_recommends, 
+						'detail_percent': Math.floor(rows[i].detail_region_recommends/rows[i].main_region_recommends*100)
+					};
+				}
+				for(var i=0; i<Object.keys(mainRegionTempDict).length ; i++){
+					mainRegionDict.push({
+						'label' : Object.keys(mainRegionTempDict)[i],
+						'value': Object.values(mainRegionTempDict)[i]
+					});
+				}
+				callback(err, rows);
+			});
+			
+	}], function(err, ressult){
+		res.render('simple.html',{
+			admin_name 			 : sess.name,
+			mainRegionDict : mainRegionDict,
+			detailRegionDict : detailRegionDict,
+			noneRecommendList 	 : noneRecommendList
+		});
+	}); // end async.parallel
+}
\ No newline at end of file
diff --git a/controller/userAnalysisCtrl.js b/controller/userAnalysisCtrl.js
new file mode 100644
index 0000000..e3e490d
--- /dev/null
+++ b/controller/userAnalysisCtrl.js
@@ -0,0 +1,16 @@
+const mysql = require('mysql');
+var async = require('async');
+var dbconfig = require(__dirname+'/../config/db-config.json');
+var connection = mysql.createConnection(dbconfig);
+
+exports.renderUserAnalysis = ( req, res, next ) => {
+	const sess = req.session;
+	if(!sess.name){
+		res.redirect('/');
+		return;
+	}
+
+	res.render('chartjs.html',{
+		admin_name : sess.name
+	});
+}
\ No newline at end of file
diff --git a/dash-forever-err.log b/dash-forever-err.log
deleted file mode 100644
index e84e27e..0000000
--- a/dash-forever-err.log
+++ /dev/null
@@ -1,15 +0,0 @@
-module.js:328
-    throw err;
-    ^
-
-Error: Cannot find module '/home/yenos/dashboard/router/../config/db-config.json'
-    at Function.Module._resolveFilename (module.js:326:15)
-    at Function.Module._load (module.js:277:25)
-    at Module.require (module.js:354:17)
-    at require (internal/module.js:12:17)
-    at Object.<anonymous> (/home/yenos/dashboard/router/main.js:3:16)
-    at Module._compile (module.js:410:26)
-    at Object.Module._extensions..js (module.js:417:10)
-    at Module.load (module.js:344:32)
-    at Function.Module._load (module.js:301:12)
-    at Module.require (module.js:354:17)
diff --git a/dash-forever-out.log b/dash-forever-out.log
deleted file mode 100644
index e69de29..0000000
diff --git a/package.json b/package.json
index 58e9668..7cd07b0 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "moment": "^2.18.1",
     "mongoose": "^4.9.6",
     "moongoose": "0.0.5",
-    "mysql": "^2.11.1"
+    "mysql": "^2.11.1",
+    "request": "^2.81.0"
   }
 }
diff --git a/router/main.js b/router/main.js
index e000310..f286fd8 100644
--- a/router/main.js
+++ b/router/main.js
@@ -7,680 +7,22 @@ var connection = mysql.createConnection(dbconfig);
 var pushCtrl = require(__dirname+'/../controller/pushCtrl.js');
 var notiCtrl = require(__dirname+'/../controller/notiCtrl.js');
 var logCtrl = require(__dirname+'/../controller/logCtrl.js');
-
+var dashboardCtrl = require(__dirname+'/../controller/dashboardCtrl.js');
+var authorCtrl = require(__dirname+'/../controller/authorizationCtrl.js');
+var recoAnalysisCtrl = require(__dirname+'/../controller/recoAnalysisCtrl.js');
+var userAnalysisCtrl = require(__dirname+'/../controller/userAnalysisCtrl.js');
 
 module.exports = function(app)
 {
-	app.get('/dashboard',(req,result)=>{
-		sess = req.session;
-		if(!sess.name)
-			result.redirect('/');
-
-		var totalRegister 		= 0;
-		var yesterdayRegister 	= 0;
-		var reactTimeMin 		= 0;
-		var reactTimeSec		= 0;
-		var timeTheDay 			= [];
-		var timeTheWeek 		= [];
-		var timeTheMonth 		= [];
-
-		var syncCost20 = {};
-		var syncCost40 = {};
-		var syncCost60 = {};
-
-		var maleCount	= 0;
-		var femaleCount	= 0;
-
-		var age10count	= 0;
-		var age20count	= 0;
-		var age30count	= 0;
-		var age40count	= 0;
-
-		var userFeedback = [];
-		var outUserFeedback = [];
-
-		var southReco 	 = {};
-		var northReco 	 = {};
-		var centeralReco = {};
-		var eastReco	 = {};
-		var westReco	 = {};
-
-		var today = new Date();
-		var yesterday = new Date(new Date().setDate(new Date().getDate()-1));
-		var previous2days = new Date(new Date().setDate(new Date().getDate()-2));
-		var previous3days = new Date(new Date().setDate(new Date().getDate()-3));
-		var previous4days = new Date(new Date().setDate(new Date().getDate()-4));
-		var previous5days = new Date(new Date().setDate(new Date().getDate()-5));
-		var previous6days = new Date(new Date().setDate(new Date().getDate()-6));
-		var previous7days = new Date(new Date().setDate(new Date().getDate()-7));
-		var previous14days = new Date(new Date().setDate(new Date().getDate()-14));
-		var previous21days = new Date(new Date().setDate(new Date().getDate()-21));
-		var previous28days = new Date(new Date().setDate(new Date().getDate()-28));
-
-		async.parallel([
-			function(callback){
-				// Get total_register count
-				connection.query(`select count(*) as total_user_count from USER as U
-					inner join USERACCOUNT as UA
-						on U.user_hashkey = UA.user_hashkey
-					where user_id != 'None'`,(err, rows)=>{
-							if(err) throw err;
-
-					totalRegister = rows[0].total_user_count;
-					callback(err, rows);
-				});
-			},
-			function(callback){
-			// Get yesterday_register count
-				connection.query(`select count(*) as yesterday_user_count from USER as U
-					inner join USERACCOUNT as UA
-						on U.user_hashkey = UA.user_hashkey
-					where user_id != 'None'
-						and UA.create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+'/'+(yesterday.getMonth()+1)+'/'+yesterday.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s') 
-						and UA.create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+'/'+(yesterday.getMonth()+1)+'/'+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s')`,(err, rows)=>{
-					if(err) throw err;
-
-					yesterdayRegister = rows[0].yesterday_user_count;
-					callback(err, rows);
-				});
-			},
-			function(callback){
-				// Get react_times about mapping
-				connection.query('select react_times from EVENT_RECO',(err, rows)=>{
-					if(err) throw err;
-					var sum=0;
-					for(var i=0; i<rows.length; i++){
-						sum += rows[i].react_times;
-					}
-					var reactTime = Math.floor(sum/rows.length);
-					reactTimeMin = Math.floor(reactTime/60);
-					reactTimeSec = reactTime%60;
-					callback(err, rows);
-				});
-			},
-			function(callback){
-				// Get user-feedback(type 0) & out-user-feedback(type 1)
-				connection.query(`select 
-						UA.user_id,
-						R.contents,
-						R.created,
-						R.type
-					from REQUESTS as R
-					inner join USERACCOUNT as UA
-						on R.account_hashkey = UA.account_hashkey
-					`,(err, rows)=>{
-					//where UA.user_id != 'None'`,(err, rows)=>{
-					if(err) throw err;
-
-
-					for(var i=0; i<rows.length; i++){
-						if(rows[i].type === 0){
-							userFeedback.push({
-								user_id : 	rows[i].user_id,
-								contents: 	rows[i].contents,
-								created : 	rows[i].created 	
-							});
-						}
-						else{
-							outUserFeedback.push({
-								user_id : 	rows[i].user_id,
-								contents: 	rows[i].contents,
-								created : 	rows[i].created 	
-							});
-						}
-					}
-					callback(err, rows);
-				});		
-			},
-			function(callback){
-				// Get gender & ages
-				connection.query(`select 
-						user_gender,user_birth 
-					from USER as U
-					inner join USERACCOUNT as UA
-						on U.user_hashkey = UA.user_hashkey
-					group by UA.account_hashkey`,(err, rows)=>{
-					if(err) throw err;
-
-					var year = new Date().getFullYear();
-
-					for(var i=0; i<rows.length; i++){
-						if(rows[i].user_gender === 1)
-							maleCount++;
-						else
-							femaleCount++;
-
-						if(rows[i].user_birth > (year-19))
-							age10count++;
-						if(rows[i].user_birth > (year-29))
-							age20count++;
-						if(rows[i].user_birth > (year-39))
-							age30count++;
-						if(rows[i].user_birth > (year-49))
-							age40count++;
-					}
-					callback(err, rows);
-				});
-			},
-			function(callback){
-				// Get main-detail region
-				connection.query(`select
-					R.main_region,
-					R.region,
-					(select count(*) from RECOMMENDATION as RECO where RECO.region = R.region ) 
-					as detail_region_count
-				from RECOMMENDATION as R
-				where
-					R.main_region != 'NULL'
-					or R.main_region != 'None'
-				group by R.main_region, R.region
-				`,(err, rows)=>{
-					if(err) throw err;
-					for(var i=0; i<rows.length; i++){
-						if(rows[i].main_region === "남부"){
-							southReco[rows[i].region]=rows[i].detail_region_count;
-						}
-						else if(rows[i].main_region === "북부"){
-							northReco[rows[i].region]=rows[i].detail_region_count;	
-						}
-						else if(rows[i].main_region === "중부"){
-							centeralReco[rows[i].region]=rows[i].detail_region_count;
-						}
-						else if(rows[i].main_region === "동부"){
-							eastReco[rows[i].region]=rows[i].detail_region_count;
-						}
-						else if(rows[i].main_region === "서부"){
-							westReco[rows[i].region]=rows[i].detail_region_count;
-						}
-						else;
-						//console.log(rows[i].main_region+":"+rows[i].region+" "+rows[i].detail_region_count);
-					}
-
-					callback(err, rows);
-				});
-			},
-			function(callback){
-				// Get sync timezone
-				connection.query(`select
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 6:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 6:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday6clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 7:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 7:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday7clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 8:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 8:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday8clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 9:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 9:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday9clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 10:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 10:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday10clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 11:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 11:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday11clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 12:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 12:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday12clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 13:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 13:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday13clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 14:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 14:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday14clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 15:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 15:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday15clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 16:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 16:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday16clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 17:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 17:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday17clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 18:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 18:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday18clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 19:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 19:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday19clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 20:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 20:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday20clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 21:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 21:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday21clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 22:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 22:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday22clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday23clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 0:59:59','%Y/%m/%e %k:%i:%s'))
-					 as today0clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 1:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 1:59:59','%Y/%m/%e %k:%i:%s'))
-					 as today1clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 2:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 2:59:59','%Y/%m/%e %k:%i:%s'))
-					 as today2clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 3:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 3:59:59','%Y/%m/%e %k:%i:%s'))
-					 as today3clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 4:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 4:59:59','%Y/%m/%e %k:%i:%s'))
-					 as today4clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 5:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+today.getFullYear()+`/`+(today.getMonth()+1)+`/`+today.getDate()+` 5:59:59','%Y/%m/%e %k:%i:%s'))
-					 as today5clock,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as yesterday,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous2days.getFullYear()+`/`+(previous2days.getMonth()+1)+`/`+previous2days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous2days.getFullYear()+`/`+(previous2days.getMonth()+1)+`/`+previous2days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous2days,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous3days.getFullYear()+`/`+(previous3days.getMonth()+1)+`/`+previous3days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous3days.getFullYear()+`/`+(previous3days.getMonth()+1)+`/`+previous3days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous3days,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous4days.getFullYear()+`/`+(previous4days.getMonth()+1)+`/`+previous4days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous4days.getFullYear()+`/`+(previous4days.getMonth()+1)+`/`+previous4days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous4days,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous5days.getFullYear()+`/`+(previous5days.getMonth()+1)+`/`+previous5days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous5days.getFullYear()+`/`+(previous5days.getMonth()+1)+`/`+previous5days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous5days,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous6days.getFullYear()+`/`+(previous6days.getMonth()+1)+`/`+previous6days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous6days.getFullYear()+`/`+(previous6days.getMonth()+1)+`/`+previous6days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous6days,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous7days,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous1weeks,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous14days.getFullYear()+`/`+(previous14days.getMonth()+1)+`/`+previous14days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous7days.getFullYear()+`/`+(previous7days.getMonth()+1)+`/`+previous7days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous2weeks,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous21days.getFullYear()+`/`+(previous21days.getMonth()+1)+`/`+previous21days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous14days.getFullYear()+`/`+(previous14days.getMonth()+1)+`/`+previous14days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous3weeks,
-					(select count(*) from USERACCOUNT 
-						where create_datetime > STR_TO_DATE('`+previous28days.getFullYear()+`/`+(previous28days.getMonth()+1)+`/`+previous28days.getDate()+` 0:0:0','%Y/%m/%e %k:%i:%s')
-							and create_datetime < STR_TO_DATE('`+previous21days.getFullYear()+`/`+(previous21days.getMonth()+1)+`/`+previous21days.getDate()+` 23:59:59','%Y/%m/%e %k:%i:%s'))
-					 as previous4weeks
-				from USERACCOUNT;`,(err, rows)=>{
-					if(err) throw err;
-					timeTheDay.push(rows[0].yesterday6clock);	timeTheDay.push(rows[0].yesterday7clock);
-					timeTheDay.push(rows[0].yesterday8clock);	timeTheDay.push(rows[0].yesterday9clock);
-					timeTheDay.push(rows[0].yesterday10clock);	timeTheDay.push(rows[0].yesterday11clock);
-					timeTheDay.push(rows[0].yesterday12clock);	timeTheDay.push(rows[0].yesterday13clock);
-					timeTheDay.push(rows[0].yesterday14clock);	timeTheDay.push(rows[0].yesterday15clock);
-					timeTheDay.push(rows[0].yesterday16clock);	timeTheDay.push(rows[0].yesterday17clock);
-					timeTheDay.push(rows[0].yesterday18clock);	timeTheDay.push(rows[0].yesterday19clock);
-					timeTheDay.push(rows[0].yesterday20clock);	timeTheDay.push(rows[0].yesterday21clock);
-					timeTheDay.push(rows[0].yesterday22clock);	timeTheDay.push(rows[0].yesterday23clock);
-					timeTheDay.push(rows[0].today0clock);	timeTheDay.push(rows[0].today1clock);
-					timeTheDay.push(rows[0].today2clock);	timeTheDay.push(rows[0].today3clock);
-					timeTheDay.push(rows[0].today4clock);	timeTheDay.push(rows[0].today5clock);
-
-					timeTheWeek.push(rows[0].previous7days);	timeTheWeek.push(rows[0].previous6days);
-					timeTheWeek.push(rows[0].previous5days);	timeTheWeek.push(rows[0].previous4days);
-					timeTheWeek.push(rows[0].previous3days);	timeTheWeek.push(rows[0].previous2days);
-					timeTheWeek.push(rows[0].yesterday);
-					
-					timeTheMonth.push(rows[0].previous4weeks);	timeTheMonth.push(rows[0].previous3weeks);
-					timeTheMonth.push(rows[0].previous2weeks);	timeTheMonth.push(rows[0].previous1weeks);
-					/*for(var i=0; i<24; i++)
-					{
-						connection.query(`select count(*) as day_count from USERACCOUNT 
-							where create_datetime > STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` `+i+`:0:0','%Y/%m/%e %k:%i:%s')
-								and create_datetime < STR_TO_DATE('`+yesterday.getFullYear()+`/`+(yesterday.getMonth()+1)+`/`+yesterday.getDate()+` `+i+`:59:59','%Y/%m/%e %k:%i:%s')`, (err,rows)=>{
-									if(err) throw err;
-
-									//timeTheDay.push(rows[0].day_count);
-									timeTheDay.push(i);
-								});
-					}
-					console.log(timeTheDay);*/
-					callback(err, rows);
-				});
-			},
-			function(callback){
-				// Get sync cost time
-				connection.query(`(select
-						count(*) as sync_cost_20,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'google'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) >= 0
-						and (SE.ctime-UA.create_datetime) <= 20)
-					union
-					(select
-						count(*) as sync_cost_20,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'naver'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) >= 0
-						and (SE.ctime-UA.create_datetime) <= 20)
-					union
-					(select
-						count(*) as sync_cost_20,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'ical'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) >= 0
-						and (SE.ctime-UA.create_datetime) <= 20)`,(err, rows)=>{
-						if(err) throw err;
-
-						
-						for(var i=0; i<rows.length; i++){
-							if(rows[i].login_platform === null)
-								continue;
-							
-							syncCost20[rows[i].login_platform]=rows[i].sync_cost_20;
-						}
-						
-						callback(err, rows);
-				});
-			},
-			function(callback){
-				connection.query(`(select
-						count(*) as sync_cost_40,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'google'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) > 20
-						and (SE.ctime-UA.create_datetime) <= 40)
-					union
-					(select
-						count(*) as sync_cost_40,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'naver'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) > 20
-						and (SE.ctime-UA.create_datetime) <= 40)
-					union
-					(select
-						count(*) as sync_cost_40,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'ical'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) > 20
-						and (SE.ctime-UA.create_datetime) <= 40)`,(err, rows)=>{
-						if(err) throw err;
-
-						for(var i=0; i<rows.length; i++){
-							if(rows[i].login_platform === null)
-								continue;
-							
-							syncCost40[rows[i].login_platform]=rows[i].sync_cost_40;
-						}
-						callback(err, rows);
-				});
-			},
-			function(callback){
-				connection.query(`(select
-						count(*) as sync_cost_60,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'google'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) > 40)
-					union
-					(select
-						count(*) as sync_cost_60,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'naver'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) > 40)
-					union
-					(select
-						count(*) as sync_cost_60,
-						UA.login_platform
-					from USERACCOUNT as UA
-					inner join SYNC_END as SE
-						on UA.account_hashkey = SE.account_hashkey
-					where
-						UA.login_platform = 'ical'
-						and SE.sync_time_state = 1
-						and	(SE.ctime-UA.create_datetime) > 40)`,(err, rows)=>{
-						if(err) throw err;
-
-						for(var i=0; i<rows.length; i++){
-							if(rows[i].login_platform === null)
-								continue;
-							
-							syncCost60[rows[i].login_platform]=rows[i].sync_cost_60;
-						}
-						callback(err, rows);
-				});
-		}], function(err, res){
-			if(err) return parallel_done(err);
-
-			var googleSyncCost=[];
-			var naverSyncCost=[];
-			var appleSyncCost=[];
-
-			if(syncCost20['naver'] !== undefined)
-				naverSyncCost.push(syncCost20['naver']);
-			else
-				naverSyncCost.push(0);
-			if(syncCost40['naver'] !== undefined)
-				naverSyncCost.push(syncCost40['naver']);
-			else
-				naverSyncCost.push(0);
-			if(syncCost60['naver'] !== undefined)
-				naverSyncCost.push(syncCost60['naver']);
-			else
-				naverSyncCost.push(0);
-
-			if(syncCost20['google'] !== undefined)
-				googleSyncCost.push(syncCost20['google']);
-			else
-				googleSyncCost.push(0);
-			if(syncCost40['google'] !== undefined)
-				googleSyncCost.push(syncCost40['google']);
-			else
-				googleSyncCost.push(0);
-			if(syncCost60['google'] !== undefined)
-				googleSyncCost.push(syncCost60['google']);
-			else
-				googleSyncCost.push(0);
-
-			if(syncCost20['ical'] !== undefined)
-				appleSyncCost.push(syncCost20['ical']);
-			else
-				appleSyncCost.push(0);
-			if(syncCost40['ical'] !== undefined)
-				appleSyncCost.push(syncCost40['ical']);
-			else
-				appleSyncCost.push(0);
-			if(syncCost60['ical'] !== undefined)
-				appleSyncCost.push(syncCost60['ical']);
-			else
-				appleSyncCost.push(0);
-
-			result.render('index.html',{
-				totalRegister : totalRegister,
-				yesterdayRegister : yesterdayRegister,
-				reactTimeMin : reactTimeMin,
-				reactTimeSec : reactTimeSec,
-				maleCount : maleCount,
-				femaleCount : femaleCount,
-				age10count : age10count,
-				age20count : age20count,
-				age30count : age30count,
-				age40count : age40count,
-				naverSyncCost : naverSyncCost,
-				googleSyncCost : googleSyncCost,
-				appleSyncCost : appleSyncCost,
-				timeTheDay : timeTheDay,
-				timeTheWeek : timeTheWeek,
-				timeTheMonth : timeTheMonth,
-				userFeedback : userFeedback,
-				outUserFeedback : outUserFeedback,
-				southReco : southReco,
-				northReco : northReco,
-				centeralReco : centeralReco,
-				eastReco : eastReco,
-				westReco : westReco,
-				admin_name : sess.name
-			});
-		});	
-	});
-
-	app.get('/',(req,res)=>{
-		sess = req.session;
-
-		if(sess.name)
-			res.redirect('/dashboard');
-		else
-			res.render('./pages/examples/login.html',{error:null});
-	});
-	app.post('/login',(req,res)=>{
-		sess = req.session;
-
-		connection.query('select admin_name from ADMINACCOUNT where admin_id=\''+req.body.adminId+'\' and admin_pw=\''+req.body.password+'\'',(err,rows)=>{
-			if(rows.length>0){
-				sess.name = rows[0].admin_name;
-				res.redirect('/dashboard');
-			}
-			else{
-				res.render('./pages/examples/login.html',{error: "Input wrong id or password"});
-			}
-		});
-	});
-
-	// PUSH example in web-mapping-admin
-	app.post('/push',(req,res)=>{
-/* 
-	// PUSH ALL-DEVICE ABOUT EACH ACCOUNT-USER
-
-	connection.query(
-		`select 
-			UD.push_token
-		from USERDEVICE as UD
-		inner join USERACCOUNT as UA
-			on UD.account_hashkey = UA.account_hashkey
-		where
-			UA.account_hashkey = \'`+req.body.account_hashkey+'\''
-		, (err, pushtokens) => {
-			
-			let pushtoken_length=pushtokens.length;
-			for(let i=0; i<pushtoken_length; i++)
-			{
-				let pushtoken_data={
-					'to':pushtokens[i].push_token,
-					'data':{
-						"type":"reco",
-						"action":""
-					}
-				};
-
-				request({
-					method	: 'POST',
-					uri 	: 'https://fcm.googleapis.com/fcm/send',
-					headers	:
-					{
-						'Content-Type':'application/json',
-						'Authorization':'key='+keyconfig.key
-					},
-					body 	: pushtoken_data,
-					json 	: true
-				}).then((data) => {
-				}).catch((err) => {
-					console.log(err);
-					throw err;
 
-					console.log("Complete push to device");
-				})
-			}
-	});
-*/
-	});
-	app.get('/logout',(req,res)=>{
-		sess = req.session;
+	app.route('/').get(authorCtrl.adminAccess)
+	app.route('/login').post(authorCtrl.adminLogin)
+	app.route('/logout').get(authorCtrl.adminLogout)
+	app.route('/dashboard').get(dashboardCtrl.renderDashboard)
+	app.route('/reco-analysis').get(recoAnalysisCtrl.renderRecoAnalysis)
+	app.route('/user-analysis').get(userAnalysisCtrl.renderUserAnalysis)
+	
 
-		if(sess.name){
-			req.session.destroy((err)=>{
-				if(err){
-					console.log(err);
-				}else{
-					res.redirect('/');
-				}
-			})
-		}else{
-			res.redirect('/');
-		}
-	});
-	app.get('/pages/charts/chartjs.html',function(req,res){
-		res.render('pages/charts/chartjs.html');
-    });
     //dev.caly.io:555566/push 
     app.route('/push').get(pushCtrl.initData)
     app.route('/pushDetail').get(pushCtrl.pushDetail)
diff --git a/server.js b/server.js
index ed19658..457e6a5 100644
--- a/server.js
+++ b/server.js
@@ -3,7 +3,7 @@ var session = require('express-session');
 var bodyParser = require('body-parser');
 
 const app = express();
-const port = 9091;
+const port = 3100;
 
  //app.use(bodyParser.urlencoded({ extended: true }));
 //app.use(bodyParser.json());
@@ -22,7 +22,7 @@ app.engine('html', require('ejs').renderFile);
 var router = require('./router/main')(app);
 
 var server = app.listen(port, function(){
-    console.log("Express server has started on port 3333")
+    console.log("Express server has started on port "+port);
 });
 
 app.use(express.static('public'));
\ No newline at end of file
diff --git a/views/chartjs.html b/views/chartjs.html
new file mode 100755
index 0000000..66c2491
--- /dev/null
+++ b/views/chartjs.html
@@ -0,0 +1,422 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>CalyFactory ADMIN | User Analysis</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+  <!-- Bootstrap 3.3.6 -->
+  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
+  <!-- Ionicons -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
+  <!-- Theme style -->
+  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
+  <!-- AdminLTE Skins. Choose a skin from the css/skins
+       folder instead of downloading all of them to reduce the load. -->
+  <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
+
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+<body class="hold-transition skin-blue sidebar-mini">
+<div class="wrapper">
+
+
+  <!-- Left side column. contains the logo and sidebar -->
+  <aside class="main-sidebar">
+    <!-- sidebar: style can be found in sidebar.less -->
+    <section class="sidebar">
+      <!-- Sidebar user panel -->
+      <div class="user-panel">
+        <div class="pull-left image">
+          <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+        </div>
+        <div class="pull-left info">
+          <p><%= admin_name %> 님, 안녕하세요!</p>
+          <form action="/logout" method="get">
+            <button type="submit" name="logout" value="logout" id="logout" style="width:100%;height:20px;font-size:12px;color:black;">로그아웃</button>
+          </form>
+        </div>
+      </div>
+
+      <!-- /.search form -->
+      <!-- sidebar menu: : style can be found in sidebar.less -->
+      <ul class="sidebar-menu">
+        <li class="header">MAIN NAVIGATION</li>
+        <li class="treeview">
+          <a href="/dashboard">
+            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/reco-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>Reco Analysis</span>
+          </a>
+          <!--<ul class="treeview-menu">
+            <li><a href="./pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
+            <li><a href="./pages/layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
+            <li><a href="./pages/layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
+            <li><a href="./pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
+          </ul>-->
+        </li>
+        <li class="active treeview">
+          <a href="/user-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>User Analysis</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/push">
+            <i class="fa fa-files-o"></i>
+            <span>Notification</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/pushDetail">
+            <i class="fa fa-laptop"></i>
+            <span>Push</span>
+          </a>
+        </li>
+      </ul>
+    </section>
+    <!-- /.sidebar -->
+  </aside>
+
+  <!-- Content Wrapper. Contains page content -->
+  <div class="content-wrapper">
+    <!-- Content Header (Page header) -->
+    <section class="content-header">
+      <h1>
+        ChartJS
+        <small>Preview sample</small>
+      </h1>
+      <ol class="breadcrumb">
+        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
+        <li><a href="#">Charts</a></li>
+        <li class="active">ChartJS</li>
+      </ol>
+    </section>
+
+    <!-- Main content -->
+    <section class="content">
+      <div class="row">
+        <div class="col-md-6">
+          <!-- AREA CHART -->
+          <div class="box box-primary">
+            <div class="box-header with-border">
+              <h3 class="box-title">Area Chart</h3>
+
+              <div class="box-tools pull-right">
+                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+              </div>
+            </div>
+            <div class="box-body">
+              <div class="chart">
+                <canvas id="areaChart" style="height:250px"></canvas>
+              </div>
+            </div>
+            <!-- /.box-body -->
+          </div>
+          <!-- /.box -->
+
+          <!-- DONUT CHART -->
+          <div class="box box-danger">
+            <div class="box-header with-border">
+              <h3 class="box-title">Donut Chart</h3>
+
+              <div class="box-tools pull-right">
+                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+              </div>
+            </div>
+            <div class="box-body">
+              <canvas id="pieChart" style="height:250px"></canvas>
+            </div>
+            <!-- /.box-body -->
+          </div>
+          <!-- /.box -->
+
+        </div>
+        <!-- /.col (LEFT) -->
+        <div class="col-md-6">
+          <!-- LINE CHART -->
+          <div class="box box-info">
+            <div class="box-header with-border">
+              <h3 class="box-title">Line Chart</h3>
+
+              <div class="box-tools pull-right">
+                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+              </div>
+            </div>
+            <div class="box-body">
+              <div class="chart">
+                <canvas id="lineChart" style="height:250px"></canvas>
+              </div>
+            </div>
+            <!-- /.box-body -->
+          </div>
+          <!-- /.box -->
+
+          <!-- BAR CHART -->
+          <div class="box box-success">
+            <div class="box-header with-border">
+              <h3 class="box-title">Bar Chart</h3>
+
+              <div class="box-tools pull-right">
+                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+              </div>
+            </div>
+            <div class="box-body">
+              <div class="chart">
+                <canvas id="barChart" style="height:230px"></canvas>
+              </div>
+            </div>
+            <!-- /.box-body -->
+          </div>
+          <!-- /.box -->
+
+        </div>
+        <!-- /.col (RIGHT) -->
+      </div>
+      <!-- /.row -->
+
+    </section>
+    <!-- /.content -->
+  </div>
+  <!-- /.content-wrapper -->
+  <footer class="main-footer">
+    <div class="pull-right hidden-xs">
+      <b>Version</b> 2.3.8
+    </div>
+    <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
+    reserved.
+  </footer>
+
+  <!-- Control Sidebar -->
+  <aside class="control-sidebar control-sidebar-dark">
+    <!-- Create the tabs -->
+    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
+      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
+      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
+    </ul>
+    <!-- Tab panes -->
+    <div class="tab-content">
+      <!-- Home tab content -->
+      <div class="tab-pane" id="control-sidebar-home-tab">
+        <h3 class="control-sidebar-heading">Recent Activity</h3>
+        <ul class="control-sidebar-menu">
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-birthday-cake bg-red"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
+
+                <p>Will be 23 on April 24th</p>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-user bg-yellow"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
+
+                <p>New phone +1(800)555-1234</p>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
+
+                <p>nora@example.com</p>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-file-code-o bg-green"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
+
+                <p>Execution time 5 seconds</p>
+              </div>
+            </a>
+          </li>
+        </ul>
+        <!-- /.control-sidebar-menu -->
+
+        <h3 class="control-sidebar-heading">Tasks Progress</h3>
+        <ul class="control-sidebar-menu">
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Custom Template Design
+                <span class="label label-danger pull-right">70%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Update Resume
+                <span class="label label-success pull-right">95%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-success" style="width: 95%"></div>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Laravel Integration
+                <span class="label label-warning pull-right">50%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Back End Framework
+                <span class="label label-primary pull-right">68%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
+              </div>
+            </a>
+          </li>
+        </ul>
+        <!-- /.control-sidebar-menu -->
+
+      </div>
+      <!-- /.tab-pane -->
+      <!-- Stats tab content -->
+      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
+      <!-- /.tab-pane -->
+      <!-- Settings tab content -->
+      <div class="tab-pane" id="control-sidebar-settings-tab">
+        <form method="post">
+          <h3 class="control-sidebar-heading">General Settings</h3>
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Report panel usage
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+
+            <p>
+              Some information about this general settings option
+            </p>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Allow mail redirect
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+
+            <p>
+              Other sets of options are available
+            </p>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Expose author name in posts
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+
+            <p>
+              Allow the user to show his name in blog posts
+            </p>
+          </div>
+          <!-- /.form-group -->
+
+          <h3 class="control-sidebar-heading">Chat Settings</h3>
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Show me as online
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Turn off notifications
+              <input type="checkbox" class="pull-right">
+            </label>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Delete chat history
+              <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
+            </label>
+          </div>
+          <!-- /.form-group -->
+        </form>
+      </div>
+      <!-- /.tab-pane -->
+    </div>
+  </aside>
+  <!-- /.control-sidebar -->
+  <!-- Add the sidebar's background. This div must be placed
+       immediately after the control sidebar -->
+  <div class="control-sidebar-bg"></div>
+</div>
+<!-- ./wrapper -->
+
+<!-- jQuery 2.2.3 -->
+<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
+<!-- Bootstrap 3.3.6 -->
+<script src="bootstrap/js/bootstrap.min.js"></script>
+<!-- ChartJS 1.0.1 -->
+<script src="plugins/chartjs/Chart.min.js"></script>
+<!-- FastClick -->
+<script src="plugins/fastclick/fastclick.js"></script>
+<!-- AdminLTE App -->
+<script src="dist/js/app.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="dist/js/demo.js"></script>
+<!-- page script -->
+
+</script>
+</body>
+</html>
diff --git a/views/index.html b/views/index.html
index 837dd8e..4ff3b43 100755
--- a/views/index.html
+++ b/views/index.html
@@ -67,14 +67,14 @@
       <ul class="sidebar-menu">
         <li class="header">MAIN NAVIGATION</li>
         <li class="active treeview">
-          <a href="#">
+          <a href="/dashboard">
             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
           </a>
         </li>
         <li class="treeview">
-          <a href="anaylsis">
+          <a href="/reco-analysis">
             <i class="fa fa-pie-chart"></i>
-            <span>Analysis</span>
+            <span>Reco Analysis</span>
           </a>
           <!--<ul class="treeview-menu">
             <li><a href="./pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
@@ -84,13 +84,19 @@
           </ul>-->
         </li>
         <li class="treeview">
-          <a href="#">
+          <a href="/user-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>User Analysis</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/push">
             <i class="fa fa-files-o"></i>
             <span>Notification</span>
           </a>
         </li>
         <li class="treeview">
-          <a href="#">
+          <a href="/pushDetail">
             <i class="fa fa-laptop"></i>
             <span>Push</span>
           </a>
diff --git a/views/pages/examples/login.html b/views/login.html
similarity index 85%
rename from views/pages/examples/login.html
rename to views/login.html
index 95291db..c496a76 100755
--- a/views/pages/examples/login.html
+++ b/views/login.html
@@ -7,15 +7,15 @@
   <!-- Tell the browser to be responsive to screen width -->
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   <!-- Bootstrap 3.3.6 -->
-  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
+  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
   <!-- Font Awesome -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
   <!-- Ionicons -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
   <!-- Theme style -->
-  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
+  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
   <!-- iCheck -->
-  <link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">
+  <link rel="stylesheet" href="plugins/iCheck/square/blue.css">
 
   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -27,7 +27,7 @@
 <body class="hold-transition login-page">
 <div class="login-box">
   <div class="login-logo">
-    <a href="../../index2.html"><b>Admin</b>CalyFactory</a>
+    <a href="index2.html"><b>Admin</b>CalyFactory</a>
   </div>
   <% if (error) { %>
     <script type="text/javascript">alert("Input wrong id or password.");</script>
@@ -67,11 +67,11 @@
 <!-- /.login-box -->
 
 <!-- jQuery 2.2.3 -->
-<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
+<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
 <!-- Bootstrap 3.3.6 -->
-<script src="../../bootstrap/js/bootstrap.min.js"></script>
+<script src="bootstrap/js/bootstrap.min.js"></script>
 <!-- iCheck -->
-<script src="../../plugins/iCheck/icheck.min.js"></script>
+<script src="plugins/iCheck/icheck.min.js"></script>
 <script>
   $(function () {
     $('input').iCheck({
diff --git a/views/pages/charts/chartjs.html b/views/pages/charts/chartjs.html
deleted file mode 100755
index 5283ea6..0000000
--- a/views/pages/charts/chartjs.html
+++ /dev/null
@@ -1,917 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>AdminLTE 2 | ChartJS</title>
-  <!-- Tell the browser to be responsive to screen width -->
-  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-  <!-- Bootstrap 3.3.6 -->
-  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
-  <!-- Font Awesome -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
-  <!-- Ionicons -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
-  <!-- Theme style -->
-  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
-  <!-- AdminLTE Skins. Choose a skin from the css/skins
-       folder instead of downloading all of them to reduce the load. -->
-  <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
-
-  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-  <!--[if lt IE 9]>
-  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-  <![endif]-->
-</head>
-<body class="hold-transition skin-blue sidebar-mini">
-<div class="wrapper">
-
-  <header class="main-header">
-    <!-- Logo -->
-    <a href="../../index2.html" class="logo">
-      <!-- mini logo for sidebar mini 50x50 pixels -->
-      <span class="logo-mini"><b>A</b>LT</span>
-      <!-- logo for regular state and mobile devices -->
-      <span class="logo-lg"><b>Admin</b>LTE</span>
-    </a>
-    <!-- Header Navbar: style can be found in header.less -->
-    <nav class="navbar navbar-static-top">
-      <!-- Sidebar toggle button-->
-      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <div class="navbar-custom-menu">
-        <ul class="nav navbar-nav">
-          <!-- Messages: style can be found in dropdown.less-->
-          <li class="dropdown messages-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-envelope-o"></i>
-              <span class="label label-success">4</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li class="header">You have 4 messages</li>
-              <li>
-                <!-- inner menu: contains the actual data -->
-                <ul class="menu">
-                  <li><!-- start message -->
-                    <a href="#">
-                      <div class="pull-left">
-                        <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-                      </div>
-                      <h4>
-                        Support Team
-                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
-                      </h4>
-                      <p>Why not buy a new awesome theme?</p>
-                    </a>
-                  </li>
-                  <!-- end message -->
-                </ul>
-              </li>
-              <li class="footer"><a href="#">See All Messages</a></li>
-            </ul>
-          </li>
-          <!-- Notifications: style can be found in dropdown.less -->
-          <li class="dropdown notifications-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-bell-o"></i>
-              <span class="label label-warning">10</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li class="header">You have 10 notifications</li>
-              <li>
-                <!-- inner menu: contains the actual data -->
-                <ul class="menu">
-                  <li>
-                    <a href="#">
-                      <i class="fa fa-users text-aqua"></i> 5 new members joined today
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="footer"><a href="#">View all</a></li>
-            </ul>
-          </li>
-          <!-- Tasks: style can be found in dropdown.less -->
-          <li class="dropdown tasks-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-flag-o"></i>
-              <span class="label label-danger">9</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li class="header">You have 9 tasks</li>
-              <li>
-                <!-- inner menu: contains the actual data -->
-                <ul class="menu">
-                  <li><!-- Task item -->
-                    <a href="#">
-                      <h3>
-                        Design some buttons
-                        <small class="pull-right">20%</small>
-                      </h3>
-                      <div class="progress xs">
-                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
-                          <span class="sr-only">20% Complete</span>
-                        </div>
-                      </div>
-                    </a>
-                  </li>
-                  <!-- end task item -->
-                </ul>
-              </li>
-              <li class="footer">
-                <a href="#">View all tasks</a>
-              </li>
-            </ul>
-          </li>
-          <!-- User Account: style can be found in dropdown.less -->
-          <li class="dropdown user user-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
-              <span class="hidden-xs">Alexander Pierce</span>
-            </a>
-            <ul class="dropdown-menu">
-              <!-- User image -->
-              <li class="user-header">
-                <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-
-                <p>
-                  Alexander Pierce - Web Developer
-                  <small>Member since Nov. 2012</small>
-                </p>
-              </li>
-              <!-- Menu Body -->
-              <li class="user-body">
-                <div class="row">
-                  <div class="col-xs-4 text-center">
-                    <a href="#">Followers</a>
-                  </div>
-                  <div class="col-xs-4 text-center">
-                    <a href="#">Sales</a>
-                  </div>
-                  <div class="col-xs-4 text-center">
-                    <a href="#">Friends</a>
-                  </div>
-                </div>
-                <!-- /.row -->
-              </li>
-              <!-- Menu Footer-->
-              <li class="user-footer">
-                <div class="pull-left">
-                  <a href="#" class="btn btn-default btn-flat">Profile</a>
-                </div>
-                <div class="pull-right">
-                  <a href="#" class="btn btn-default btn-flat">Sign out</a>
-                </div>
-              </li>
-            </ul>
-          </li>
-          <!-- Control Sidebar Toggle Button -->
-          <li>
-            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
-          </li>
-        </ul>
-      </div>
-    </nav>
-  </header>
-  <!-- Left side column. contains the logo and sidebar -->
-  <aside class="main-sidebar">
-    <!-- sidebar: style can be found in sidebar.less -->
-    <section class="sidebar">
-      <!-- Sidebar user panel -->
-      <div class="user-panel">
-        <div class="pull-left image">
-          <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-        </div>
-        <div class="pull-left info">
-          <p>Alexander Pierce</p>
-          <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
-        </div>
-      </div>
-      <!-- search form -->
-      <form action="#" method="get" class="sidebar-form">
-        <div class="input-group">
-          <input type="text" name="q" class="form-control" placeholder="Search...">
-              <span class="input-group-btn">
-                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
-                </button>
-              </span>
-        </div>
-      </form>
-      <!-- /.search form -->
-      <!-- sidebar menu: : style can be found in sidebar.less -->
-      <ul class="sidebar-menu">
-        <li class="header">MAIN NAVIGATION</li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
-            <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-files-o"></i>
-            <span>Layout Options</span>
-            <span class="pull-right-container">
-              <span class="label label-primary pull-right">4</span>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
-            <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
-            <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
-            <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
-          </ul>
-        </li>
-        <li>
-          <a href="../widgets.html">
-            <i class="fa fa-th"></i> <span>Widgets</span>
-            <span class="pull-right-container">
-              <small class="label pull-right bg-green">new</small>
-            </span>
-          </a>
-        </li>
-        <li class="treeview active">
-          <a href="#">
-            <i class="fa fa-pie-chart"></i>
-            <span>Charts</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li class="active"><a href="chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
-            <li><a href="morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
-            <li><a href="flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
-            <li><a href="inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-laptop"></i>
-            <span>UI Elements</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
-            <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
-            <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
-            <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
-            <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
-            <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-edit"></i> <span>Forms</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
-            <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
-            <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-table"></i> <span>Tables</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
-            <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
-          </ul>
-        </li>
-        <li>
-          <a href="../calendar.html">
-            <i class="fa fa-calendar"></i> <span>Calendar</span>
-            <span class="pull-right-container">
-              <small class="label pull-right bg-red">3</small>
-              <small class="label pull-right bg-blue">17</small>
-            </span>
-          </a>
-        </li>
-        <li>
-          <a href="../mailbox/mailbox.html">
-            <i class="fa fa-envelope"></i> <span>Mailbox</span>
-            <span class="pull-right-container">
-              <small class="label pull-right bg-yellow">12</small>
-              <small class="label pull-right bg-green">16</small>
-              <small class="label pull-right bg-red">5</small>
-            </span>
-          </a>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-folder"></i> <span>Examples</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
-            <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
-            <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
-            <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
-            <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
-            <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
-            <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
-            <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
-            <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-share"></i> <span>Multilevel</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
-            <li>
-              <a href="#"><i class="fa fa-circle-o"></i> Level One
-                <span class="pull-right-container">
-                  <i class="fa fa-angle-left pull-right"></i>
-                </span>
-              </a>
-              <ul class="treeview-menu">
-                <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
-                <li>
-                  <a href="#"><i class="fa fa-circle-o"></i> Level Two
-                    <span class="pull-right-container">
-                      <i class="fa fa-angle-left pull-right"></i>
-                    </span>
-                  </a>
-                  <ul class="treeview-menu">
-                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
-                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
-          </ul>
-        </li>
-        <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
-        <li class="header">LABELS</li>
-        <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
-        <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
-        <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
-      </ul>
-    </section>
-    <!-- /.sidebar -->
-  </aside>
-
-  <!-- Content Wrapper. Contains page content -->
-  <div class="content-wrapper">
-    <!-- Content Header (Page header) -->
-    <section class="content-header">
-      <h1>
-        ChartJS
-        <small>Preview sample</small>
-      </h1>
-      <ol class="breadcrumb">
-        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
-        <li><a href="#">Charts</a></li>
-        <li class="active">ChartJS</li>
-      </ol>
-    </section>
-
-    <!-- Main content -->
-    <section class="content">
-      <div class="row">
-        <div class="col-md-6">
-          <!-- AREA CHART -->
-          <div class="box box-primary">
-            <div class="box-header with-border">
-              <h3 class="box-title">Area Chart</h3>
-
-              <div class="box-tools pull-right">
-                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
-                </button>
-                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
-              </div>
-            </div>
-            <div class="box-body">
-              <div class="chart">
-                <canvas id="areaChart" style="height:250px"></canvas>
-              </div>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-
-          <!-- DONUT CHART -->
-          <div class="box box-danger">
-            <div class="box-header with-border">
-              <h3 class="box-title">Donut Chart</h3>
-
-              <div class="box-tools pull-right">
-                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
-                </button>
-                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
-              </div>
-            </div>
-            <div class="box-body">
-              <canvas id="pieChart" style="height:250px"></canvas>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-
-        </div>
-        <!-- /.col (LEFT) -->
-        <div class="col-md-6">
-          <!-- LINE CHART -->
-          <div class="box box-info">
-            <div class="box-header with-border">
-              <h3 class="box-title">Line Chart</h3>
-
-              <div class="box-tools pull-right">
-                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
-                </button>
-                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
-              </div>
-            </div>
-            <div class="box-body">
-              <div class="chart">
-                <canvas id="lineChart" style="height:250px"></canvas>
-              </div>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-
-          <!-- BAR CHART -->
-          <div class="box box-success">
-            <div class="box-header with-border">
-              <h3 class="box-title">Bar Chart</h3>
-
-              <div class="box-tools pull-right">
-                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
-                </button>
-                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
-              </div>
-            </div>
-            <div class="box-body">
-              <div class="chart">
-                <canvas id="barChart" style="height:230px"></canvas>
-              </div>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-
-        </div>
-        <!-- /.col (RIGHT) -->
-      </div>
-      <!-- /.row -->
-
-    </section>
-    <!-- /.content -->
-  </div>
-  <!-- /.content-wrapper -->
-  <footer class="main-footer">
-    <div class="pull-right hidden-xs">
-      <b>Version</b> 2.3.8
-    </div>
-    <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
-    reserved.
-  </footer>
-
-  <!-- Control Sidebar -->
-  <aside class="control-sidebar control-sidebar-dark">
-    <!-- Create the tabs -->
-    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
-      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
-      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
-    </ul>
-    <!-- Tab panes -->
-    <div class="tab-content">
-      <!-- Home tab content -->
-      <div class="tab-pane" id="control-sidebar-home-tab">
-        <h3 class="control-sidebar-heading">Recent Activity</h3>
-        <ul class="control-sidebar-menu">
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-birthday-cake bg-red"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
-
-                <p>Will be 23 on April 24th</p>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-user bg-yellow"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
-
-                <p>New phone +1(800)555-1234</p>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
-
-                <p>nora@example.com</p>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-file-code-o bg-green"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
-
-                <p>Execution time 5 seconds</p>
-              </div>
-            </a>
-          </li>
-        </ul>
-        <!-- /.control-sidebar-menu -->
-
-        <h3 class="control-sidebar-heading">Tasks Progress</h3>
-        <ul class="control-sidebar-menu">
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Custom Template Design
-                <span class="label label-danger pull-right">70%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Update Resume
-                <span class="label label-success pull-right">95%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Laravel Integration
-                <span class="label label-warning pull-right">50%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Back End Framework
-                <span class="label label-primary pull-right">68%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-              </div>
-            </a>
-          </li>
-        </ul>
-        <!-- /.control-sidebar-menu -->
-
-      </div>
-      <!-- /.tab-pane -->
-      <!-- Stats tab content -->
-      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
-      <!-- /.tab-pane -->
-      <!-- Settings tab content -->
-      <div class="tab-pane" id="control-sidebar-settings-tab">
-        <form method="post">
-          <h3 class="control-sidebar-heading">General Settings</h3>
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Report panel usage
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-
-            <p>
-              Some information about this general settings option
-            </p>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Allow mail redirect
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-
-            <p>
-              Other sets of options are available
-            </p>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Expose author name in posts
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-
-            <p>
-              Allow the user to show his name in blog posts
-            </p>
-          </div>
-          <!-- /.form-group -->
-
-          <h3 class="control-sidebar-heading">Chat Settings</h3>
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Show me as online
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Turn off notifications
-              <input type="checkbox" class="pull-right">
-            </label>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Delete chat history
-              <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-            </label>
-          </div>
-          <!-- /.form-group -->
-        </form>
-      </div>
-      <!-- /.tab-pane -->
-    </div>
-  </aside>
-  <!-- /.control-sidebar -->
-  <!-- Add the sidebar's background. This div must be placed
-       immediately after the control sidebar -->
-  <div class="control-sidebar-bg"></div>
-</div>
-<!-- ./wrapper -->
-
-<!-- jQuery 2.2.3 -->
-<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
-<!-- Bootstrap 3.3.6 -->
-<script src="../../bootstrap/js/bootstrap.min.js"></script>
-<!-- ChartJS 1.0.1 -->
-<script src="../../plugins/chartjs/Chart.min.js"></script>
-<!-- FastClick -->
-<script src="../../plugins/fastclick/fastclick.js"></script>
-<!-- AdminLTE App -->
-<script src="../../dist/js/app.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
-<!-- page script -->
-<script>
-  $(function () {
-    /* ChartJS
-     * -------
-     * Here we will create a few charts using ChartJS
-     */
-
-    //--------------
-    //- AREA CHART -
-    //--------------
-
-    // Get context with jQuery - using jQuery's .get() method.
-    var areaChartCanvas = $("#areaChart").get(0).getContext("2d");
-    // This will get the first returned node in the jQuery collection.
-    var areaChart = new Chart(areaChartCanvas);
-
-    var areaChartData = {
-      labels: ["January", "February", "March", "April", "May", "June", "July"],
-      datasets: [
-        {
-          label: "Electronics",
-          fillColor: "rgba(210, 214, 222, 1)",
-          strokeColor: "rgba(210, 214, 222, 1)",
-          pointColor: "rgba(210, 214, 222, 1)",
-          pointStrokeColor: "#c1c7d1",
-          pointHighlightFill: "#fff",
-          pointHighlightStroke: "rgba(220,220,220,1)",
-          data: [65, 59, 80, 81, 56, 55, 40]
-        },
-        {
-          label: "Digital Goods",
-          fillColor: "rgba(60,141,188,0.9)",
-          strokeColor: "rgba(60,141,188,0.8)",
-          pointColor: "#3b8bba",
-          pointStrokeColor: "rgba(60,141,188,1)",
-          pointHighlightFill: "#fff",
-          pointHighlightStroke: "rgba(60,141,188,1)",
-          data: [28, 48, 40, 19, 86, 27, 90]
-        }
-      ]
-    };
-
-    var areaChartOptions = {
-      //Boolean - If we should show the scale at all
-      showScale: true,
-      //Boolean - Whether grid lines are shown across the chart
-      scaleShowGridLines: false,
-      //String - Colour of the grid lines
-      scaleGridLineColor: "rgba(0,0,0,.05)",
-      //Number - Width of the grid lines
-      scaleGridLineWidth: 1,
-      //Boolean - Whether to show horizontal lines (except X axis)
-      scaleShowHorizontalLines: true,
-      //Boolean - Whether to show vertical lines (except Y axis)
-      scaleShowVerticalLines: true,
-      //Boolean - Whether the line is curved between points
-      bezierCurve: true,
-      //Number - Tension of the bezier curve between points
-      bezierCurveTension: 0.3,
-      //Boolean - Whether to show a dot for each point
-      pointDot: false,
-      //Number - Radius of each point dot in pixels
-      pointDotRadius: 4,
-      //Number - Pixel width of point dot stroke
-      pointDotStrokeWidth: 1,
-      //Number - amount extra to add to the radius to cater for hit detection outside the drawn point
-      pointHitDetectionRadius: 20,
-      //Boolean - Whether to show a stroke for datasets
-      datasetStroke: true,
-      //Number - Pixel width of dataset stroke
-      datasetStrokeWidth: 2,
-      //Boolean - Whether to fill the dataset with a color
-      datasetFill: true,
-      //String - A legend template
-      legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].lineColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
-      //Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
-      maintainAspectRatio: true,
-      //Boolean - whether to make the chart responsive to window resizing
-      responsive: true
-    };
-
-    //Create the line chart
-    areaChart.Line(areaChartData, areaChartOptions);
-
-    //-------------
-    //- LINE CHART -
-    //--------------
-    var lineChartCanvas = $("#lineChart").get(0).getContext("2d");
-    var lineChart = new Chart(lineChartCanvas);
-    var lineChartOptions = areaChartOptions;
-    lineChartOptions.datasetFill = false;
-    lineChart.Line(areaChartData, lineChartOptions);
-
-    //-------------
-    //- PIE CHART -
-    //-------------
-    // Get context with jQuery - using jQuery's .get() method.
-    var pieChartCanvas = $("#pieChart").get(0).getContext("2d");
-    var pieChart = new Chart(pieChartCanvas);
-    var PieData = [
-      {
-        value: 700,
-        color: "#f56954",
-        highlight: "#f56954",
-        label: "Chrome"
-      },
-      {
-        value: 500,
-        color: "#00a65a",
-        highlight: "#00a65a",
-        label: "IE"
-      },
-      {
-        value: 400,
-        color: "#f39c12",
-        highlight: "#f39c12",
-        label: "FireFox"
-      },
-      {
-        value: 600,
-        color: "#00c0ef",
-        highlight: "#00c0ef",
-        label: "Safari"
-      },
-      {
-        value: 300,
-        color: "#3c8dbc",
-        highlight: "#3c8dbc",
-        label: "Opera"
-      },
-      {
-        value: 100,
-        color: "#d2d6de",
-        highlight: "#d2d6de",
-        label: "Navigator"
-      }
-    ];
-    var pieOptions = {
-      //Boolean - Whether we should show a stroke on each segment
-      segmentShowStroke: true,
-      //String - The colour of each segment stroke
-      segmentStrokeColor: "#fff",
-      //Number - The width of each segment stroke
-      segmentStrokeWidth: 2,
-      //Number - The percentage of the chart that we cut out of the middle
-      percentageInnerCutout: 50, // This is 0 for Pie charts
-      //Number - Amount of animation steps
-      animationSteps: 100,
-      //String - Animation easing effect
-      animationEasing: "easeOutBounce",
-      //Boolean - Whether we animate the rotation of the Doughnut
-      animateRotate: true,
-      //Boolean - Whether we animate scaling the Doughnut from the centre
-      animateScale: false,
-      //Boolean - whether to make the chart responsive to window resizing
-      responsive: true,
-      // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
-      maintainAspectRatio: true,
-      //String - A legend template
-      legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"
-    };
-    //Create pie or douhnut chart
-    // You can switch between pie and douhnut using the method below.
-    pieChart.Doughnut(PieData, pieOptions);
-
-    //-------------
-    //- BAR CHART -
-    //-------------
-    var barChartCanvas = $("#barChart").get(0).getContext("2d");
-    var barChart = new Chart(barChartCanvas);
-    var barChartData = areaChartData;
-    barChartData.datasets[1].fillColor = "#00a65a";
-    barChartData.datasets[1].strokeColor = "#00a65a";
-    barChartData.datasets[1].pointColor = "#00a65a";
-    var barChartOptions = {
-      //Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
-      scaleBeginAtZero: true,
-      //Boolean - Whether grid lines are shown across the chart
-      scaleShowGridLines: true,
-      //String - Colour of the grid lines
-      scaleGridLineColor: "rgba(0,0,0,.05)",
-      //Number - Width of the grid lines
-      scaleGridLineWidth: 1,
-      //Boolean - Whether to show horizontal lines (except X axis)
-      scaleShowHorizontalLines: true,
-      //Boolean - Whether to show vertical lines (except Y axis)
-      scaleShowVerticalLines: true,
-      //Boolean - If there is a stroke on each bar
-      barShowStroke: true,
-      //Number - Pixel width of the bar stroke
-      barStrokeWidth: 2,
-      //Number - Spacing between each of the X value sets
-      barValueSpacing: 5,
-      //Number - Spacing between data sets within X values
-      barDatasetSpacing: 1,
-      //String - A legend template
-      legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
-      //Boolean - whether to make the chart responsive
-      responsive: true,
-      maintainAspectRatio: true
-    };
-
-    barChartOptions.datasetFill = false;
-    barChart.Bar(barChartData, barChartOptions);
-  });
-</script>
-</body>
-</html>
diff --git a/views/pages/tables/simple.html b/views/pages/tables/simple.html
deleted file mode 100755
index 60f6874..0000000
--- a/views/pages/tables/simple.html
+++ /dev/null
@@ -1,1056 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>AdminLTE 2 | Simple Tables</title>
-  <!-- Tell the browser to be responsive to screen width -->
-  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-  <!-- Bootstrap 3.3.6 -->
-  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
-  <!-- Font Awesome -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
-  <!-- Ionicons -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
-  <!-- Theme style -->
-  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
-  <!-- AdminLTE Skins. Choose a skin from the css/skins
-       folder instead of downloading all of them to reduce the load. -->
-  <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
-
-  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-  <!--[if lt IE 9]>
-  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-  <![endif]-->
-</head>
-<body class="hold-transition skin-blue sidebar-mini">
-<div class="wrapper">
-
-  <header class="main-header">
-    <!-- Logo -->
-    <a href="../../index2.html" class="logo">
-      <!-- mini logo for sidebar mini 50x50 pixels -->
-      <span class="logo-mini"><b>A</b>LT</span>
-      <!-- logo for regular state and mobile devices -->
-      <span class="logo-lg"><b>Admin</b>LTE</span>
-    </a>
-    <!-- Header Navbar: style can be found in header.less -->
-    <nav class="navbar navbar-static-top">
-      <!-- Sidebar toggle button-->
-      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <div class="navbar-custom-menu">
-        <ul class="nav navbar-nav">
-          <!-- Messages: style can be found in dropdown.less-->
-          <li class="dropdown messages-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-envelope-o"></i>
-              <span class="label label-success">4</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li class="header">You have 4 messages</li>
-              <li>
-                <!-- inner menu: contains the actual data -->
-                <ul class="menu">
-                  <li><!-- start message -->
-                    <a href="#">
-                      <div class="pull-left">
-                        <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-                      </div>
-                      <h4>
-                        Support Team
-                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
-                      </h4>
-                      <p>Why not buy a new awesome theme?</p>
-                    </a>
-                  </li>
-                  <!-- end message -->
-                  <li>
-                    <a href="#">
-                      <div class="pull-left">
-                        <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
-                      </div>
-                      <h4>
-                        AdminLTE Design Team
-                        <small><i class="fa fa-clock-o"></i> 2 hours</small>
-                      </h4>
-                      <p>Why not buy a new awesome theme?</p>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <div class="pull-left">
-                        <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
-                      </div>
-                      <h4>
-                        Developers
-                        <small><i class="fa fa-clock-o"></i> Today</small>
-                      </h4>
-                      <p>Why not buy a new awesome theme?</p>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <div class="pull-left">
-                        <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
-                      </div>
-                      <h4>
-                        Sales Department
-                        <small><i class="fa fa-clock-o"></i> Yesterday</small>
-                      </h4>
-                      <p>Why not buy a new awesome theme?</p>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <div class="pull-left">
-                        <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
-                      </div>
-                      <h4>
-                        Reviewers
-                        <small><i class="fa fa-clock-o"></i> 2 days</small>
-                      </h4>
-                      <p>Why not buy a new awesome theme?</p>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="footer"><a href="#">See All Messages</a></li>
-            </ul>
-          </li>
-          <!-- Notifications: style can be found in dropdown.less -->
-          <li class="dropdown notifications-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-bell-o"></i>
-              <span class="label label-warning">10</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li class="header">You have 10 notifications</li>
-              <li>
-                <!-- inner menu: contains the actual data -->
-                <ul class="menu">
-                  <li>
-                    <a href="#">
-                      <i class="fa fa-users text-aqua"></i> 5 new members joined today
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
-                      page and may cause design problems
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <i class="fa fa-users text-red"></i> 5 new members joined
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <i class="fa fa-shopping-cart text-green"></i> 25 sales made
-                    </a>
-                  </li>
-                  <li>
-                    <a href="#">
-                      <i class="fa fa-user text-red"></i> You changed your username
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="footer"><a href="#">View all</a></li>
-            </ul>
-          </li>
-          <!-- Tasks: style can be found in dropdown.less -->
-          <li class="dropdown tasks-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-flag-o"></i>
-              <span class="label label-danger">9</span>
-            </a>
-            <ul class="dropdown-menu">
-              <li class="header">You have 9 tasks</li>
-              <li>
-                <!-- inner menu: contains the actual data -->
-                <ul class="menu">
-                  <li><!-- Task item -->
-                    <a href="#">
-                      <h3>
-                        Design some buttons
-                        <small class="pull-right">20%</small>
-                      </h3>
-                      <div class="progress progress-xs">
-                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
-                          <span class="sr-only">20% Complete</span>
-                        </div>
-                      </div>
-                    </a>
-                  </li>
-                  <!-- end task item -->
-                  <li><!-- Task item -->
-                    <a href="#">
-                      <h3>
-                        Create a nice theme
-                        <small class="pull-right">40%</small>
-                      </h3>
-                      <div class="progress progress-xs">
-                        <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
-                          <span class="sr-only">40% Complete</span>
-                        </div>
-                      </div>
-                    </a>
-                  </li>
-                  <!-- end task item -->
-                  <li><!-- Task item -->
-                    <a href="#">
-                      <h3>
-                        Some task I need to do
-                        <small class="pull-right">60%</small>
-                      </h3>
-                      <div class="progress progress-xs">
-                        <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
-                          <span class="sr-only">60% Complete</span>
-                        </div>
-                      </div>
-                    </a>
-                  </li>
-                  <!-- end task item -->
-                  <li><!-- Task item -->
-                    <a href="#">
-                      <h3>
-                        Make beautiful transitions
-                        <small class="pull-right">80%</small>
-                      </h3>
-                      <div class="progress progress-xs">
-                        <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
-                          <span class="sr-only">80% Complete</span>
-                        </div>
-                      </div>
-                    </a>
-                  </li>
-                  <!-- end task item -->
-                </ul>
-              </li>
-              <li class="footer">
-                <a href="#">View all tasks</a>
-              </li>
-            </ul>
-          </li>
-          <!-- User Account: style can be found in dropdown.less -->
-          <li class="dropdown user user-menu">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
-              <span class="hidden-xs">Alexander Pierce</span>
-            </a>
-            <ul class="dropdown-menu">
-              <!-- User image -->
-              <li class="user-header">
-                <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-
-                <p>
-                  Alexander Pierce - Web Developer
-                  <small>Member since Nov. 2012</small>
-                </p>
-              </li>
-              <!-- Menu Body -->
-              <li class="user-body">
-                <div class="row">
-                  <div class="col-xs-4 text-center">
-                    <a href="#">Followers</a>
-                  </div>
-                  <div class="col-xs-4 text-center">
-                    <a href="#">Sales</a>
-                  </div>
-                  <div class="col-xs-4 text-center">
-                    <a href="#">Friends</a>
-                  </div>
-                </div>
-                <!-- /.row -->
-              </li>
-              <!-- Menu Footer-->
-              <li class="user-footer">
-                <div class="pull-left">
-                  <a href="#" class="btn btn-default btn-flat">Profile</a>
-                </div>
-                <div class="pull-right">
-                  <a href="#" class="btn btn-default btn-flat">Sign out</a>
-                </div>
-              </li>
-            </ul>
-          </li>
-          <!-- Control Sidebar Toggle Button -->
-          <li>
-            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
-          </li>
-        </ul>
-      </div>
-    </nav>
-  </header>
-  <!-- Left side column. contains the logo and sidebar -->
-  <aside class="main-sidebar">
-    <!-- sidebar: style can be found in sidebar.less -->
-    <section class="sidebar">
-      <!-- Sidebar user panel -->
-      <div class="user-panel">
-        <div class="pull-left image">
-          <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-        </div>
-        <div class="pull-left info">
-          <p>Alexander Pierce</p>
-          <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
-        </div>
-      </div>
-      <!-- search form -->
-      <form action="#" method="get" class="sidebar-form">
-        <div class="input-group">
-          <input type="text" name="q" class="form-control" placeholder="Search...">
-              <span class="input-group-btn">
-                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
-                </button>
-              </span>
-        </div>
-      </form>
-      <!-- /.search form -->
-      <!-- sidebar menu: : style can be found in sidebar.less -->
-      <ul class="sidebar-menu">
-        <li class="header">MAIN NAVIGATION</li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
-            <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-files-o"></i>
-            <span>Layout Options</span>
-            <span class="pull-right-container">
-              <span class="label label-primary pull-right">4</span>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
-            <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
-            <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
-            <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
-          </ul>
-        </li>
-        <li>
-          <a href="../widgets.html">
-            <i class="fa fa-th"></i> <span>Widgets</span>
-            <span class="pull-right-container">
-              <small class="label pull-right bg-green">new</small>
-            </span>
-          </a>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-pie-chart"></i>
-            <span>Charts</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
-            <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
-            <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
-            <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-laptop"></i>
-            <span>UI Elements</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
-            <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
-            <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
-            <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
-            <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
-            <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-edit"></i> <span>Forms</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
-            <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
-            <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
-          </ul>
-        </li>
-        <li class="treeview active">
-          <a href="#">
-            <i class="fa fa-table"></i> <span>Tables</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li class="active"><a href="simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
-            <li><a href="data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
-          </ul>
-        </li>
-        <li>
-          <a href="../calendar.html">
-            <i class="fa fa-calendar"></i> <span>Calendar</span>
-            <span class="pull-right-container">
-              <small class="label pull-right bg-red">3</small>
-              <small class="label pull-right bg-blue">17</small>
-            </span>
-          </a>
-        </li>
-        <li>
-          <a href="../mailbox/mailbox.html">
-            <i class="fa fa-envelope"></i> <span>Mailbox</span>
-            <span class="pull-right-container">
-              <small class="label pull-right bg-yellow">12</small>
-              <small class="label pull-right bg-green">16</small>
-              <small class="label pull-right bg-red">5</small>
-            </span>
-          </a>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-folder"></i> <span>Examples</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
-            <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
-            <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
-            <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
-            <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
-            <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
-            <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
-            <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
-            <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
-          </ul>
-        </li>
-        <li class="treeview">
-          <a href="#">
-            <i class="fa fa-share"></i> <span>Multilevel</span>
-            <span class="pull-right-container">
-              <i class="fa fa-angle-left pull-right"></i>
-            </span>
-          </a>
-          <ul class="treeview-menu">
-            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
-            <li>
-              <a href="#"><i class="fa fa-circle-o"></i> Level One
-                <span class="pull-right-container">
-                  <i class="fa fa-angle-left pull-right"></i>
-                </span>
-              </a>
-              <ul class="treeview-menu">
-                <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
-                <li>
-                  <a href="#"><i class="fa fa-circle-o"></i> Level Two
-                    <span class="pull-right-container">
-                      <i class="fa fa-angle-left pull-right"></i>
-                    </span>
-                  </a>
-                  <ul class="treeview-menu">
-                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
-                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
-          </ul>
-        </li>
-        <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
-        <li class="header">LABELS</li>
-        <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
-        <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
-        <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
-      </ul>
-    </section>
-    <!-- /.sidebar -->
-  </aside>
-
-  <!-- Content Wrapper. Contains page content -->
-  <div class="content-wrapper">
-    <!-- Content Header (Page header) -->
-    <section class="content-header">
-      <h1>
-        Simple Tables
-        <small>preview of simple tables</small>
-      </h1>
-      <ol class="breadcrumb">
-        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
-        <li><a href="#">Tables</a></li>
-        <li class="active">Simple</li>
-      </ol>
-    </section>
-
-    <!-- Main content -->
-    <section class="content">
-      <div class="row">
-        <div class="col-md-6">
-          <div class="box">
-            <div class="box-header with-border">
-              <h3 class="box-title">Bordered Table</h3>
-            </div>
-            <!-- /.box-header -->
-            <div class="box-body">
-              <table class="table table-bordered">
-                <tr>
-                  <th style="width: 10px">#</th>
-                  <th>Task</th>
-                  <th>Progress</th>
-                  <th style="width: 40px">Label</th>
-                </tr>
-                <tr>
-                  <td>1.</td>
-                  <td>Update software</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-red">55%</span></td>
-                </tr>
-                <tr>
-                  <td>2.</td>
-                  <td>Clean database</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-yellow" style="width: 70%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-yellow">70%</span></td>
-                </tr>
-                <tr>
-                  <td>3.</td>
-                  <td>Cron job running</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-light-blue">30%</span></td>
-                </tr>
-                <tr>
-                  <td>4.</td>
-                  <td>Fix and squish bugs</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-success" style="width: 90%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-green">90%</span></td>
-                </tr>
-              </table>
-            </div>
-            <!-- /.box-body -->
-            <div class="box-footer clearfix">
-              <ul class="pagination pagination-sm no-margin pull-right">
-                <li><a href="#">&laquo;</a></li>
-                <li><a href="#">1</a></li>
-                <li><a href="#">2</a></li>
-                <li><a href="#">3</a></li>
-                <li><a href="#">&raquo;</a></li>
-              </ul>
-            </div>
-          </div>
-          <!-- /.box -->
-
-          <div class="box">
-            <div class="box-header">
-              <h3 class="box-title">Condensed Full Width Table</h3>
-            </div>
-            <!-- /.box-header -->
-            <div class="box-body no-padding">
-              <table class="table table-condensed">
-                <tr>
-                  <th style="width: 10px">#</th>
-                  <th>Task</th>
-                  <th>Progress</th>
-                  <th style="width: 40px">Label</th>
-                </tr>
-                <tr>
-                  <td>1.</td>
-                  <td>Update software</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-red">55%</span></td>
-                </tr>
-                <tr>
-                  <td>2.</td>
-                  <td>Clean database</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-yellow" style="width: 70%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-yellow">70%</span></td>
-                </tr>
-                <tr>
-                  <td>3.</td>
-                  <td>Cron job running</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-light-blue">30%</span></td>
-                </tr>
-                <tr>
-                  <td>4.</td>
-                  <td>Fix and squish bugs</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-success" style="width: 90%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-green">90%</span></td>
-                </tr>
-              </table>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-        </div>
-        <!-- /.col -->
-        <div class="col-md-6">
-          <div class="box">
-            <div class="box-header">
-              <h3 class="box-title">Simple Full Width Table</h3>
-
-              <div class="box-tools">
-                <ul class="pagination pagination-sm no-margin pull-right">
-                  <li><a href="#">&laquo;</a></li>
-                  <li><a href="#">1</a></li>
-                  <li><a href="#">2</a></li>
-                  <li><a href="#">3</a></li>
-                  <li><a href="#">&raquo;</a></li>
-                </ul>
-              </div>
-            </div>
-            <!-- /.box-header -->
-            <div class="box-body no-padding">
-              <table class="table">
-                <tr>
-                  <th style="width: 10px">#</th>
-                  <th>Task</th>
-                  <th>Progress</th>
-                  <th style="width: 40px">Label</th>
-                </tr>
-                <tr>
-                  <td>1.</td>
-                  <td>Update software</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-red">55%</span></td>
-                </tr>
-                <tr>
-                  <td>2.</td>
-                  <td>Clean database</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-yellow" style="width: 70%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-yellow">70%</span></td>
-                </tr>
-                <tr>
-                  <td>3.</td>
-                  <td>Cron job running</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-light-blue">30%</span></td>
-                </tr>
-                <tr>
-                  <td>4.</td>
-                  <td>Fix and squish bugs</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-success" style="width: 90%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-green">90%</span></td>
-                </tr>
-              </table>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-
-          <div class="box">
-            <div class="box-header">
-              <h3 class="box-title">Striped Full Width Table</h3>
-            </div>
-            <!-- /.box-header -->
-            <div class="box-body no-padding">
-              <table class="table table-striped">
-                <tr>
-                  <th style="width: 10px">#</th>
-                  <th>Task</th>
-                  <th>Progress</th>
-                  <th style="width: 40px">Label</th>
-                </tr>
-                <tr>
-                  <td>1.</td>
-                  <td>Update software</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-red">55%</span></td>
-                </tr>
-                <tr>
-                  <td>2.</td>
-                  <td>Clean database</td>
-                  <td>
-                    <div class="progress progress-xs">
-                      <div class="progress-bar progress-bar-yellow" style="width: 70%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-yellow">70%</span></td>
-                </tr>
-                <tr>
-                  <td>3.</td>
-                  <td>Cron job running</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-light-blue">30%</span></td>
-                </tr>
-                <tr>
-                  <td>4.</td>
-                  <td>Fix and squish bugs</td>
-                  <td>
-                    <div class="progress progress-xs progress-striped active">
-                      <div class="progress-bar progress-bar-success" style="width: 90%"></div>
-                    </div>
-                  </td>
-                  <td><span class="badge bg-green">90%</span></td>
-                </tr>
-              </table>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-        </div>
-        <!-- /.col -->
-      </div>
-      <!-- /.row -->
-      <div class="row">
-        <div class="col-xs-12">
-          <div class="box">
-            <div class="box-header">
-              <h3 class="box-title">Responsive Hover Table</h3>
-
-              <div class="box-tools">
-                <div class="input-group input-group-sm" style="width: 150px;">
-                  <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">
-
-                  <div class="input-group-btn">
-                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <!-- /.box-header -->
-            <div class="box-body table-responsive no-padding">
-              <table class="table table-hover">
-                <tr>
-                  <th>ID</th>
-                  <th>User</th>
-                  <th>Date</th>
-                  <th>Status</th>
-                  <th>Reason</th>
-                </tr>
-                <tr>
-                  <td>183</td>
-                  <td>John Doe</td>
-                  <td>11-7-2014</td>
-                  <td><span class="label label-success">Approved</span></td>
-                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
-                </tr>
-                <tr>
-                  <td>219</td>
-                  <td>Alexander Pierce</td>
-                  <td>11-7-2014</td>
-                  <td><span class="label label-warning">Pending</span></td>
-                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
-                </tr>
-                <tr>
-                  <td>657</td>
-                  <td>Bob Doe</td>
-                  <td>11-7-2014</td>
-                  <td><span class="label label-primary">Approved</span></td>
-                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
-                </tr>
-                <tr>
-                  <td>175</td>
-                  <td>Mike Doe</td>
-                  <td>11-7-2014</td>
-                  <td><span class="label label-danger">Denied</span></td>
-                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
-                </tr>
-              </table>
-            </div>
-            <!-- /.box-body -->
-          </div>
-          <!-- /.box -->
-        </div>
-      </div>
-    </section>
-    <!-- /.content -->
-  </div>
-  <!-- /.content-wrapper -->
-  <footer class="main-footer">
-    <div class="pull-right hidden-xs">
-      <b>Version</b> 2.3.8
-    </div>
-    <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
-    reserved.
-  </footer>
-
-  <!-- Control Sidebar -->
-  <aside class="control-sidebar control-sidebar-dark">
-    <!-- Create the tabs -->
-    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
-      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
-      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
-    </ul>
-    <!-- Tab panes -->
-    <div class="tab-content">
-      <!-- Home tab content -->
-      <div class="tab-pane" id="control-sidebar-home-tab">
-        <h3 class="control-sidebar-heading">Recent Activity</h3>
-        <ul class="control-sidebar-menu">
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-birthday-cake bg-red"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
-
-                <p>Will be 23 on April 24th</p>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-user bg-yellow"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
-
-                <p>New phone +1(800)555-1234</p>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
-
-                <p>nora@example.com</p>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <i class="menu-icon fa fa-file-code-o bg-green"></i>
-
-              <div class="menu-info">
-                <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
-
-                <p>Execution time 5 seconds</p>
-              </div>
-            </a>
-          </li>
-        </ul>
-        <!-- /.control-sidebar-menu -->
-
-        <h3 class="control-sidebar-heading">Tasks Progress</h3>
-        <ul class="control-sidebar-menu">
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Custom Template Design
-                <span class="label label-danger pull-right">70%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Update Resume
-                <span class="label label-success pull-right">95%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Laravel Integration
-                <span class="label label-warning pull-right">50%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <a href="javascript:void(0)">
-              <h4 class="control-sidebar-subheading">
-                Back End Framework
-                <span class="label label-primary pull-right">68%</span>
-              </h4>
-
-              <div class="progress progress-xxs">
-                <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-              </div>
-            </a>
-          </li>
-        </ul>
-        <!-- /.control-sidebar-menu -->
-
-      </div>
-      <!-- /.tab-pane -->
-      <!-- Stats tab content -->
-      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
-      <!-- /.tab-pane -->
-      <!-- Settings tab content -->
-      <div class="tab-pane" id="control-sidebar-settings-tab">
-        <form method="post">
-          <h3 class="control-sidebar-heading">General Settings</h3>
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Report panel usage
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-
-            <p>
-              Some information about this general settings option
-            </p>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Allow mail redirect
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-
-            <p>
-              Other sets of options are available
-            </p>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Expose author name in posts
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-
-            <p>
-              Allow the user to show his name in blog posts
-            </p>
-          </div>
-          <!-- /.form-group -->
-
-          <h3 class="control-sidebar-heading">Chat Settings</h3>
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Show me as online
-              <input type="checkbox" class="pull-right" checked>
-            </label>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Turn off notifications
-              <input type="checkbox" class="pull-right">
-            </label>
-          </div>
-          <!-- /.form-group -->
-
-          <div class="form-group">
-            <label class="control-sidebar-subheading">
-              Delete chat history
-              <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-            </label>
-          </div>
-          <!-- /.form-group -->
-        </form>
-      </div>
-      <!-- /.tab-pane -->
-    </div>
-  </aside>
-  <!-- /.control-sidebar -->
-  <!-- Add the sidebar's background. This div must be placed
-       immediately after the control sidebar -->
-  <div class="control-sidebar-bg"></div>
-</div>
-<!-- ./wrapper -->
-
-<!-- jQuery 2.2.3 -->
-<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
-<!-- Bootstrap 3.3.6 -->
-<script src="../../bootstrap/js/bootstrap.min.js"></script>
-<!-- Slimscroll -->
-<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
-<!-- FastClick -->
-<script src="../../plugins/fastclick/fastclick.js"></script>
-<!-- AdminLTE App -->
-<script src="../../dist/js/app.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
-</body>
-</html>
diff --git a/views/push.html b/views/push.html
index eeaef07..daa7012 100755
--- a/views/push.html
+++ b/views/push.html
@@ -76,14 +76,14 @@
       <ul class="sidebar-menu">
         <li class="header">MAIN NAVIGATION</li>
         <li class="treeview">
-          <a href="#">
+          <a href="/dashboard">
             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
           </a>
         </li>
         <li class="treeview">
-          <a href="anaylsis">
+          <a href="/reco-analysis">
             <i class="fa fa-pie-chart"></i>
-            <span>Analysis</span>
+            <span>Reco Analysis</span>
           </a>
           <!--<ul class="treeview-menu">
             <li><a href="./pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
@@ -93,13 +93,19 @@
           </ul>-->
         </li>
         <li class="treeview">
-          <a href="#">
+          <a href="/user-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>User Analysis</span>
+          </a>
+        </li>
+        <li class="active treeview">
+          <a href="/push">
             <i class="fa fa-files-o"></i>
             <span>Notification</span>
           </a>
         </li>
-        <li class="active treeview">
-          <a href="#">
+        <li class="treeview">
+          <a href="/pushDetail">
             <i class="fa fa-laptop"></i>
             <span>Push</span>
           </a>
diff --git a/views/pushDetail.html b/views/pushDetail.html
index 4c34d64..adc85d4 100755
--- a/views/pushDetail.html
+++ b/views/pushDetail.html
@@ -76,14 +76,14 @@
       <ul class="sidebar-menu">
         <li class="header">MAIN NAVIGATION</li>
         <li class="treeview">
-          <a href="#">
+          <a href="/dashboard">
             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
           </a>
         </li>
         <li class="treeview">
-          <a href="anaylsis">
+          <a href="/reco-analysis">
             <i class="fa fa-pie-chart"></i>
-            <span>Analysis</span>
+            <span>Reco Analysis</span>
           </a>
           <!--<ul class="treeview-menu">
             <li><a href="./pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
@@ -93,13 +93,19 @@
           </ul>-->
         </li>
         <li class="treeview">
-          <a href="#">
+          <a href="/user-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>User Analysis</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/push">
             <i class="fa fa-files-o"></i>
             <span>Notification</span>
           </a>
         </li>
         <li class="active treeview">
-          <a href="#">
+          <a href="/pushDetail">
             <i class="fa fa-laptop"></i>
             <span>Push</span>
           </a>
diff --git a/views/simple.html b/views/simple.html
new file mode 100755
index 0000000..ac8165d
--- /dev/null
+++ b/views/simple.html
@@ -0,0 +1,464 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>CalyFactory ADMIN | Reco Analysis</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+  <!-- Bootstrap 3.3.6 -->
+  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
+  <!-- Ionicons -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
+  <!-- Theme style -->
+  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
+  <!-- AdminLTE Skins. Choose a skin from the css/skins
+       folder instead of downloading all of them to reduce the load. -->
+  <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+<body class="hold-transition skin-blue sidebar-mini">
+<div class="wrapper">
+
+  <!-- Left side column. contains the logo and sidebar -->
+  <aside class="main-sidebar">
+    <!-- sidebar: style can be found in sidebar.less -->
+    <section class="sidebar">
+      <!-- Sidebar user panel -->
+      <div class="user-panel">
+        <div class="pull-left image">
+          <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+        </div>
+        <div class="pull-left info">
+          <p><%= admin_name %> 님, 안녕하세요!</p>
+          <form action="/logout" method="get">
+            <button type="submit" name="logout" value="logout" id="logout" style="width:100%;height:20px;font-size:12px;color:black;">로그아웃</button>
+          </form>
+        </div>
+      </div>
+
+      <!-- /.search form -->
+      <!-- sidebar menu: : style can be found in sidebar.less -->
+      <ul class="sidebar-menu">
+        <li class="header">MAIN NAVIGATION</li>
+        <li class="treeview">
+          <a href="/dashboard">
+            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
+          </a>
+        </li>
+        <li class="active treeview">
+          <a href="/reco-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>Reco Analysis</span>
+          </a>
+          <!--<ul class="treeview-menu">
+            <li><a href="./pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
+            <li><a href="./pages/layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
+            <li><a href="./pages/layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
+            <li><a href="./pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
+          </ul>-->
+        </li>
+        <li class="treeview">
+          <a href="/user-analysis">
+            <i class="fa fa-pie-chart"></i>
+            <span>User Analysis</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/push">
+            <i class="fa fa-files-o"></i>
+            <span>Notification</span>
+          </a>
+        </li>
+        <li class="treeview">
+          <a href="/pushDetail">
+            <i class="fa fa-laptop"></i>
+            <span>Push</span>
+          </a>
+        </li>
+      </ul>
+    </section>
+    <!-- /.sidebar -->
+  </aside>
+
+  <!-- Content Wrapper. Contains page content -->
+  <div class="content-wrapper">
+    <!-- Content Header (Page header) -->
+    <section class="content-header">
+      <h1>
+        Analysis
+        <small>analysis about user-action</small>
+      </h1>
+      <ol class="breadcrumb">
+        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
+        <li class="active">Analysis</li>
+      </ol>
+    </section>
+
+    <!-- Main content -->
+    <section class="content">
+      <div class="row">
+        <!-- LEFT SIDE -->
+        <div class="col-md-6">
+          
+          <div class="box">
+            <div class="box-header">
+              <h3 class="box-title">비추천 이벤트</h3>
+
+              <!--<div class="box-tools">
+                <div class="input-group input-group-sm" style="width: 150px;">
+                  <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">
+
+                  <div class="input-group-btn">
+                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
+                  </div>
+                </div>
+              </div>-->
+            </div>
+            <!-- /.box-header -->
+            <div class="box-body table-responsive no-padding">
+              <table class="table table-hover">
+                <tr>
+                  <th style="width:10%;">번호</th>
+                  <th style="width:10%;">성별</th>
+                  <th style="width:10%;">나이</th>
+                  <th style="width:30%;">이벤트명</th>
+                  <th style="width:15%;">장소</th>
+                  <th style="width:25%;">날짜</th>
+                </tr>
+                <% for(var i=0; i<noneRecommendList.length; i++){ %>
+                  <tr>
+                    <td><%= i+1 %></td>
+                    <td><%= noneRecommendList[i].user_gender==1? '남':'여' %></td>
+                    <td><%= noneRecommendList[i].age %></td>
+                    <td><%= noneRecommendList[i].summary %></td>
+                    <td><%= noneRecommendList[i].location %></td>
+                    <td><%= noneRecommendList[i].converted_start_dt %> ~ <%= noneRecommendList[i].converted_end_dt %></td>
+                  </tr>
+                <% } %>
+              </table>
+            </div>
+            <!-- /.box-body -->
+          </div>
+        </div>
+        <!-- /.col -->
+
+        <!-- RIGHT SIDE -->
+        <div class="col-md-6">
+          <div class="box">
+              <div class="box-header">
+                <h3 class="box-title">대분류 추천비율</h3>
+              </div>
+              <div class="box-body no-padding">
+                <div class="chart tab-pane" id="region-chart" style="position: relative; height: 400px;"></div>
+              </div>  
+          </div>
+          <div class="box">
+            <div class="box-header">
+              <h3 class="box-title">세부지역별 추천비율</h3>
+            </div>
+            <!-- /.box-header -->
+            <div class="box-body no-padding">
+              <table class="table table-condensed">
+                <tr>
+                  <th style="width: 10%">번호</th>
+                  <th style="width: 10%">대분류</th>
+                  <th style="width: 20%">세부지역</th>
+                  <th style="width: 30%">추천 그래프</th>
+                  <th style="width: 15%">추천률</th>
+                  <th style="width: 15%">추천 수</th>
+                </tr>
+                <% 
+                  var length = Object.keys(detailRegionDict).length;
+                  for( var i=0; i<length ; i++){ %>
+                  <tr>
+                    <td><%= i+1 %></td>
+                    <td><%= detailRegionDict[i]['main_region'] %></td>
+                    <td><%= detailRegionDict[i]['region'] %></td>
+                    <td>
+                      <div class="progress progress-xs">
+
+                      <% if(detailRegionDict[i]['main_region'] == '남부') { %>
+                      <div class="progress-bar progress-bar-danger" style="width: <%- detailRegionDict[i]['detail_percent'] %>%"></div>
+                      <% } else if(detailRegionDict[i]['main_region'] == '북부') { %>
+                      <div class="progress-bar progress-bar-yellow" style="width: <%- detailRegionDict[i]['detail_percent'] %>%"></div>
+                      <% } else if(detailRegionDict[i]['main_region'] == '중부') { %>
+                      <div class="progress-bar progress-bar-striped" style="width: <%- detailRegionDict[i]['detail_percent'] %>%"></div>
+                      <% } else if(detailRegionDict[i]['main_region'] == '동부') { %>
+                      <div class="progress-bar progress-bar-primary" style="width: <%- detailRegionDict[i]['detail_percent'] %>%"></div>
+                      <% } else { %>                      
+                      <div class="progress-bar progress-bar-success" style="width: <%- detailRegionDict[i]['detail_percent'] %>%"></div>
+
+                      <% } %>
+                    </div>
+                    </td>
+                    <td>
+
+                    <% if(detailRegionDict[i]['main_region'] == '남부') { %>
+                      <span class="badge bg-red">
+                    <% } else if(detailRegionDict[i]['main_region'] == '북부') { %>
+                      <span class="badge bg-yellow">
+                    <% } else if(detailRegionDict[i]['main_region'] == '중부') { %>
+                      <span class="badge bg-aqua">
+                    <% } else if(detailRegionDict[i]['main_region'] == '동부') { %>
+                      <span class="badge bg-light-blue">
+                    <% } else { %>                      
+                      <span class="badge bg-green">
+                    <% } %>
+                    <%= detailRegionDict[i]['detail_percent'] %>%</span></td>
+                    <td><%= detailRegionDict[i]['detail_count'] %></td>
+                  </tr>
+                <% } %>
+
+              </table>
+            </div>
+            <!-- /.box-body -->
+          </div>
+        </div>
+        <!-- /.col -->
+      </div>
+      <!-- /.row -->
+      
+    </section>
+    <!-- /.content -->
+  </div>
+  <!-- /.content-wrapper -->
+  <footer class="main-footer">
+    <div class="pull-right hidden-xs">
+      <b>Version</b> 2.3.8
+    </div>
+    <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
+    reserved.
+  </footer>
+
+  <!-- Control Sidebar -->
+  <aside class="control-sidebar control-sidebar-dark">
+    <!-- Create the tabs -->
+    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
+      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
+      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
+    </ul>
+    <!-- Tab panes -->
+    <div class="tab-content">
+      <!-- Home tab content -->
+      <div class="tab-pane" id="control-sidebar-home-tab">
+        <h3 class="control-sidebar-heading">Recent Activity</h3>
+        <ul class="control-sidebar-menu">
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-birthday-cake bg-red"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
+
+                <p>Will be 23 on April 24th</p>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-user bg-yellow"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
+
+                <p>New phone +1(800)555-1234</p>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
+
+                <p>nora@example.com</p>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <i class="menu-icon fa fa-file-code-o bg-green"></i>
+
+              <div class="menu-info">
+                <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
+
+                <p>Execution time 5 seconds</p>
+              </div>
+            </a>
+          </li>
+        </ul>
+        <!-- /.control-sidebar-menu -->
+
+        <h3 class="control-sidebar-heading">Tasks Progress</h3>
+        <ul class="control-sidebar-menu">
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Custom Template Design
+                <span class="label label-danger pull-right">70%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Update Resume
+                <span class="label label-success pull-right">95%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-success" style="width: 95%"></div>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Laravel Integration
+                <span class="label label-warning pull-right">50%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
+              </div>
+            </a>
+          </li>
+          <li>
+            <a href="javascript:void(0)">
+              <h4 class="control-sidebar-subheading">
+                Back End Framework
+                <span class="label label-primary pull-right">68%</span>
+              </h4>
+
+              <div class="progress progress-xxs">
+                <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
+              </div>
+            </a>
+          </li>
+        </ul>
+        <!-- /.control-sidebar-menu -->
+
+      </div>
+      <!-- /.tab-pane -->
+      <!-- Stats tab content -->
+      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
+      <!-- /.tab-pane -->
+      <!-- Settings tab content -->
+      <div class="tab-pane" id="control-sidebar-settings-tab">
+        <form method="post">
+          <h3 class="control-sidebar-heading">General Settings</h3>
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Report panel usage
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+
+            <p>
+              Some information about this general settings option
+            </p>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Allow mail redirect
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+
+            <p>
+              Other sets of options are available
+            </p>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Expose author name in posts
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+
+            <p>
+              Allow the user to show his name in blog posts
+            </p>
+          </div>
+          <!-- /.form-group -->
+
+          <h3 class="control-sidebar-heading">Chat Settings</h3>
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Show me as online
+              <input type="checkbox" class="pull-right" checked>
+            </label>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Turn off notifications
+              <input type="checkbox" class="pull-right">
+            </label>
+          </div>
+          <!-- /.form-group -->
+
+          <div class="form-group">
+            <label class="control-sidebar-subheading">
+              Delete chat history
+              <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
+            </label>
+          </div>
+          <!-- /.form-group -->
+        </form>
+      </div>
+      <!-- /.tab-pane -->
+    </div>
+  </aside>
+  <!-- /.control-sidebar -->
+  <!-- Add the sidebar's background. This div must be placed
+       immediately after the control sidebar -->
+  <div class="control-sidebar-bg"></div>
+</div>
+<!-- ./wrapper -->
+<script>
+new Morris.Donut({
+    element: 'region-chart',
+    resize: true,
+    hideHover: 'auto',
+    // Chart data records -- each entry in this array corresponds to a point on
+    // the chart.
+    colors: ["#DD4B3B", "#4693BF", "#F29B12","#009E55", "#05E2FB"],
+    data: <%- JSON.stringify(mainRegionDict) %>
+  });
+</script>
+<!-- jQuery 2.2.3 -->
+<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
+<!-- Bootstrap 3.3.6 -->
+<script src="bootstrap/js/bootstrap.min.js"></script>
+<!-- Slimscroll -->
+<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
+<!-- FastClick -->
+<script src="plugins/fastclick/fastclick.js"></script>
+<!-- AdminLTE App -->
+<script src="dist/js/app.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="dist/js/demo.js"></script>
+</body>
+</html>