Browse Source

dashboard with example wallet widgets with dummy data

master
Satinder Grewal 9 years ago
parent
commit
bf40196f06
  1. BIN
      assets/global/img/cryptologo/bitcoin.png
  2. BIN
      assets/global/img/cryptologo/bitcoindark.png
  3. 9
      assets/global/plugins/jquery-slimscroll/README.md
  4. 15
      assets/layouts/scripts/sidebar.js
  5. 5
      assets/pages/css/dashboard.css
  6. 110
      assets/pages/css/lock-2.css
  7. 1
      assets/pages/css/lock-2.min.css
  8. 168
      assets/pages/css/lock.css
  9. 1
      assets/pages/css/lock.min.css
  10. 203
      assets/pages/css/login-2.css
  11. 8
      assets/pages/scripts/login.js
  12. 758
      index.html

BIN
assets/global/img/cryptologo/bitcoin.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
assets/global/img/cryptologo/bitcoindark.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

9
assets/global/plugins/jquery-slimscroll/README.md

@ -1,9 +0,0 @@
# What is slimScroll?
slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.
Demo and more: http://rocha.la/jQuery-slimScroll
Copyright (c) 2011 Piotr Rochala (http://rocha.la)
Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.

15
assets/layouts/scripts/sidebar.js

@ -1,4 +1,19 @@
// DOM Ready =============================================================
$(document).ready(function() {
$('#section-dashboard').show();
$('#section-easydex').hide();
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( "" ).addClass( "active open" );
$('#nav-easydex').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
});
$('#nav-dashboard').on('click', function() {
$('#section-dashboard').show();
$('#section-easydex').hide();
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( "" ).addClass( "active open" );
$('#nav-easydex').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );

5
assets/pages/css/dashboard.css

@ -0,0 +1,5 @@
#cryptologo img {
display: block;
margin: 0 auto;
vertical-align: middle;
}

110
assets/pages/css/lock-2.css

@ -1,110 +0,0 @@
/* Cubic Bezier Transition */
/***
Lock Page
***/
body {
background-color: #ddd;
padding: 0;
margin: 0; }
.page-lock {
top: 50%;
left: 50%;
position: absolute;
margin-top: -140px;
margin-left: -260px; }
.page-lock .page-logo {
margin-bottom: 15px; }
.page-lock .page-body {
width: 510px;
padding: 15px;
background: url(../img/bg-white-lock.png) repeat;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px; }
.page-lock .page-body:after,
.page-lock .page-body:before {
display: table;
content: "";
line-height: 0; }
.page-lock .page-body:after {
clear: both; }
.page-lock .page-footer-custom {
margin-top: 10px;
text-align: left !important;
font-size: 12px;
color: #eaeaea; }
.page-lock img.page-lock-img {
float: left;
width: 200px;
height: auto; }
.page-lock .page-lock-info {
padding-left: 10px;
float: right;
width: 280px; }
.page-lock .page-lock-info h1 {
margin-top: -5px;
font-weight: 300;
color: #fff;
font-size: 28px;
line-height: 32px;
margin-bottom: 5px; }
.page-lock .page-lock-info .email {
color: #eee;
display: block;
font-size: 14px;
line-height: 14px;
margin-bottom: 10px; }
.page-lock .page-lock-info .locked {
color: #333;
font-size: 14px;
line-height: 14px;
font-style: normal; }
.page-lock .page-lock-info form {
margin: 28px 0; }
.page-lock .page-lock-info input {
background: #fff; }
.page-lock .relogin {
margin-top: 10px; }
.page-lock .relogin a {
color: #e1e1e1; }
/*Responsive*/
@media (max-width: 768px) {
.page-lock {
top: 0px;
width: 280px;
margin-top: 20px;
margin-left: -140px; }
.page-lock .page-body {
padding: 20px 10px;
text-align: center;
width: 280px; }
.page-lock img.page-lock-img {
float: none !important;
display: block;
margin: 0 auto;
text-align: center;
margin-bottom: 15px; }
.page-lock .page-lock-info {
float: none !important;
width: 260px;
margin: 0 auto; }
.page-lock .page-lock-info input {
width: 200px !important; } }

1
assets/pages/css/lock-2.min.css

@ -1 +0,0 @@
body{background-color:#ddd;padding:0;margin:0}.page-lock{top:50%;left:50%;position:absolute;margin-top:-140px;margin-left:-260px}.page-lock .page-logo{margin-bottom:15px}.page-lock .page-body{width:510px;padding:15px;background:url(../img/bg-white-lock.png);-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}.page-lock .page-body:after,.page-lock .page-body:before{display:table;content:"";line-height:0}.page-lock .page-body:after{clear:both}.page-lock .page-footer-custom{margin-top:10px;text-align:left!important;font-size:12px;color:#eaeaea}.page-lock img.page-lock-img{float:left;width:200px;height:auto}.page-lock .page-lock-info{padding-left:10px;float:right;width:280px}.page-lock .page-lock-info h1{margin-top:-5px;font-weight:300;color:#fff;font-size:28px;line-height:32px;margin-bottom:5px}.page-lock .page-lock-info .email{color:#eee;display:block;font-size:14px;line-height:14px;margin-bottom:10px}.page-lock .page-lock-info .locked{color:#333;font-size:14px;line-height:14px;font-style:normal}.page-lock .page-lock-info form{margin:28px 0}.page-lock .page-lock-info input{background:#fff}.page-lock .relogin{margin-top:10px}.page-lock .relogin a{color:#e1e1e1}@media (max-width:768px){.page-lock{top:0;width:280px;margin-top:20px;margin-left:-140px}.page-lock .page-body{padding:20px 10px;text-align:center;width:280px}.page-lock img.page-lock-img{float:none!important;display:block;margin:0 auto 15px;text-align:center}.page-lock .page-lock-info{float:none!important;width:260px;margin:0 auto}.page-lock .page-lock-info input{width:200px!important}}

168
assets/pages/css/lock.css

@ -1,168 +0,0 @@
/* Cubic Bezier Transition */
/***
Lock Page
***/
body {
background-color: #465568 !important;
padding: 0;
margin: 0; }
.page-lock {
margin: 90px auto 30px auto;
width: 450px; }
.page-lock .page-logo {
text-align: center;
margin-bottom: 15px; }
.page-lock .page-body {
width: 100%;
margin-top: 50px;
background-color: #3a4554;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px; }
.lock-head {
display: block;
background-color: #323d4b;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 22px;
font-weight: 400;
color: #4db3a5;
-webkit-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-ms-border-radius: 7px 7px 0 0;
-o-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0; }
.lock-body {
display: block;
margin: 35px;
overflow: hidden; }
.lock-avatar {
margin-top: 15px;
height: 110px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important; }
.lock-form {
padding-left: 40px; }
.lock-form h4 {
margin-top: 0px;
color: #dbe2ea;
font-size: 18px;
font-weight: 400; }
.lock-form .form-group {
margin-top: 20px; }
.lock-form .form-group .form-control {
background-color: #303a48;
border: none;
width: 220px;
height: 40px;
color: #697687; }
.lock-form .form-group .form-control::-moz-placeholder {
color: #556376;
opacity: 1; }
.lock-form .form-group .form-control:-ms-input-placeholder {
color: #556376; }
.lock-form .form-group .form-control::-webkit-input-placeholder {
color: #556376; }
.lock-form .form-group .form-control:focus {
background-color: #2b3542; }
.lock-form .form-actions {
margin-top: 20px; }
.lock-form .form-actions .btn {
width: 220px;
font-weight: 600;
padding: 10px; }
.lock-bottom {
display: block;
background-color: #323d4b;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
-ms-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px; }
.lock-bottom a {
font-size: 14px;
font-weight: 400;
color: #638cac; }
.lock-bottom a:hover {
color: #7ba2c0; }
.page-footer-custom {
text-align: center;
padding-top: 40px;
color: #5f6e83; }
@media (max-width: 768px) {
.page-lock {
margin: 100px auto; } }
@media (max-width: 560px) {
.page-lock {
margin: 50px auto;
width: 400px; }
.lock-body {
margin: 30px; }
.lock-avatar {
width: 120px;
height: 120px;
margin-top: 20px; }
.lock-form h4 {
font-size: 16px; }
.lock-form .form-group .form-control {
padding: 20px 20px;
width: 170px; }
.lock-form .form-actions .btn-success {
width: 170px;
margin-bottom: 10px; } }
@media (max-width: 420px) {
.page-lock {
margin: 30px auto;
width: 280px; }
.lock-body {
margin: 0px; }
.page-lock .page-body {
margin-top: 30px; }
.lock-avatar {
margin-top: 20px; }
.lock-avatar-block {
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px; }
.lock-form {
padding-left: 20px; }
.lock-form h4 {
font-size: 16px;
text-align: center; }
.lock-form .form-group .form-control {
padding: 20px 20px;
width: 240px; }
.lock-form .form-actions .btn-success {
width: 240px;
margin-bottom: 20px; } }

1
assets/pages/css/lock.min.css

@ -1 +0,0 @@
body{background-color:#465568!important;padding:0;margin:0}.page-lock{margin:90px auto 30px;width:450px}.page-lock .page-logo{text-align:center;margin-bottom:15px}.page-lock .page-body{width:100%;margin-top:50px;background-color:#3a4554;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}.lock-head{display:block;background-color:#323d4b;text-align:center;padding-top:15px;padding-bottom:15px;font-size:22px;font-weight:400;color:#4db3a5;-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;-ms-border-radius:7px 7px 0 0;-o-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}.lock-body{display:block;margin:35px;overflow:hidden}.lock-avatar{margin-top:15px;height:110px;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.lock-form{padding-left:40px}.lock-form h4{margin-top:0;color:#dbe2ea;font-size:18px;font-weight:400}.lock-form .form-actions,.lock-form .form-group{margin-top:20px}.lock-form .form-group .form-control{background-color:#303a48;border:none;width:220px;height:40px;color:#697687}.lock-form .form-group .form-control::-moz-placeholder{color:#556376;opacity:1}.lock-form .form-group .form-control:-ms-input-placeholder{color:#556376}.lock-form .form-group .form-control::-webkit-input-placeholder{color:#556376}.lock-form .form-group .form-control:focus{background-color:#2b3542}.lock-form .form-actions .btn{width:220px;font-weight:600;padding:10px}.lock-bottom{display:block;background-color:#323d4b;text-align:center;padding-top:20px;padding-bottom:20px;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.lock-bottom a{font-size:14px;font-weight:400;color:#638cac}.lock-bottom a:hover{color:#7ba2c0}.page-footer-custom{text-align:center;padding-top:40px;color:#5f6e83}@media (max-width:768px){.page-lock{margin:100px auto}}@media (max-width:560px){.page-lock{margin:50px auto;width:400px}.lock-body{margin:30px}.lock-avatar{width:120px;height:120px;margin-top:20px}.lock-form h4{font-size:16px}.lock-form .form-group .form-control{padding:20px;width:170px}.lock-form .form-actions .btn-success{width:170px;margin-bottom:10px}}@media (max-width:420px){.page-lock{margin:30px auto;width:280px}.lock-body{margin:0}.page-lock .page-body{margin-top:30px}.lock-avatar{margin-top:20px}.lock-avatar-block{display:block;width:100%;text-align:center;margin-bottom:10px}.lock-form{padding-left:20px}.lock-form h4{font-size:16px;text-align:center}.lock-form .form-group .form-control{padding:20px;width:240px}.lock-form .form-actions .btn-success{width:240px;margin-bottom:20px}}

203
assets/pages/css/login-2.css

@ -1,203 +0,0 @@
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.login {
background-color: #5c97bd; }
.login a {
color: #edf4f8 !important; }
.login .logo {
margin: 0 auto;
margin-top: 100px;
padding: 15px;
text-align: center; }
.login .content {
width: 400px;
margin: 40px auto 40px auto; }
.login .form-title {
margin-bottom: 20px; }
.login .form-title {
color: #edf4f8;
font-size: 19px;
font-weight: 400 !important; }
.login .form-subtitle {
color: #c9dce9;
font-size: 17px;
font-weight: 300 !important;
padding-left: 10px; }
.login .content h4 {
color: #555; }
.login .content .hint {
color: #b7d1e2;
padding: 0;
font-size: 14px;
margin: 15px 0 7px 0; }
.login .content .login-form,
.login .content .forget-form {
padding: 0px;
margin: 0px; }
.login .content .form-control {
border: none;
background-color: #6ba3c8;
border: 1px solid #6ba3c8;
height: 43px;
color: #d9ecf9; }
.login .content .form-control:focus, .login .content .form-control:active {
border: 1px solid #83b8db; }
.login .content .form-control::-moz-placeholder {
color: #d9ecf9;
opacity: 1; }
.login .content .form-control:-ms-input-placeholder {
color: #d9ecf9; }
.login .content .form-control::-webkit-input-placeholder {
color: #d9ecf9; }
.login .content select.form-control {
padding-left: 9px;
padding-right: 9px; }
.login .content .forget-form {
display: none; }
.login .content .register-form {
display: none; }
.login .content .form-title {
font-weight: 300;
margin-bottom: 25px; }
.login .content .form-actions {
clear: both;
border: 0px;
padding: 0px 30px 25px 30px;
margin-left: -30px;
margin-right: -30px; }
.form-actions .forget-password-block {
padding-top: 7px; }
.login-options {
margin-top: 30px;
padding-top: 20px;
padding-bottom: 50px;
border-top: 1px solid #69a0c4;
border-bottom: 1px solid #69a0c4; }
.login-options h4 {
margin-top: 8px;
font-weight: 600;
font-size: 15px;
color: #b7d1e2 !important; }
.login .forget-password {
font-size: 14px; }
.login-options .social-icons {
float: right;
padding-top: 3px; }
.login-options .social-icons li a {
border-radius: 15px 15px 15px 15px !important;
-moz-border-radius: 15px 15px 15px 15px !important;
-webkit-border-radius: 15px 15px 15px 15px !important; }
.login .content .forget-form .form-actions {
border: 0;
margin-bottom: 0;
padding-bottom: 20px; }
.login .content .register-form .form-actions {
border: 0;
margin-bottom: 0;
padding-bottom: 0px; }
.login .content .form-actions .checkbox {
margin-top: 8px;
display: inline-block; }
.login .content .form-actions .btn {
margin-top: 1px; }
.login .btn {
background-color: #5995bb;
border: 1px solid #72a9cc;
color: #8fc4e5;
font-weight: 600;
padding: 10px 25px !important; }
.login .btn:hover {
border: 1px solid #90bbd7;
background-color: #5995bb;
color: #8fc4e5; }
.login .btn-default {
background-color: #5995bb;
border: 1px solid #72a9cc;
color: #8fc4e5;
font-weight: 600;
padding: 10px 25px !important; }
.login .btn-default:hover {
border: 1px solid #90bbd7;
background-color: #5995bb;
color: #8fc4e5; }
.login .content .forget-password {
color: #d7eaf7;
font-size: 15px; }
.login .content .rememberme {
margin-top: 8px; }
.login .content .mt-checkbox {
color: #c9dce9 !important; }
.login .content .mt-checkbox > span:after {
border-color: #c9dce9 !important; }
.login .content .create-account {
text-align: center;
margin-top: 20px; }
.login .content .create-account p a {
font-weight: 300;
font-size: 16px;
color: #ffffff; }
.login .content .create-account a {
display: inline-block;
margin-top: 5px; }
/* footer copyright */
.login .copyright {
text-align: center;
margin: 10px auto 30px 0;
padding: 10px;
color: #c9dce9;
font-size: 13px; }
@media (max-width: 1400px) {
.login .logo {
margin-top: 100px; } }
@media (max-width: 480px) {
/***
Login page
***/
.login .logo {
margin-top: 30px;
padding: 0px; }
.login .content {
width: 245px; }
.login .content h3 {
font-size: 22px; }
.login .checkbox {
font-size: 13px; } }

8
assets/pages/scripts/login.js

@ -149,11 +149,15 @@ var Login = function() {
console.log(error);
//swal("Oops...", "Something went wrong!", "error");
toastr.warning("Opps... Something went wrong!", "Account Notification")
NProgress.done();
}
});
$('#section-dashboard').show();
$('#section-easydex').hide();
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( "" ).addClass( "active open" );
$('#nav-easydex').removeClass( " active open" ).addClass( "" );
$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
//form.submit(); // form validation success, call ajax form submit
}
});

758
index.html

@ -38,6 +38,7 @@
<!-- END THEME LAYOUT STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link href="assets/pages/css/login-2.min.css" rel="stylesheet" type="text/css" />
<link href="assets/pages/css/dashboard.css" rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL STYLES -->
<!-- BEGIN THEME LAYOUT STYLES -->
<!-- END THEME LAYOUT STYLES -->
@ -210,297 +211,6 @@
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<!--<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="icon-bell"></i>
<span class="badge badge-default"> 7 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3>
<span class="bold">12 pending</span> notifications</h3>
<a href="page_user_profile_1.html">view all</a>
</li>
<li>
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
<li>
<a href="javascript:;">
<span class="time">just now</span>
<span class="details">
<span class="label label-sm label-icon label-success">
<i class="fa fa-plus"></i>
</span> New user registered. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">3 mins</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span> Server #12 overloaded. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">10 mins</span>
<span class="details">
<span class="label label-sm label-icon label-warning">
<i class="fa fa-bell-o"></i>
</span> Server #2 not responding. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">14 hrs</span>
<span class="details">
<span class="label label-sm label-icon label-info">
<i class="fa fa-bullhorn"></i>
</span> Application error. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">2 days</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span> Database overloaded 68%. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">3 days</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span> A user IP blocked. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">4 days</span>
<span class="details">
<span class="label label-sm label-icon label-warning">
<i class="fa fa-bell-o"></i>
</span> Storage Server #4 not responding dfdfdfd. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">5 days</span>
<span class="details">
<span class="label label-sm label-icon label-info">
<i class="fa fa-bullhorn"></i>
</span> System Error. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">9 days</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span> Storage server failed. </span>
</a>
</li>
</ul>
</li>
</ul>
</li>-->
<!-- END NOTIFICATION DROPDOWN -->
<!-- BEGIN INBOX DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<!--<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="icon-envelope-open"></i>
<span class="badge badge-default"> 4 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3>You have
<span class="bold">7 New</span> Messages</h3>
<a href="app_inbox.html">view all</a>
</li>
<li>
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
<li>
<a href="#">
<span class="photo">
<img src="assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Lisa Wong </span>
<span class="time">Just Now </span>
</span>
<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Richard Doe </span>
<span class="time">16 mins </span>
</span>
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Bob Nilson </span>
<span class="time">2 hrs </span>
</span>
<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Lisa Wong </span>
<span class="time">40 mins </span>
</span>
<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Richard Doe </span>
<span class="time">46 mins </span>
</span>
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
</a>
</li>
</ul>
</li>
</ul>
</li>-->
<!-- END INBOX DROPDOWN -->
<!-- BEGIN TODO DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<!--<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="icon-calendar"></i>
<span class="badge badge-default"> 3 </span>
</a>
<ul class="dropdown-menu extended tasks">
<li class="external">
<h3>You have
<span class="bold">12 pending</span> tasks</h3>
<a href="app_todo.html">view all</a>
</li>
<li>
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">New release v1.2 </span>
<span class="percent">30%</span>
</span>
<span class="progress">
<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">40% Complete</span>
</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">Application deployment</span>
<span class="percent">65%</span>
</span>
<span class="progress">
<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">65% Complete</span>
</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">Mobile app release</span>
<span class="percent">98%</span>
</span>
<span class="progress">
<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">98% Complete</span>
</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">Database migration</span>
<span class="percent">10%</span>
</span>
<span class="progress">
<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">10% Complete</span>
</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">Web server upgrade</span>
<span class="percent">58%</span>
</span>
<span class="progress">
<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">58% Complete</span>
</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">Mobile development</span>
<span class="percent">85%</span>
</span>
<span class="progress">
<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">85% Complete</span>
</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="task">
<span class="desc">New UI release</span>
<span class="percent">38%</span>
</span>
<span class="progress progress-striped">
<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">38% Complete</span>
</span>
</span>
</a>
</li>
</ul>
</li>
</ul>
</li>-->
<!-- END TODO DROPDOWN -->
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<li class="dropdown dropdown-user">
@ -571,19 +281,19 @@
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
<ul class="page-sidebar-menu page-header-fixed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
<li class="nav-item start " id="nav-dashboard">
<a href="javascript:;" class="nav-link nav-toggle">
<a href="javascript:;" class="nav-link">
<i class="icon-home"></i>
<span class="title">Dashboard</span>
<span class="arrow"></span>
<!--<span class="arrow"></span>-->
</a>
<ul class="sub-menu">
<!--<ul class="sub-menu">
<li class="nav-item start ">
<a href="#" class="nav-link ">
<a href="javascript:;" class="nav-link ">
<i class="icon-bar-chart"></i>
<span class="title">Dashboard 1</span>
</a>
</li>
</ul>
</ul>-->
</li>
<li class="nav-item " id="nav-easydex">
<a href="javascript:;" class="nav-link">
@ -628,9 +338,461 @@
</ul>
</div>-->
<!-- END PAGE HEADER-->
<div class="note note-info">
<p> A black page template with a minimal dependency assets to use as a base for any custom page you create </p>
<!-- BEGIN WALLET WIDGETS -->
<div class="row">
<!-- Begin First Crypto Currency box -->
<div class="col-md-6 col-sm-6">
<div class="portlet light tasks-widget ">
<div class="portlet-title">
<div class="caption">
<i class="icon-share font-dark hide"></i>
<span class="caption-subject font-dark bold uppercase">Bitcoin</span>
<span class="caption-helper">[btc address here]</span>
</div>
<div class="actions">
<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
</div>
</div>
<div class="currency-info">
<div class="col-md-4" id="cryptologo"><img src="assets/global/img/cryptologo/bitcoin.png"></div>
<div class="col-md-8"><table class="table table-striped">
<tr><td style="font-weight: bold;">Balance:</td><td></td></tr>
<tr><td style="font-weight: bold;">Unconfirmed Balance: </td><td></td></tr>
<tr><td style="font-weight: bold;">Number of Transactions: </td><td></td></tr>
</table></div>
</div>
<div class="portlet-body">
<div class="task-content">
<div class="scroller" style="height: 180px;" data-always-visible="1" data-rail-visible1="1">
<!-- START TASK LIST -->
<ul class="feeds">
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">1.90970587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> Just now </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.42560007</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.8004085</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-danger">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-red col-sm-1" style="width: 130px;">-3.98374587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 30 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">2.55820083</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 32 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">1.90970587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> Just now </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.42560007</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.8004085</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-danger">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-red col-sm-1" style="width: 130px;">-3.98374587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 30 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">2.55820083</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 32 mins </div>
</div>
</li>
</ul>
<!-- END START TASK LIST -->
</div>
</div>
</div>
</div>
</div>
<!-- End First Crypto Currency box -->
<!-- Begin Second Crypto Currency box -->
<div class="col-md-6 col-sm-6">
<div class="portlet light tasks-widget ">
<div class="portlet-title">
<div class="caption">
<i class="icon-share font-dark hide"></i>
<span class="caption-subject font-dark bold uppercase">BitcoinDark</span>
<span class="caption-helper">[btcd address here]</span>
</div>
<div class="actions">
<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
</div>
</div>
<div class="currency-info">
<div class="col-md-4" id="cryptologo"><img src="assets/global/img/cryptologo/bitcoindark.png"></div>
<div class="col-md-8"><table class="table table-striped">
<tr><td style="font-weight: bold;">Balance:</td><td></td></tr>
<tr><td style="font-weight: bold;">Unconfirmed Balance: </td><td></td></tr>
<tr><td style="font-weight: bold;">Number of Transactions: </td><td></td></tr>
</table></div>
</div>
<div class="portlet-body">
<div class="task-content">
<div class="scroller" style="height: 180px;" data-always-visible="1" data-rail-visible1="1">
<!-- START TASK LIST -->
<ul class="feeds">
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">1.90970587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> Just now </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.42560007</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.8004085</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-danger">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-red col-sm-1" style="width: 130px;">-3.98374587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 30 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">2.55820083</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 32 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">1.90970587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> Just now </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.42560007</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">0.8004085</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-danger">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-red col-sm-1" style="width: 130px;">-3.98374587</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 30 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc">
<span class="desc-col1 font-green-jungle col-sm-1" style="width: 130px;">2.55820083</span>
<span class="desc-col2">1LkTfkQLXg2v86oc1MoLz68nKoshh5ARTC</span></div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 32 mins </div>
</div>
</li>
</ul>
<!-- END START TASK LIST -->
</div>
</div>
</div>
</div>
</div>
<!-- End Second Crypto Currency box -->
</div>
<!-- END WALLET WIDGETS -->
</div>
<!-- END DASHBOARD CONTENT BODY -->

Loading…
Cancel
Save