ammendment 9/8

This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-08-09 17:46:05 +08:00
parent 3cf17b213f
commit 980f0444fa
28 changed files with 526 additions and 3365 deletions
+34 -6
View File
@@ -93,7 +93,13 @@
margin-right: -100%;
}
}
</style>
.media-object-4 {
width: 35px;
position: right ;
margin-left: 82%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-closed">
@@ -115,6 +121,8 @@
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -191,12 +199,32 @@
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item active open">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+27 -7
View File
@@ -82,7 +82,7 @@ License: You must have a valid license purchased only from themeforest(the above
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
@@ -209,14 +209,34 @@ License: You must have a valid license purchased only from themeforest(the above
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+57 -64
View File
@@ -142,7 +142,13 @@ License: You must have a valid license purchased only from themeforest(the above
font-size: 14px;
text-rendering: auto;
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 63%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
@@ -167,6 +173,8 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -232,7 +240,7 @@ License: You must have a valid license purchased only from themeforest(the above
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
</li>
<hr>
<li class="nav-item start">
<li class="nav-item start ">
<a href="index.html" class="nav-link nav-toggle">
<i class="icon-home"></i>
<span class="title">Order Status</span>
@@ -246,14 +254,34 @@ License: You must have a valid license purchased only from themeforest(the above
<span class="selected"></span>
</a>
</li>
<li class="nav-item active open">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
@@ -287,7 +315,7 @@ License: You must have a valid license purchased only from themeforest(the above
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<li class="nav-item ">
<a href="formcustomize.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Form Customization</span>
@@ -551,7 +579,7 @@ Vehicle No: WAA 123 C
</textarea>
</div>
<div class="col-md-2">
<a href="chat.html" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</a>
<button type="button" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</button>
</div>
</div>
</div>
@@ -565,40 +593,6 @@ Vehicle No: WAA 123 C
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background-color: #3598dc">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
<i class="fa fa-gift" style=" float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery
</div>
</div>
<div class="modal-body">
<div class="form">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Title</label>
<input class="form-control">
</div>
<div class="form-group">
<label>Reason</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn green">Send</button>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
@@ -1212,14 +1206,14 @@ Vehicle No: WAA 123 C
var dataSet = [
["1","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 </a>","CIEF/0007","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","02-07-2017","02-07-2017","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 </a>","CIEF/0006","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","01-07-2017","<span style='color:red'><strong>01-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["4","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Handsome<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["5","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Hantam<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["6","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["7","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
["8","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
["1","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 </a>","CIEF/0007","CTN56","Bangi<br>Selangor","123456","02-07-2017","02-07-2017","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 </a>","CIEF/0006","CTN56","Bangi<br>Selangor","123456","01-07-2017","<span style='color:red'><strong>01-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
["4","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Handsome<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#form_delivery' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["5","<span style='color:red;'><strong>10-07-2017</strong></span>","Vehicle No:JLK3333<br/>Contact Person:Hantam<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0004","CTN56","Bangi<br>Selangor","123456","29-06-2017","29-06-2017","Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Refused</span>", "Not Completed"],
["6","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#form_delivery' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
["7","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
["8","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
];
var dataSet2 = [
@@ -1249,7 +1243,7 @@ Vehicle No: WAA 123 C
'targets': [0]
},
{
"targets": [ 12 ],
"targets": [ 11 ],
"visible": false
}],
// scroller extension: http://datatables.net/extensions/scroller/
@@ -1298,17 +1292,16 @@ Vehicle No: WAA 123 C
{ title: 'Order No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
{ title: 'Customer<br>Code<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>' },
{ title: 'Shipment<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>' },
{ title: 'Customer<br>Details<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
{ title: 'Area<br>State<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
{ title: 'Container No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>' },
{ title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
{ title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
{ title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
{ title: 'Area<br>State<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
{ title: 'Container No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
{ title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>' },
{ title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
{ title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
{ title: 'Stats' },
],
initComplete: function () {
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11]);
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10]);
}
});
@@ -1364,12 +1357,12 @@ Vehicle No: WAA 123 C
configFilter(this, [ 2,3, 4,5,6,7,8]);
}
});
table1.columns( 12 ).search( 'Not Completed' ).draw();
table1.columns( 11 ).search( 'Not Completed' ).draw();
$('.asdasd').on('switchChange.bootstrapSwitch', function (event, state) {
if(state == true){
table1.columns( 12 ).search( 'Not Completed' ).draw();
table1.columns( 11 ).search( 'Not Completed' ).draw();
}else{
table1.columns( 12 ).search( 'Completed' ).draw();
table1.columns( 11 ).search( 'Completed' ).draw();
}
+33 -6
View File
@@ -62,6 +62,13 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style></head>
<!-- END HEAD -->
@@ -93,6 +100,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -168,14 +176,33 @@ License: You must have a valid license purchased only from themeforest(the above
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+32 -6
View File
@@ -78,6 +78,12 @@ License: You must have a valid license purchased only from themeforest(the above
padding-right: 18px;
padding-left: 10px;
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -103,6 +109,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -177,14 +184,33 @@ License: You must have a valid license purchased only from themeforest(the above
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+34 -6
View File
@@ -62,6 +62,13 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style></head>
@@ -89,6 +96,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -164,13 +172,33 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+33 -5
View File
@@ -64,6 +64,13 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -89,6 +96,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -165,12 +173,32 @@ License: You must have a valid license purchased only from themeforest(the above
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+33 -5
View File
@@ -64,6 +64,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -88,6 +94,8 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -164,12 +172,32 @@ License: You must have a valid license purchased only from themeforest(the above
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+32 -5
View File
@@ -77,6 +77,12 @@ License: You must have a valid license purchased only from themeforest(the above
font-size: 11px;
text-align:center;
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -101,6 +107,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -176,12 +183,32 @@ License: You must have a valid license purchased only from themeforest(the above
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+32 -5
View File
@@ -67,6 +67,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -91,6 +97,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -166,12 +173,32 @@ License: You must have a valid license purchased only from themeforest(the above
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+33 -6
View File
@@ -63,6 +63,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -87,6 +93,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -163,13 +170,33 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+2 -1
View File
@@ -48,7 +48,8 @@ License: You must have a valid license purchased only from themeforest(the above
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="favicon.ico" /> </head>
<link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+32 -5
View File
@@ -62,6 +62,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style></head>
@@ -89,6 +95,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
@@ -165,12 +172,32 @@ License: You must have a valid license purchased only from themeforest(the above
</li>
<li class="nav-item">
<a href="deliveryarrange.html" class="nav-link nav-toggle">
<i class="fa fa-briefcase"></i>
<span class="title">Delivery Arrangement</span>
<span class="selected"></span>
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
</li>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipementarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousearrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
+7
View File
@@ -93,6 +93,12 @@
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 82%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
@@ -115,6 +121,7 @@
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+5 -5
View File
@@ -79,11 +79,11 @@ License: You must have a valid license purchased only from themeforest(the above
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
}
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
+7
View File
@@ -78,6 +78,12 @@ License: You must have a valid license purchased only from themeforest(the above
padding-right: 18px;
padding-left: 10px;
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -103,6 +109,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+7
View File
@@ -62,6 +62,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style></head>
@@ -89,6 +95,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+13 -289
View File
@@ -48,7 +48,17 @@ License: You must have a valid license purchased only from themeforest(the above
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="favicon.ico" /> </head>
<link rel="shortcut icon" href="favicon.ico" />
<style>
.media-object-4 {
width: 35px;
position: right ;
margin-left: 63%;
margin-top:0.7%;
}
</style></head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
@@ -70,296 +80,10 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
<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 -->
+14 -289
View File
@@ -48,7 +48,18 @@ License: You must have a valid license purchased only from themeforest(the above
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="favicon.ico" /> </head>
<link rel="shortcut icon" href="favicon.ico" />
<style>
.media-object-4 {
width: 35px;
position: right ;
margin-left: 63%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
@@ -70,296 +81,10 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
<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 -->
+8
View File
@@ -64,6 +64,13 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -89,6 +96,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+7
View File
@@ -64,6 +64,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -88,6 +94,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+15 -289
View File
@@ -45,7 +45,18 @@ License: You must have a valid license purchased only from themeforest(the above
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="favicon.ico" /> </head>
<link rel="shortcut icon" href="favicon.ico" />
<style>
.media-object-4 {
width: 35px;
position: right ;
margin-left: 63%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
@@ -69,296 +80,11 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
<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 -->
+8 -288
View File
@@ -53,6 +53,12 @@ License: You must have a valid license purchased only from themeforest(the above
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
border: 1px solid #bac1c7;
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 63%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
@@ -76,296 +82,10 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
<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 -->
+7
View File
@@ -73,6 +73,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -97,6 +103,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+7
View File
@@ -67,6 +67,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -91,6 +97,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
+7
View File
@@ -63,6 +63,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.media-object-4 {
width: 35px;
position: right ;
margin-left: 67%;
margin-top:0.7%;
}
</style>
</head>
@@ -87,6 +93,7 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->