You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>My Admin</title> <!-- Bootstrap Core CSS --> <link href="NewLogin/css/bootstrap.min.css" rel="stylesheet"> <!-- MetisMenu CSS --> <link href="NewLogin/css/metisMenu.min.css" rel="stylesheet"> <!-- timeline CSS --> <link href="NewLogin/css/timeline.css" rel="stylesheet"> <!-- Custom CSS --> <link href="NewLogin/css/style.css" rel="stylesheet"> <!-- Custom Fonts --> <link href="NewLogin/css/font-awesome.min.css" rel="stylesheet" type="text/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/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div id="wrapper"> <div id="page-wrapper"> <div class="row"> <div class="col-lg-12"> <h1 class="page-header"> My Dashboard </h1> </div> <!-- /.col-lg-12 --> </div> <!-- /.row --> <div class="row"> <div class="col-lg-3 col-md-3"> <div class="panel panel-primary"> <div class="panel-heading block-bg"> <div class="row"> <div class="col-xs-3 p-r-0"> <i class="fa fa-calculator fa-3x"></i> </div> <div class="col-xs-9 text-right p-l-0"> <div class="huge"> Today's Rate </div> <div> USD 3.501 / 3.750 </div> <div> SGD 12.25 / 13.01 </div> </div> </div> </div> <a href="#"> <div class="panel-footer"> <span class="pull-left">View More..</span> <span class="pull-right"> <i class="fa fa-arrow-circle-right"> </i> </span> <div class="clearfix"> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-3"> <div class="panel panel-green"> <div class="panel-heading block-bg"> <div class="row"> <div class="col-xs-3 p-r-0"> <i class="fa fa-arrow-circle-down fa-3x"></i> </div> <div class="col-xs-9 text-right p-l-0"> <div class="huge"> Today's Buy </div> <div> 12 </div> </div> </div> </div> <a href="#"> <div class="panel-footer"> <span class="pull-left">View Details</span> <span class="pull-right"> <i class="fa fa-arrow-circle-right"> </i> </span> <div class="clearfix"> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-3"> <div class="panel panel-yellow"> <div class="panel-heading block-bg"> <div class="row"> <div class="col-xs-3 p-r-0"> <i class="fa fa-arrow-circle-up fa-3x"></i> </div> <div class="col-xs-9 text-right p-l-0"> <div class="huge"> Today's Sell </div> <div> 124 </div> </div> </div> </div> <a href="#"> <div class="panel-footer"> <span class="pull-left">View Details</span> <span class="pull-right"> <i class="fa fa-arrow-circle-right"> </i> </span> <div class="clearfix"> </div> </div> </a> </div> </div> <div class="col-lg-3 col-md-3"> <div class="panel panel-red"> <div class="panel-heading block-bg"> <div class="row"> <div class="col-xs-3 p-r-0"> <i class="fa fa-warning fa-3x"></i> </div> <div class="col-xs-9 text-right p-l-0"> <div class="huge"> Hold Transaction </div> <div> 3 </div> </div> </div> </div> <a href="#"> <div class="panel-footer"> <span class="pull-left">View Details</span> <span class="pull-right"> <i class="fa fa-arrow-circle-right"> </i> </span> <div class="clearfix"> </div> </div> </a> </div> </div> </div> <!-- /.row --> <div class="row"> <div class="col-lg-8 col-md-8"> <!-- /.panel --> <div class="panel panel-default"> <div class="panel-heading"> Last 3 Buy Transaction </div> <!-- /.panel-heading --> <div class="panel-body"> <div class="table-responsive"> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th> # </th> <th> Customer Name </th> <th> Trn Date </th> <th> Currency </th> <th> LCY Amount </th> </tr> </thead> <tbody> <tr> <td> 1 </td> <td> Mark </td> <td> 03/04/2016 </td> <td> USD 1000 </td> <td> RM 3500 </td> </tr> <tr> <td> 2 </td> <td> Johan </td> <td> 03/01/2016 </td> <td> SGD 500 </td> <td> RM 1200 </td> </tr> <tr> <td> 3 </td> <td> Harry </td> <td> 03/01/2016 </td> <td> PHP 1000 </td> <td> RM 600 </td> </tr> </tbody> </table> </div> <!-- /.table-responsive --> </div> <!-- /.panel-body --> </div> <!-- /.panel --> <!-- /.panel --> <div class="panel panel-default"> <div class="panel-heading"> Last 3 Sell Transaction </div> <!-- /.panel-heading --> <div class="panel-body"> <div class="table-responsive"> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th> # </th> <th> Customer Name </th> <th> Trn Date </th> <th> Currency </th> <th> LCY Amount </th> </tr> </thead> <tbody> <tr> <td> 1 </td> <td> Mark </td> <td> 03/04/2016 </td> <td> USD 1000 </td> <td> RM 3500 </td> </tr> <tr> <td> 2 </td> <td> Johan </td> <td> 03/01/2016 </td> <td> SGD 500 </td> <td> RM 1200 </td> </tr> <tr> <td> 3 </td> <td> Harry </td> <td> 03/01/2016 </td> <td> PHP 1000 </td> <td> RM 600 </td> </tr> </tbody> </table> </div> <!-- /.table-responsive --> </div> <!-- /.panel-body --> </div> <!-- /.panel --> </div> <!-- /.col-lg-8 --> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> Profile </div> <div class="panel-body"> <div class="media usr-info"> <a class="pull-left" href="#"> <img alt="" src="Newlogin/images/user2.png" class="thumb"> </a> <div class="media-body"> <h4 class="media-heading"> Jhone Doe </h4> <span>ABC Money Exchange</span> <p> 146 Jalan Rugayah, Ph : 07-433 6814 </p> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="states-info"> <div class="panel blue-bg"> <div class="panel-body p-states green-box"> <div class="summary pull-left"> <h4> Currency <span>Buy/Sell</span> </h4> <span>Monthly Summary</span> <h3> 160 </h3> </div> <div id="pro-refund" class="chart-bar"> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="states-info"> <div class="panel red-bg"> <div class="panel-body p-states"> <div class="summary pull-left"> <h4> Total <span>Earning</span> </h4> <span>Monthly Summary</span> <h3> RM 51,2600 </h3> </div> <div id="expense2" class="chart-bar"> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /.col-lg-4 --> </div> <!-- /.row --> </div> </div> <!-- /#wrapper --> <!-- jQuery --> <script src="js/jquery.min.js"></script> <!-- Bootstrap Core JavaScript --> <script src="js/bootstrap.min.js"></script> <!-- Metis Menu Plugin JavaScript --> <script src="js/metisMenu.min.js"></script> <!-- Custom Theme JavaScript --> <script src="js/custom.js"></script> </body> </html>
|