Şimdi Ara

Özellikle Tasarımcı Arkadaşlar Bakabilirse Memnun Olurum (METRONİC Tema uyarlama)

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
3
Cevap
0
Favori
545
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba Metronic admin temasını Visual Studio 2013 de başlattığım projede kullanmak istiyorum. Bunun için bir tane .master sayfası ekledim ve temada ki kodları master sayfama gereksiz alanları çıkararak ekledim.

    Takıldığım nokta master page yi kullanan bir sayfa eklediğimde sayfaya eklediğim textbox, button vb. araçlar web alanımda göstermiyor. Tahminime göre
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>
    lardan kaynaklanıyor fakat durumu çözemedim.

    Yardımcı olabilirseniz çok memnun olurum. Kod aşağıda sunulmuştur.

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Sistem.master.cs" Inherits="Web_Takip.Sistem" %> 


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    Müşteri <a href="https://www.donanimhaber.com/bakim" target="_blank" class="s-w-l">Bakım</a> Takip Programı
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
    <link href="assets/global/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL PLUGIN STYLES -->
    <!-- BEGIN PAGE STYLES -->
    <link href="assets/admin/pages/css/tasks.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="assets/global/css/components.css" rel="stylesheet" type="text/css" />
    <link href="assets/global/css/plugins.css" rel="stylesheet" type="text/css" />
    <link href="assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css" />
    <link href="assets/admin/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css" />
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
    <!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
    <!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
    <!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
    <!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
    <!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
    <!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
    <!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
    <!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
    <body class="page-header-fixed page-quick-sidebar-over-content">
    <!-- BEGIN HEADER -->
    <div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner">
    <!-- BEGIN LOGO -->
    <div class="page-logo">
    <a href="index.html">
    <img src="../assets/admin/layout/img/logo.png" alt="logo" class="logo-default" />
    </a>
    <div class="menu-toggler sidebar-toggler hide">
    <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
    </div>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340143&url=javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse" data-href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse"></a>
    <!-- END RESPONSIVE MENU TOGGLER -->
    <!-- BEGIN TOP NAVIGATION MENU -->
    <div class="top-menu">
    <ul class="nav navbar-nav pull-right">
    <!-- BEGIN NOTIFICATION DROPDOWN -->
    <!-- END NOTIFICATION DROPDOWN -->
    <!-- BEGIN INBOX DROPDOWN -->
    <!-- END INBOX DROPDOWN -->
    <!-- BEGIN TODO DROPDOWN -->
    <!-- END TODO DROPDOWN -->
    <!-- BEGIN USER LOGIN DROPDOWN -->
    <li class="dropdown dropdown-user">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <img alt="" class="img-circle hide1" src="../../assets/admin/layout/img/avatar3_small.jpg" />
    <span class="username username-hide-on-mobile">Bob </span>
    <i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu">
    <li>
    <a href="extra_profile.html">
    <i class="icon-user"></i>My Profile </a>
    </li>
    <li>
    <a href="page_calendar.html">
    <i class="icon-calendar"></i>My Calendar </a>
    </li>
    <li>
    <a href="inbox.html">
    <i class="icon-envelope-open"></i>My Inbox <span class="badge badge-danger">3 </span>
    </a>
    </li>
    <li>
    <a href="#">
    <i class="icon-rocket"></i>My Tasks <span class="badge badge-success">7 </span>
    </a>
    </li>
    <li class="divider"></li>
    <li>
    <a href="extra_lock.html">
    <i class="icon-lock"></i>Lock Screen </a>
    </li>
    <li>
    <a href="login.html">
    <i class="icon-key"></i>Log Out </a>
    </li>
    </ul>
    </li>
    <!-- END USER LOGIN DROPDOWN -->
    <!-- BEGIN QUICK SIDEBAR TOGGLER -->
    <!-- END QUICK SIDEBAR TOGGLER -->
    </ul>
    </div>
    <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END HEADER INNER -->
    </div>
    <!-- END HEADER -->
    <div class="clearfix">
    </div>
    <!-- BEGIN CONTAINER -->
    <div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar-wrapper">
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
    <!-- BEGIN SIDEBAR MENU -->
    <ul class="page-sidebar-menu" data-auto-scroll="true" data-slide-speed="200">
    <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
    <li class="sidebar-toggler-wrapper">
    <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
    <div class="sidebar-toggler">
    </div>
    <!-- END SIDEBAR TOGGLER BUTTON -->
    </li>
    <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
    <li class="sidebar-search-wrapper">
    <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
    <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
    <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
    <form class="sidebar-search " action="extra_search.html" method="POST">
    <a href="javascript:;" class="remove">
    <i class="icon-close"></i>
    </a>
    <div class="input-group">
    <input type="text" class="form-control" placeholder="Arama...">
    <span class="input-group-btn">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340143&url=javascript:;" class="btn submit" data-href="javascript:;" class="btn submit"><i class="fa fa-search"></i></a>
    </span>
    </div>
    </form>
    <!-- END RESPONSIVE QUICK SEARCH FORM -->
    </li>
    <li class="start active open">
    <a href="javascript:;">
    <i class="fa fa-home"></i>
    <span class="title">Dashboard</span>
    <span class="selected"></span>
    <span class="arrow open"></span>
    </a>
    <ul class="sub-menu">
    <li class="active">
    <a href="index.html">
    <i class="fa fa-angle-right"></i>
    Default Dashboard</a>
    </li>
    </ul>
    </li>








    <!-- END SIDEBAR MENU -->
    </div>
    </div>
    <!-- END SIDEBAR -->
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
    <div class="page-content">
    <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
    <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4 class="modal-title">Modal title</h4>
    </div>
    <div class="modal-body">
    Widget settings form goes here
    </div>
    <div class="modal-footer">
    <button type="button" class="btn blue">Save changes</button>
    <button type="button" class="btn default" data-dismiss="modal">Close</button>
    </div>
    </div>
    <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
    <!-- BEGIN STYLE CUSTOMIZER -->
    <!-- END STYLE CUSTOMIZER -->
    <!-- BEGIN PAGE HEADER-->
    <h3 class="page-title">Dashboard <small>dashboard & statistics</small>
    </h3>
    <div class="page-bar">
    <ul class="page-breadcrumb">
    <li>
    <i class="fa fa-home"></i>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340143&url=index.html" data-href="index.html">Home</a>
    <i class="fa fa-angle-right"></i>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340143&url=#" data-href="#">Dashboard</a>
    </li>
    </ul>
    </div>
    <!-- END PAGE HEADER-->
    <!-- BEGIN DASHBOARD STATS -->
    <!-- END DASHBOARD STATS -->
    </div>
    </div>
    <!-- END CONTENT -->
    <!-- BEGIN QUICK SIDEBAR -->
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340143&url=javascript:;" class="page-quick-sidebar-toggler" data-href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
    <div class="page-quick-sidebar-wrapper">
    <div class="page-quick-sidebar">
    <div class="nav-justified">
    <ul class="nav nav-tabs nav-justified">
    <li class="active">
    <a href="#quick_sidebar_tab_1" data-toggle="tab">Users <span class="badge badge-danger">2</span>
    </a>
    </li>
    </ul>
    <div class="tab-content">
    <form id="form1" runat="server">
    <div>
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>
    </div>
    </form>


    <div class="page-quick-sidebar-item">
    <div class="page-quick-sidebar-chat-user">
    <div class="page-quick-sidebar-nav">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340143&url=javascript:;" class="page-quick-sidebar-back-to-list" data-href="javascript:;" class="page-quick-sidebar-back-to-list"><i class="icon-arrow-left"></i>Back</a>
    </div>
    </div>
    </div>
    </div>
    <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
    <div class="page-quick-sidebar-settings-list">
    <h3 class="list-heading">General Settings</h3>
    <ul class="list-items borderless">
    <li>Enable Notifications
    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>Allow Tracking
    <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>Log Errors
    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>Auto Sumbit Issues
    <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>Enable SMS Alerts
    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    </ul>
    <h3 class="list-heading">System Settings</h3>
    <ul class="list-items borderless">
    <li>Security Level
    <select class="form-control input-inline input-sm input-small">
    <option value="1">Normal</option>
    <option value="2" selected>Medium</option>
    <option value="e">High</option>
    </select>
    </li>
    <li>Failed Email Attempts
    <input class="form-control input-inline input-sm input-small" value="5" />
    </li>
    <li>Secondary SMTP Port
    <input class="form-control input-inline input-sm input-small" value="3560" />
    </li>
    <li>Notify On System Error
    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>Notify On SMTP Error
    <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    </ul>
    <div class="inner-content">
    <button class="btn btn-success"><i class="icon-settings"></i>Save Changes</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <!-- END QUICK SIDEBAR -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    <div class="page-footer">
    <div class="page-footer-inner">
    Her Hakkı Saklıdır © TakipSoft.com
    </div>
    <div class="page-footer-tools">
    <span class="go-top">
    <i class="fa fa-angle-up"></i>
    </span>
    </div>
    </div>
    <!-- END FOOTER -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
    <script src="../../assets/global/plugins/respond.min.js"></script>
    <script src="../../assets/global/plugins/excanvas.min.js"></script>
    <![endif]-->
    <script src="assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
    <script src="assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <script src="assets/global/plugins/fullcalendar/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/gritter/js/jquery.gritter.js" type="text/javascript"></script>
    <script src="assets/global/scripts/metronic.js" type="text/javascript"></script>
    <script src="assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
    <script src="assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
    <script src="assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
    <script src="assets/admin/pages/scripts/index.js" type="text/javascript"></script>
    <script src="assets/admin/pages/scripts/tasks.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script>
    jQuery(document).ready(function () {
    Metronic.init(); // init metronic core componets
    Layout.init(); // init layout
    QuickSidebar.init(); // init quick sidebar
    Demo.init(); // init demo features
    Index.init();
    Index.initDashboardDaterange();
    Index.initJQVMAP(); // init index page's custom scripts
    Index.initCalendar(); // init index page's custom scripts
    Index.initCharts(); // init index page's custom scripts
    Index.initChat();
    Index.initMiniCharts();
    Index.initIntro();
    Tasks.initDashboardWidget();
    });
    </script>
    <!-- END JAVASCRIPTS -->


    <!-- END BODY -->
    </body>
    </html>






  • Kodların orjinal hali:

    <!DOCTYPE html> 
    <!--
    Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.0
    Version: 3.1.3
    Author: KeenThemes
    Website:http://www.keenthemes.com/
    Contact: support@keenthemes.com
    Follow: www.twitter.com/keenthemes
    Like: www.facebook.com/keenthemes
    Purchase:http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
    License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
    -->
    <!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
    <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
    <!--[if !IE]><!-->
    <html lang="en" class="no-js">
    <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
    <meta charset="utf-8"/>
    <title>Metronic | Admin Dashboard Template</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
    <link href="../../assets/global/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL PLUGIN STYLES -->
    <!-- BEGIN PAGE STYLES -->
    <link href="../../assets/admin/pages/css/tasks.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../../assets/global/css/components.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/admin/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="../../assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico"/>
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
    <!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
    <!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
    <!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
    <!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
    <!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
    <!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
    <!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
    <!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
    <body class="page-header-fixed page-quick-sidebar-over-content">
    <!-- BEGIN HEADER -->
    <div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner">
    <!-- BEGIN LOGO -->
    <div class="page-logo">
    <a href="index.html">
    <img src="../../assets/admin/layout/img/logo.png" alt="logo" class="logo-default"/>
    </a>
    <div class="menu-toggler sidebar-toggler hide">
    <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
    </div>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
    </a>
    <!-- END RESPONSIVE MENU TOGGLER -->
    <!-- BEGIN TOP NAVIGATION MENU -->
    <div class="top-menu">
    <ul class="nav navbar-nav pull-right">
    <!-- BEGIN NOTIFICATION DROPDOWN -->
    <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
    <a href="#" 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>
    <p>
    You have 14 new notifications
    </p>
    </li>
    <li>
    <ul class="dropdown-menu-list scroller" style="height: 250px;">
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-success">
    <i class="fa fa-plus"></i>
    </span>
    New user registered. <span class="time">
    Just now </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-danger">
    <i class="fa fa-bolt"></i>
    </span>
    Server #12 overloaded. <span class="time">
    15 mins </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-warning">
    <i class="fa fa-bell-o"></i>
    </span>
    Server #2 not responding. <span class="time">
    22 mins </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-info">
    <i class="fa fa-bullhorn"></i>
    </span>
    Application error. <span class="time">
    40 mins </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-danger">
    <i class="fa fa-bolt"></i>
    </span>
    Database overloaded 68%. <span class="time">
    2 hrs </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-danger">
    <i class="fa fa-bolt"></i>
    </span>
    2 user IP blocked. <span class="time">
    5 hrs </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-warning">
    <i class="fa fa-bell-o"></i>
    </span>
    Storage Server #4 not responding. <span class="time">
    45 mins </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-info">
    <i class="fa fa-bullhorn"></i>
    </span>
    System Error. <span class="time">
    55 mins </span>
    </a>
    </li>
    <li>
    <a href="#">
    <span class="label label-sm label-icon label-danger">
    <i class="fa fa-bolt"></i>
    </span>
    Database overloaded 68%. <span class="time">
    2 hrs </span>
    </a>
    </li>
    </ul>
    </li>
    <li class="external">
    <a href="#">
    See all notifications <i class="m-icon-swapright"></i>
    </a>
    </li>
    </ul>
    </li>
    <!-- END NOTIFICATION DROPDOWN -->
    <!-- BEGIN INBOX DROPDOWN -->
    <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
    <a href="#" 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>
    <p>
    You have 12 new messages
    </p>
    </li>
    <li>
    <ul class="dropdown-menu-list scroller" style="height: 250px;">
    <li>
    <a href="inbox.html?a=view">
    <span class="photo">
    <img src="../../assets/admin/layout/img/avatar2.jpg" 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="inbox.html?a=view">
    <span class="photo">
    <img src="../../assets/admin/layout/img/avatar3.jpg" 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="inbox.html?a=view">
    <span class="photo">
    <img src="../../assets/admin/layout/img/avatar1.jpg" 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="inbox.html?a=view">
    <span class="photo">
    <img src="../../assets/admin/layout/img/avatar2.jpg" 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="inbox.html?a=view">
    <span class="photo">
    <img src="../../assets/admin/layout/img/avatar3.jpg" 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>
    <li class="external">
    <a href="inbox.html">
    See all messages <i class="m-icon-swapright"></i>
    </a>
    </li>
    </ul>
    </li>
    <!-- END INBOX DROPDOWN -->
    <!-- BEGIN TODO DROPDOWN -->
    <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
    <a href="#" 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>
    <p>
    You have 12 pending tasks
    </p>
    </li>
    <li>
    <ul class="dropdown-menu-list scroller" style="height: 250px;">
    <li>
    <a href="#">
    <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="#">
    <span class="task">
    <span class="desc">
    Application deployment </span>
    <span class="percent">
    65% </span>
    </span>
    <span class="progress progress-striped">
    <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="#">
    <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="#">
    <span class="task">
    <span class="desc">
    Database migration </span>
    <span class="percent">
    10% </span>
    </span>
    <span class="progress progress-striped">
    <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="#">
    <span class="task">
    <span class="desc">
    Web server upgrade </span>
    <span class="percent">
    58% </span>
    </span>
    <span class="progress progress-striped">
    <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="#">
    <span class="task">
    <span class="desc">
    Mobile development </span>
    <span class="percent">
    85% </span>
    </span>
    <span class="progress progress-striped">
    <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="#">
    <span class="task">
    <span class="desc">
    New UI release </span>
    <span class="percent">
    18% </span>
    </span>
    <span class="progress progress-striped">
    <span style="width: 18%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
    <span class="sr-only">
    18% Complete </span>
    </span>
    </span>
    </a>
    </li>
    </ul>
    </li>
    <li class="external">
    <a href="#">
    See all tasks <i class="m-icon-swapright"></i>
    </a>
    </li>
    </ul>
    </li>
    <!-- END TODO DROPDOWN -->
    <!-- BEGIN USER LOGIN DROPDOWN -->
    <li class="dropdown dropdown-user">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <img alt="" class="img-circle hide1" src="../../assets/admin/layout/img/avatar3_small.jpg"/>
    <span class="username username-hide-on-mobile">
    Bob </span>
    <i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu">
    <li>
    <a href="extra_profile.html">
    <i class="icon-user"></i> My Profile </a>
    </li>
    <li>
    <a href="page_calendar.html">
    <i class="icon-calendar"></i> My Calendar </a>
    </li>
    <li>
    <a href="inbox.html">
    <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
    3 </span>
    </a>
    </li>
    <li>
    <a href="#">
    <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
    7 </span>
    </a>
    </li>
    <li class="divider">
    </li>
    <li>
    <a href="extra_lock.html">
    <i class="icon-lock"></i> Lock Screen </a>
    </li>
    <li>
    <a href="login.html">
    <i class="icon-key"></i> Log Out </a>
    </li>
    </ul>
    </li>
    <!-- END USER LOGIN DROPDOWN -->
    <!-- BEGIN QUICK SIDEBAR TOGGLER -->
    <li class="dropdown dropdown-quick-sidebar-toggler">
    <a href="javascript:;" class="dropdown-toggle">
    <i class="icon-logout"></i>
    </a>
    </li>
    <!-- END QUICK SIDEBAR TOGGLER -->
    </ul>
    </div>
    <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END HEADER INNER -->
    </div>
    <!-- END HEADER -->
    <div class="clearfix">
    </div>
    <!-- BEGIN CONTAINER -->
    <div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar-wrapper">
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
    <!-- BEGIN SIDEBAR MENU -->
    <ul class="page-sidebar-menu" data-auto-scroll="true" data-slide-speed="200">
    <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
    <li class="sidebar-toggler-wrapper">
    <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
    <div class="sidebar-toggler">
    </div>
    <!-- END SIDEBAR TOGGLER BUTTON -->
    </li>
    <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
    <li class="sidebar-search-wrapper">
    <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
    <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
    <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
    <form class="sidebar-search " action="extra_search.html" method="POST">
    <a href="javascript:;" class="remove">
    <i class="icon-close"></i>
    </a>
    <div class="input-group">
    <input type="text" class="form-control" placeholder="Search...">
    <span class="input-group-btn">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=javascript:;" class="btn submit" data-href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
    </span>
    </div>
    </form>
    <!-- END RESPONSIVE QUICK SEARCH FORM -->
    </li>
    <li class="start active open">
    <a href="javascript:;">
    <i class="icon-home"></i>
    <span class="title">Dashboard</span>
    <span class="selected"></span>
    <span class="arrow open"></span>
    </a>
    <ul class="sub-menu">
    <li class="active">
    <a href="index.html">
    <i class="icon-bar-chart"></i>
    Default Dashboard</a>
    </li>
    <li>
    <a href="index_2.html">
    <i class="icon-bulb"></i>
    New Dashboard #1</a>
    </li>
    <li>
    <a href="index_3.html">
    <i class="icon-graph"></i>
    New Dashboard #2</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-basket"></i>
    <span class="title">eCommerce</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="ecommerce_index.html">
    <i class="icon-home"></i>
    Dashboard</a>
    </li>
    <li>
    <a href="ecommerce_orders.html">
    <i class="icon-basket"></i>
    Orders</a>
    </li>
    <li>
    <a href="ecommerce_orders_view.html">
    <i class="icon-tag"></i>
    Order View</a>
    </li>
    <li>
    <a href="ecommerce_products.html">
    <i class="icon-handbag"></i>
    Products</a>
    </li>
    <li>
    <a href="ecommerce_products_edit.html">
    <i class="icon-pencil"></i>
    Product Edit</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-rocket"></i>
    <span class="title">Page Layouts</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="layout_horizontal_sidebar_menu.html">
    Horizontal & Sidebar Menu</a>
    </li>
    <li>
    <a href="index_horizontal_menu.html">
    Dashboard & Mega Menu</a>
    </li>
    <li>
    <a href="layout_horizontal_menu1.html">
    Horizontal Mega Menu 1</a>
    </li>
    <li>
    <a href="layout_horizontal_menu2.html">
    Horizontal Mega Menu 2</a>
    </li>
    <li>
    <a href="layout_fontawesome_icons.html">
    <span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
    </li>
    <li>
    <a href="layout_glyphicons.html">
    Layout with Glyphicon</a>
    </li>
    <li>
    <a href="layout_full_height_portlet.html">
    <span class="badge badge-roundless badge-success">new</span>Full Height Portlet</a>
    </li>
    <li>
    <a href="layout_full_height_content.html">
    <span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
    </li>
    <li>
    <a href="layout_search_on_header1.html">
    Search Box On Header 1</a>
    </li>
    <li>
    <a href="layout_search_on_header2.html">
    Search Box On Header 2</a>
    </li>
    <li>
    <a href="layout_sidebar_search_option1.html">
    Sidebar Search Option 1</a>
    </li>
    <li>
    <a href="layout_sidebar_search_option2.html">
    Sidebar Search Option 2</a>
    </li>
    <li>
    <a href="layout_sidebar_reversed.html">
    <span class="badge badge-roundless badge-warning">new</span>Right Sidebar Page</a>
    </li>
    <li>
    <a href="layout_sidebar_fixed.html">
    Sidebar Fixed Page</a>
    </li>
    <li>
    <a href="layout_sidebar_closed.html">
    Sidebar Closed Page</a>
    </li>
    <li>
    <a href="layout_ajax.html">
    Content Loading via Ajax</a>
    </li>
    <li>
    <a href="layout_disabled_menu.html">
    Disabled Menu Links</a>
    </li>
    <li>
    <a href="layout_blank_page.html">
    Blank Page</a>
    </li>
    <li>
    <a href="layout_boxed_page.html">
    Boxed Page</a>
    </li>
    <li>
    <a href="layout_language_bar.html">
    Language Switch Bar</a>
    </li>
    </ul>
    </li>
    <!-- BEGIN FRONTEND THEME LINKS -->
    <li>
    <a href="javascript:;">
    <i class="icon-star"></i>
    <span class="title">
    Frontend Themes </span>
    <span class="arrow">
    </span>
    </a>
    <ul class="sub-menu">
    <li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="Complete eCommerce Frontend Theme For Metronic Admin">
    <a href="http://keenthemes.com/preview/index.php?theme=metronic_frontend&page=shop-index.html" target="_blank">
    <span class="title">
    eCommerce Frontend </span>
    </a>
    </li>
    <li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="Complete Corporate Frontend Theme For Metronic Admin">
    <a href="http://keenthemes.com/preview/index.php?theme=metronic_frontend" target="_blank">
    <span class="title">
    Corporate Frontend </span>
    </a>
    </li>
    <li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="Complete One Page Parallax Frontend Theme For Metronic Admin">
    <a href="http://keenthemes.com/preview/index.php?theme=metronic_frontend&page=onepage-index.html" target="_blank">
    <span class="title">
    One Page Parallax Frontend </span>
    </a>
    </li>
    </ul>
    </li>
    <!-- END FRONTEND THEME LINKS -->
    <li>
    <a href="javascript:;">
    <i class="icon-diamond"></i>
    <span class="title">UI Features</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="ui_general.html">
    General Components</a>
    </li>
    <li>
    <a href="ui_buttons.html">
    Buttons</a>
    </li>
    <li>
    <a href="ui_icons.html">
    <span class="badge badge-roundless badge-danger">new</span>Font Icons</a>
    </li>
    <li>
    <a href="ui_colors.html">
    Flat UI Colors</a>
    </li>
    <li>
    <a href="ui_typography.html">
    Typography</a>
    </li>
    <li>
    <a href="ui_tabs_accordions_navs.html">
    Tabs, Accordions & Navs</a>
    </li>
    <li>
    <a href="ui_tree.html">
    <span class="badge badge-roundless badge-danger">new</span>Tree View</a>
    </li>
    <li>
    <a href="ui_page_progress_style_1.html">
    <span class="badge badge-roundless badge-warning">new</span>Page Progress Bar</a>
    </li>
    <li>
    <a href="ui_blockui.html">
    Block UI</a>
    </li>
    <li>
    <a href="ui_notific8.html">
    Notific8 Notifications</a>
    </li>
    <li>
    <a href="ui_toastr.html">
    Toastr Notifications</a>
    </li>
    <li>
    <a href="ui_alert_dialog_api.html">
    <span class="badge badge-roundless badge-danger">new</span>Alerts & Dialogs API</a>
    </li>
    <li>
    <a href="ui_session_timeout.html">
    Session Timeout</a>
    </li>
    <li>
    <a href="ui_idle_timeout.html">
    User Idle Timeout</a>
    </li>
    <li>
    <a href="ui_modals.html">
    Modals</a>
    </li>
    <li>
    <a href="ui_extended_modals.html">
    Extended Modals</a>
    </li>
    <li>
    <a href="ui_tiles.html">
    Tiles</a>
    </li>
    <li>
    <a href="ui_datepaginator.html">
    <span class="badge badge-roundless badge-success">new</span>Date Paginator</a>
    </li>
    <li>
    <a href="ui_nestable.html">
    Nestable List</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-puzzle"></i>
    <span class="title">UI Components</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="components_pickers.html">
    Pickers</a>
    </li>
    <li>
    <a href="components_dropdowns.html">
    Custom Dropdowns</a>
    </li>
    <li>
    <a href="components_form_tools.html">
    Form Tools</a>
    </li>
    <li>
    <a href="components_editors.html">
    Markdown & WYSIWYG Editors</a>
    </li>
    <li>
    <a href="components_ion_sliders.html">
    Ion Range Sliders</a>
    </li>
    <li>
    <a href="components_noui_sliders.html">
    NoUI Range Sliders</a>
    </li>
    <li>
    <a href="components_jqueryui_sliders.html">
    jQuery UI Sliders</a>
    </li>
    <li>
    <a href="components_knob_dials.html">
    Knob Circle Dials</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-settings"></i>
    <span class="title">Form Stuff</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="form_controls.html">
    Form Controls</a>
    </li>
    <li>
    <a href="form_layouts.html">
    Form Layouts</a>
    </li>
    <li>
    <a href="form_editable.html">
    <span class="badge badge-roundless badge-warning">new</span>Form X-editable</a>
    </li>
    <li>
    <a href="form_wizard.html">
    Form Wizard</a>
    </li>
    <li>
    <a href="form_validation.html">
    Form Validation</a>
    </li>
    <li>
    <a href="form_image_crop.html">
    <span class="badge badge-roundless badge-danger">new</span>Image Cropping</a>
    </li>
    <li>
    <a href="form_fileupload.html">
    Multiple File Upload</a>
    </li>
    <li>
    <a href="form_dropzone.html">
    Dropzone File Upload</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-logout"></i>
    <span class="title">Quick Sidebar</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">

    <li>
    <a href="quick_sidebar_push_content.html">
    Push Content</a>
    </li>
    <li>
    <a href="quick_sidebar_over_content.html">
    Over Content</a>
    </li>
    <li>
    <a href="quick_sidebar_over_content_transparent.html">
    Over Content & Transparent</a>
    </li>
    <li>
    <a href="quick_sidebar_on_boxed_layout.html">
    Boxed Layout</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-envelope-open"></i>
    <span class="title">Email Templates</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="email_newsletter.html">
    Responsive Newsletter<br>
    Email Template</a>
    </li>
    <li>
    <a href="email_system.html">
    Responsive System<br>
    Email Template</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-docs"></i>
    <span class="title">Pages</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="page_portfolio.html">
    <i class="icon-feed"></i>
    <span class="badge badge-warning badge-roundless">new</span>Portfolio</a>
    </li>
    <li>
    <a href="page_timeline.html">
    <i class="icon-clock"></i>
    <span class="badge badge-info">4</span>Timeline</a>
    </li>
    <li>
    <a href="page_coming_soon.html">
    <i class="icon-flag"></i>
    Coming Soon</a>
    </li>
    <li>
    <a href="page_blog.html">
    <i class="icon-speech"></i>
    Blog</a>
    </li>
    <li>
    <a href="page_blog_item.html">
    <i class="icon-link"></i>
    Blog Post</a>
    </li>
    <li>
    <a href="page_news.html">
    <i class="icon-eye"></i>
    <span class="badge badge-success">9</span>News</a>
    </li>
    <li>
    <a href="page_news_item.html">
    <i class="icon-bell"></i>
    News View</a>
    </li>
    <li>
    <a href="page_about.html">
    <i class="icon-users"></i>
    About Us</a>
    </li>
    <li>
    <a href="page_contact.html">
    <i class="icon-envelope-open"></i>
    Contact Us</a>
    </li>
    <li>
    <a href="page_calendar.html">
    <i class="icon-calendar"></i>
    <span class="badge badge-danger">14</span>Calendar</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-present"></i>
    <span class="title">Extra</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="extra_profile.html">
    User Profile</a>
    </li>
    <li>
    <a href="extra_lock.html">
    Lock Screen</a>
    </li>
    <li>
    <a href="extra_faq.html">
    FAQ</a>
    </li>
    <li>
    <a href="inbox.html">
    <span class="badge badge-danger">4</span>Inbox</a>
    </li>
    <li>
    <a href="extra_search.html">
    Search Results</a>
    </li>
    <li>
    <a href="extra_invoice.html">
    Invoice</a>
    </li>
    <li>
    <a href="extra_pricing_table.html">
    Pricing Tables</a>
    </li>
    <li>
    <a href="extra_404_option1.html">
    404 Page Option 1</a>
    </li>
    <li>
    <a href="extra_404_option2.html">
    404 Page Option 2</a>
    </li>
    <li>
    <a href="extra_404_option3.html">
    404 Page Option 3</a>
    </li>
    <li>
    <a href="extra_500_option1.html">
    500 Page Option 1</a>
    </li>
    <li>
    <a href="extra_500_option2.html">
    500 Page Option 2</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-folder"></i>
    <span class="title">Multi Level Menu</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="javascript:;">
    <i class="icon-settings"></i> Item 1 <span class="arrow"></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="javascript:;">
    <i class="icon-user"></i>
    Sample Link 1 <span class="arrow"></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-power"></i> Sample Link 1</a>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-paper-plane"></i> Sample Link 1</a>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-star"></i> Sample Link 1</a>
    </li>
    </ul>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-camera"></i> Sample Link 1</a>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-link"></i> Sample Link 2</a>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-pointer"></i> Sample Link 3</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-globe"></i> Item 2 <span class="arrow"></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-tag"></i> Sample Link 1</a>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-pencil"></i> Sample Link 1</a>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#"><i class="icon-graph"></i> Sample Link 1</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="#">
    <i class="icon-bar-chart"></i>
    Item 3 </a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-user"></i>
    <span class="title">Login Options</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="login.html">
    Login Form 1</a>
    </li>
    <li>
    <a href="login_soft.html">
    Login Form 2</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-briefcase"></i>
    <span class="title">Data Tables</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="table_basic.html">
    Basic Datatables</a>
    </li>
    <li>
    <a href="table_responsive.html">
    Responsive Datatables</a>
    </li>
    <li>
    <a href="table_managed.html">
    Managed Datatables</a>
    </li>
    <li>
    <a href="table_editable.html">
    Editable Datatables</a>
    </li>
    <li>
    <a href="table_advanced.html">
    Advanced Datatables</a>
    </li>
    <li>
    <a href="table_ajax.html">
    Ajax Datatables</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-wallet"></i>
    <span class="title">Portlets</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="portlet_general.html">
    General Portlets</a>
    </li>
    <li>
    <a href="portlet_general2.html">
    <span class="badge badge-roundless badge-danger">new</span>New Portlets #1</a>
    </li>
    <li>
    <a href="portlet_general3.html">
    <span class="badge badge-roundless badge-danger">new</span>New Portlets #2</a>
    </li>
    <li>
    <a href="portlet_ajax.html">
    Ajax Portlets</a>
    </li>
    <li>
    <a href="portlet_draggable.html">
    Draggable Portlets</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="javascript:;">
    <i class="icon-pointer"></i>
    <span class="title">Maps</span>
    <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
    <li>
    <a href="maps_google.html">
    Google Maps</a>
    </li>
    <li>
    <a href="maps_vector.html">
    Vector Maps</a>
    </li>
    </ul>
    </li>
    <li class="last ">
    <a href="charts.html">
    <i class="icon-bar-chart"></i>
    <span class="title">Visual Charts</span>
    </a>
    </li>
    </ul>
    <!-- END SIDEBAR MENU -->
    </div>
    </div>
    <!-- END SIDEBAR -->
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
    <div class="page-content">
    <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
    <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4 class="modal-title">Modal title</h4>
    </div>
    <div class="modal-body">
    Widget settings form goes here
    </div>
    <div class="modal-footer">
    <button type="button" class="btn blue">Save changes</button>
    <button type="button" class="btn default" data-dismiss="modal">Close</button>
    </div>
    </div>
    <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
    <!-- BEGIN STYLE CUSTOMIZER -->
    <div class="theme-panel hidden-xs hidden-sm">
    <div class="toggler">
    </div>
    <div class="toggler-close">
    </div>
    <div class="theme-options">
    <div class="theme-option theme-colors clearfix">
    <span>
    THEME COLOR </span>
    <ul>
    <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
    </li>
    <li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue">
    </li>
    <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
    </li>
    <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
    </li>
    <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
    </li>
    <li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2">
    </li>
    </ul>
    </div>
    <div class="theme-option">
    <span>
    Layout </span>
    <select class="layout-option form-control input-small">
    <option value="fluid" selected="selected">Fluid</option>
    <option value="boxed">Boxed</option>
    </select>
    </div>
    <div class="theme-option">
    <span>
    Header </span>
    <select class="page-header-option form-control input-small">
    <option value="fixed" selected="selected">Fixed</option>
    <option value="default">Default</option>
    </select>
    </div>
    <div class="theme-option">
    <span>
    Sidebar Mode</span>
    <select class="sidebar-option form-control input-small">
    <option value="fixed">Fixed</option>
    <option value="default" selected="selected">Default</option>
    </select>
    </div>
    <div class="theme-option">
    <span>
    Sidebar Menu </span>
    <select class="sidebar-menu-option form-control input-small">
    <option value="accordion" selected="selected">Accordion</option>
    <option value="hover">Hover</option>
    </select>
    </div>
    <div class="theme-option">
    <span>
    Sidebar Style </span>
    <select class="sidebar-style-option form-control input-small">
    <option value="default" selected="selected">Default</option>
    <option value="light">Light</option>
    </select>
    </div>
    <div class="theme-option">
    <span>
    Sidebar Position </span>
    <select class="sidebar-pos-option form-control input-small">
    <option value="left" selected="selected">Left</option>
    <option value="right">Right</option>
    </select>
    </div>
    <div class="theme-option">
    <span>
    Footer </span>
    <select class="page-footer-option form-control input-small">
    <option value="fixed">Fixed</option>
    <option value="default" selected="selected">Default</option>
    </select>
    </div>
    </div>
    </div>
    <!-- END STYLE CUSTOMIZER -->
    <!-- BEGIN PAGE HEADER-->
    <h3 class="page-title">
    Dashboard <small>dashboard & statistics</small>
    </h3>
    <div class="page-bar">
    <ul class="page-breadcrumb">
    <li>
    <i class="fa fa-home"></i>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=index.html" data-href="index.html">Home</a>
    <i class="fa fa-angle-right"></i>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#">Dashboard</a>
    <i class="fa fa-angle-right"></i>
    </li>
    <li>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#">Dashboard</a>
    </li>
    </ul>
    <div class="page-toolbar">
    <div id="dashboard-report-range" class="pull-right tooltips btn btn-fit-height grey-salt" data-placement="top" data-original-title="Change dashboard date range">
    <i class="icon-calendar"></i>  <span class="thin uppercase visible-lg-inline-block"></span>  <i class="fa fa-angle-down"></i>
    </div>
    </div>
    </div>
    <!-- END PAGE HEADER-->
    <!-- BEGIN DASHBOARD STATS -->
    <div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="dashboard-stat blue-madison">
    <div class="visual">
    <i class="fa fa-comments"></i>
    </div>
    <div class="details">
    <div class="number">
    1349
    </div>
    <div class="desc">
    New Feedbacks
    </div>
    </div>
    <a class="more" href="#">
    View more <i class="m-icon-swapright m-icon-white"></i>
    </a>
    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="dashboard-stat red-intense">
    <div class="visual">
    <i class="fa fa-bar-chart-o"></i>
    </div>
    <div class="details">
    <div class="number">
    12,5M$
    </div>
    <div class="desc">
    Total Profit
    </div>
    </div>
    <a class="more" href="#">
    View more <i class="m-icon-swapright m-icon-white"></i>
    </a>
    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="dashboard-stat green-haze">
    <div class="visual">
    <i class="fa fa-shopping-cart"></i>
    </div>
    <div class="details">
    <div class="number">
    549
    </div>
    <div class="desc">
    New Orders
    </div>
    </div>
    <a class="more" href="#">
    View more <i class="m-icon-swapright m-icon-white"></i>
    </a>
    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="dashboard-stat purple-plum">
    <div class="visual">
    <i class="fa fa-globe"></i>
    </div>
    <div class="details">
    <div class="number">
    +89%
    </div>
    <div class="desc">
    Brand Popularity
    </div>
    </div>
    <a class="more" href="#">
    View more <i class="m-icon-swapright m-icon-white"></i>
    </a>
    </div>
    </div>
    </div>
    <!-- END DASHBOARD STATS -->
    <div class="clearfix">
    </div>
    <div class="row">
    <div class="col-md-6 col-sm-6">
    <!-- BEGIN PORTLET-->
    <div class="portlet solid bordered grey-cararra">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-bar-chart-o"></i>Site Visits
    </div>
    <div class="actions">
    <div class="btn-group" data-toggle="buttons">
    <label class="btn grey-steel btn-sm active">
    <input type="radio" name="options" class="toggle" id="option1">New</label>
    <label class="btn grey-steel btn-sm">
    <input type="radio" name="options" class="toggle" id="option2">Returning</label>
    </div>
    </div>
    </div>
    <div class="portlet-body">
    <div id="site_statistics_loading">
    <img src="../../assets/admin/layout/img/loading.gif" alt="loading"/>
    </div>
    <div id="site_statistics_content" class="display-none">
    <div id="site_statistics" class="chart">
    </div>
    </div>
    </div>
    </div>
    <!-- END PORTLET-->
    </div>
    <div class="col-md-6 col-sm-6">
    <!-- BEGIN PORTLET-->
    <div class="portlet solid grey-cararra bordered">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-bullhorn"></i>Revenue
    </div>
    <div class="actions">
    <div class="btn-group pull-right">
    <a href="" class="btn grey-steel btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    Filter <span class="fa fa-angle-down">
    </span>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="javascript:;">
    Q1 2014 <span class="label label-sm label-default">
    past </span>
    </a>
    </li>
    <li>
    <a href="javascript:;">
    Q2 2014 <span class="label label-sm label-default">
    past </span>
    </a>
    </li>
    <li class="active">
    <a href="javascript:;">
    Q3 2014 <span class="label label-sm label-success">
    current </span>
    </a>
    </li>
    <li>
    <a href="javascript:;">
    Q4 2014 <span class="label label-sm label-warning">
    upcoming </span>
    </a>
    </li>
    </ul>
    </div>
    </div>
    </div>
    <div class="portlet-body">
    <div id="site_activities_loading">
    <img src="../../assets/admin/layout/img/loading.gif" alt="loading"/>
    </div>
    <div id="site_activities_content" class="display-none">
    <div id="site_activities" style="height: 228px;">
    </div>
    </div>
    <div style="margin: 20px 0 10px 30px">
    <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
    <span class="label label-sm label-success">
    Revenue: </span>
    <h3>$13,234</h3>
    </div>
    <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
    <span class="label label-sm label-info">
    Tax: </span>
    <h3>$134,900</h3>
    </div>
    <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
    <span class="label label-sm label-danger">
    Shipment: </span>
    <h3>$1,134</h3>
    </div>
    <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
    <span class="label label-sm label-warning">
    Orders: </span>
    <h3>235090</h3>
    </div>
    </div>
    </div>
    </div>
    </div>
    <!-- END PORTLET-->
    </div>
    </div>
    <div class="clearfix">
    </div>
    <div class="row ">
    <div class="col-md-6 col-sm-6">
    <div class="portlet box blue-steel">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-bell-o"></i>Recent Activities
    </div>
    <div class="actions">
    <div class="btn-group">
    <a class="btn btn-sm btn-default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    Filter By <i class="fa fa-angle-down"></i>
    </a>
    <div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
    <label><input type="checkbox"/> Finance</label>
    <label><input type="checkbox" checked=""/> Membership</label>
    <label><input type="checkbox"/> Customer Support</label>
    <label><input type="checkbox" checked=""/> HR</label>
    <label><input type="checkbox"/> System</label>
    </div>
    </div>
    </div>
    </div>
    <div class="portlet-body">
    <div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
    <ul class="feeds">
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-check"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 4 pending tasks. <span class="label label-sm label-warning ">
    Take action <i class="fa fa-share"></i>
    </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bar-chart-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Finance Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-danger">
    <i class="fa fa-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-info">
    <i class="fa fa-shopping-cart"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received with <span class="label label-sm label-success">
    Reference Number: DR23923 </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-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-default">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
    Overdue </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    2 hours
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-briefcase"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    IPO Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-check"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 4 pending tasks. <span class="label label-sm label-warning ">
    Take action <i class="fa fa-share"></i>
    </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-danger">
    <i class="fa fa-bar-chart-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Finance Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-info">
    <i class="fa fa-shopping-cart"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received with <span class="label label-sm label-success">
    Reference Number: DR23923 </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-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-warning">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
    Overdue </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    2 hours
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-briefcase"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    IPO Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    </ul>
    </div>
    <div class="scroller-footer">
    <div class="btn-arrow-link pull-right">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#">See All Records</a>
    <i class="icon-arrow-right"></i>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-md-6 col-sm-6">
    <div class="portlet box green-haze tasks-widget">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-check"></i>Tasks
    </div>
    <div class="tools">
    <a href="#portlet-config" data-toggle="modal" class="config">
    </a>
    <a href="" class="reload">
    </a>
    </div>
    <div class="actions">
    <div class="btn-group">
    <a class="btn btn-default btn-sm" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    More <i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="i"></i> All Project </a>
    </li>
    <li class="divider">
    </li>
    <li>
    <a href="#">
    AirAsia </a>
    </li>
    <li>
    <a href="#">
    Cruise </a>
    </li>
    <li>
    <a href="#">
    HSBC </a>
    </li>
    <li class="divider">
    </li>
    <li>
    <a href="#">
    Pending <span class="badge badge-danger">
    4 </span>
    </a>
    </li>
    <li>
    <a href="#">
    Completed <span class="badge badge-success">
    12 </span>
    </a>
    </li>
    <li>
    <a href="#">
    Overdue <span class="badge badge-warning">
    9 </span>
    </a>
    </li>
    </ul>
    </div>
    </div>
    </div>
    <div class="portlet-body">
    <div class="task-content">
    <div class="scroller" style="height: 305px;" data-always-visible="1" data-rail-visible1="1">
    <!-- START TASK LIST -->
    <ul class="task-list">
    <li>
    <div class="task-checkbox">
    <input type="hidden" value="1" name="test"/>
    <input type="checkbox" class="liChild" value="2" name="test"/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Present 2013 Year IPO Statistics at Board Meeting </span>
    <span class="label label-sm label-success">Company</span>
    <span class="task-bell">
    <i class="fa fa-bell-o"></i>
    </span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Hold An Interview for Marketing Manager Position </span>
    <span class="label label-sm label-danger">Marketing</span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    AirAsia Intranet System Project Internal Meeting </span>
    <span class="label label-sm label-success">AirAsia</span>
    <span class="task-bell">
    <i class="fa fa-bell-o"></i>
    </span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Technical Management Meeting </span>
    <span class="label label-sm label-warning">Company</span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Kick-off Company CRM Mobile App Development </span>
    <span class="label label-sm label-info">Internal Products</span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Prepare Commercial Offer For SmartVision Website Rewamp </span>
    <span class="label label-sm label-danger">SmartVision</span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Sign-Off The Comercial Agreement With AutoSmart </span>
    <span class="label label-sm label-default">AutoSmart</span>
    <span class="task-bell">
    <i class="fa fa-bell-o"></i>
    </span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li>
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    Company Staff Meeting </span>
    <span class="label label-sm label-success">Cruise</span>
    <span class="task-bell">
    <i class="fa fa-bell-o"></i>
    </span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    <li class="last-line">
    <div class="task-checkbox">
    <input type="checkbox" class="liChild" value=""/>
    </div>
    <div class="task-title">
    <span class="task-title-sp">
    KeenThemes Investment Discussion </span>
    <span class="label label-sm label-warning">KeenThemes </span>
    </div>
    <div class="task-config">
    <div class="task-config-btn btn-group">
    <a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="#">
    <i class="fa fa-check"></i> Complete </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-pencil"></i> Edit </a>
    </li>
    <li>
    <a href="#">
    <i class="fa fa-trash-o"></i> Cancel </a>
    </li>
    </ul>
    </div>
    </div>
    </li>
    </ul>
    <!-- END START TASK LIST -->
    </div>
    </div>
    <div class="task-footer">
    <div class="btn-arrow-link pull-right">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" data-href="#">See All Records</a>
    <i class="icon-arrow-right"></i>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="clearfix">
    </div>
    <div class="row ">
    <div class="col-md-6 col-sm-6">
    <div class="portlet box purple-wisteria">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-calendar"></i>General Stats
    </div>
    <div class="actions">
    <a href="javascript:;" class="btn btn-sm btn-default easy-pie-chart-reload">
    <i class="fa fa-repeat"></i> Reload </a>
    </div>
    </div>
    <div class="portlet-body">
    <div class="row">
    <div class="col-md-4">
    <div class="easy-pie-chart">
    <div class="number transactions" data-percent="55">
    <span>
    +55 </span>
    %
    </div>
    <a class="title" href="#">
    Transactions <i class="icon-arrow-right"></i>
    </a>
    </div>
    </div>
    <div class="margin-bottom-10 visible-sm">
    </div>
    <div class="col-md-4">
    <div class="easy-pie-chart">
    <div class="number visits" data-percent="85">
    <span>
    +85 </span>
    %
    </div>
    <a class="title" href="#">
    New Visits <i class="icon-arrow-right"></i>
    </a>
    </div>
    </div>
    <div class="margin-bottom-10 visible-sm">
    </div>
    <div class="col-md-4">
    <div class="easy-pie-chart">
    <div class="number bounce" data-percent="46">
    <span>
    -46 </span>
    %
    </div>
    <a class="title" href="#">
    Bounce <i class="icon-arrow-right"></i>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-md-6 col-sm-6">
    <div class="portlet box red-sunglo">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-calendar"></i>Server Stats
    </div>
    <div class="tools">
    <a href="" class="collapse">
    </a>
    <a href="#portlet-config" data-toggle="modal" class="config">
    </a>
    <a href="" class="reload">
    </a>
    <a href="" class="remove">
    </a>
    </div>
    </div>
    <div class="portlet-body">
    <div class="row">
    <div class="col-md-4">
    <div class="sparkline-chart">
    <div class="number" id="sparkline_bar">
    </div>
    <a class="title" href="#">
    Network <i class="icon-arrow-right"></i>
    </a>
    </div>
    </div>
    <div class="margin-bottom-10 visible-sm">
    </div>
    <div class="col-md-4">
    <div class="sparkline-chart">
    <div class="number" id="sparkline_bar2">
    </div>
    <a class="title" href="#">
    CPU Load <i class="icon-arrow-right"></i>
    </a>
    </div>
    </div>
    <div class="margin-bottom-10 visible-sm">
    </div>
    <div class="col-md-4">
    <div class="sparkline-chart">
    <div class="number" id="sparkline_line">
    </div>
    <a class="title" href="#">
    Load Rate <i class="icon-arrow-right"></i>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="clearfix">
    </div>
    <div class="row ">
    <div class="col-md-6 col-sm-6">
    <!-- BEGIN REGIONAL STATS PORTLET-->
    <div class="portlet">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-globe"></i>Regional Stats
    </div>
    <div class="tools">
    <a href="" class="collapse">
    </a>
    <a href="#portlet-config" data-toggle="modal" class="config">
    </a>
    <a href="" class="reload">
    </a>
    <a href="" class="remove">
    </a>
    </div>
    </div>
    <div class="portlet-body">
    <div id="region_statistics_loading">
    <img src="../../assets/admin/layout/img/loading.gif" alt="loading"/>
    </div>
    <div id="region_statistics_content" class="display-none">
    <div class="btn-toolbar margin-bottom-10">
    <div class="btn-group" data-toggle="buttons">
    <a href="" class="btn default btn-sm active">
    Users </a>
    <a href="" class="btn default btn-sm">
    Orders </a>
    </div>
    <div class="btn-group pull-right">
    <a href="" class="btn default btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
    Select Region <span class="fa fa-angle-down">
    </span>
    </a>
    <ul class="dropdown-menu pull-right">
    <li>
    <a href="javascript:;" id="regional_stat_world">
    World </a>
    </li>
    <li>
    <a href="javascript:;" id="regional_stat_usa">
    USA </a>
    </li>
    <li>
    <a href="javascript:;" id="regional_stat_europe">
    Europe </a>
    </li>
    <li>
    <a href="javascript:;" id="regional_stat_russia">
    Russia </a>
    </li>
    <li>
    <a href="javascript:;" id="regional_stat_germany">
    Germany </a>
    </li>
    </ul>
    </div>
    </div>
    <div id="vmap_world" class="vmaps display-none">
    </div>
    <div id="vmap_usa" class="vmaps display-none">
    </div>
    <div id="vmap_europe" class="vmaps display-none">
    </div>
    <div id="vmap_russia" class="vmaps display-none">
    </div>
    <div id="vmap_germany" class="vmaps display-none">
    </div>
    </div>
    </div>
    </div>
    <!-- END REGIONAL STATS PORTLET-->
    </div>
    <div class="col-md-6 col-sm-6">
    <!-- BEGIN PORTLET-->
    <div class="portlet paddingless">
    <div class="portlet-title line">
    <div class="caption">
    <i class="fa fa-bell-o"></i>Feeds
    </div>
    <div class="tools">
    <a href="" class="collapse">
    </a>
    <a href="#portlet-config" data-toggle="modal" class="config">
    </a>
    <a href="" class="reload">
    </a>
    <a href="" class="remove">
    </a>
    </div>
    </div>
    <div class="portlet-body">
    <!--BEGIN TABS-->
    <div class="tabbable tabbable-custom">
    <ul class="nav nav-tabs">
    <li class="active">
    <a href="#tab_1_1" data-toggle="tab">
    System </a>
    </li>
    <li>
    <a href="#tab_1_2" data-toggle="tab">
    Activities </a>
    </li>
    <li>
    <a href="#tab_1_3" data-toggle="tab">
    Recent Users </a>
    </li>
    </ul>
    <div class="tab-content">
    <div class="tab-pane active" id="tab_1_1">
    <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible="0">
    <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-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 4 pending tasks. <span class="label label-sm label-danger ">
    Take action <i class="fa fa-share"></i>
    </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New version v1.4 just lunched!
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-danger">
    <i class="fa fa-bolt"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Database server #12 overloaded. Please fix the issue.
    </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-info">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </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-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    40 mins
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-warning">
    <i class="fa fa-plus"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    1.5 hours
    </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-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
    Overdue </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    2 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    3 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-warning">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    5 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    18 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    21 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    22 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    21 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    22 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    21 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    22 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    21 hours
    </div>
    </div>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-bullhorn"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received. Please take care of it.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    22 hours
    </div>
    </div>
    </li>
    </ul>
    </div>
    </div>
    <div class="tab-pane" id="tab_1_2">
    <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
    <ul class="feeds">
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    10 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-danger">
    <i class="fa fa-bolt"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Order #24DOP4 has been rejected. <span class="label label-sm label-danger ">
    Take action <i class="fa fa-share"></i>
    </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    24 mins
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New user registered
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </a>
    </li>
    </ul>
    </div>
    </div>
    <div class="tab-pane" id="tab_1_3">
    <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
    <div class="row">
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Robert Nilson </a>
    <span class="label label-sm label-success label-mini">
    Approved </span>
    </div>
    <div>
    29 Jan 2013 10:45AM
    </div>
    </div>
    </div>
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Lisa Miller </a>
    <span class="label label-sm label-info">
    Pending </span>
    </div>
    <div>
    19 Jan 2013 10:45AM
    </div>
    </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Eric Kim </a>
    <span class="label label-sm label-info">
    Pending </span>
    </div>
    <div>
    19 Jan 2013 12:45PM
    </div>
    </div>
    </div>
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Lisa Miller </a>
    <span class="label label-sm label-danger">
    In progress </span>
    </div>
    <div>
    19 Jan 2013 11:55PM
    </div>
    </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Eric Kim </a>
    <span class="label label-sm label-info">
    Pending </span>
    </div>
    <div>
    19 Jan 2013 12:45PM
    </div>
    </div>
    </div>
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Lisa Miller </a>
    <span class="label label-sm label-danger">
    In progress </span>
    </div>
    <div>
    19 Jan 2013 11:55PM
    </div>
    </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Eric Kim </a>
    <span class="label label-sm label-info">
    Pending </span>
    </div>
    <div>
    19 Jan 2013 12:45PM
    </div>
    </div>
    </div>
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Lisa Miller </a>
    <span class="label label-sm label-danger">
    In progress </span>
    </div>
    <div>
    19 Jan 2013 11:55PM
    </div>
    </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Eric Kim </a>
    <span class="label label-sm label-info">
    Pending </span>
    </div>
    <div>
    19 Jan 2013 12:45PM
    </div>
    </div>
    </div>
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Lisa Miller </a>
    <span class="label label-sm label-danger">
    In progress </span>
    </div>
    <div>
    19 Jan 2013 11:55PM
    </div>
    </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Eric Kim </a>
    <span class="label label-sm label-info">
    Pending </span>
    </div>
    <div>
    19 Jan 2013 12:45PM
    </div>
    </div>
    </div>
    <div class="col-md-6 user-info">
    <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
    <div class="details">
    <div>
    <a href="#">
    Lisa Miller </a>
    <span class="label label-sm label-danger">
    In progress </span>
    </div>
    <div>
    19 Jan 2013 11:55PM
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <!--END TABS-->
    </div>
    </div>
    <!-- END PORTLET-->
    </div>
    </div>
    <div class="clearfix">
    </div>
    <div class="row ">
    <div class="col-md-6 col-sm-6">
    <!-- BEGIN PORTLET-->
    <div class="portlet box blue-madison calendar">
    <div class="portlet-title">
    <div class="caption">
    <i class="fa fa-calendar"></i>Calendar
    </div>
    </div>
    <div class="portlet-body light-grey">
    <div id="calendar">
    </div>
    </div>
    </div>
    <!-- END PORTLET-->
    </div>
    <div class="col-md-6 col-sm-6">
    <!-- BEGIN PORTLET-->
    <div class="portlet">
    <div class="portlet-title line">
    <div class="caption">
    <i class="fa fa-comments"></i>Chats
    </div>
    <div class="tools">
    <a href="" class="collapse">
    </a>
    <a href="#portlet-config" data-toggle="modal" class="config">
    </a>
    <a href="" class="reload">
    </a>
    <a href="" class="remove">
    </a>
    </div>
    </div>
    <div class="portlet-body" id="chats">
    <div class="scroller" style="height: 435px;" data-always-visible="1" data-rail-visible1="1">
    <ul class="chats">
    <li class="in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Bob Nilson </a>
    <span class="datetime">
    at 20:09 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Lisa Wong </a>
    <span class="datetime">
    at 20:11 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Bob Nilson </a>
    <span class="datetime">
    at 20:30 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Richard Doe </a>
    <span class="datetime">
    at 20:33 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Richard Doe </a>
    <span class="datetime">
    at 20:35 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Bob Nilson </a>
    <span class="datetime">
    at 20:40 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Richard Doe </a>
    <span class="datetime">
    at 20:40 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
    </div>
    </li>
    <li class="out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
    <div class="message">
    <span class="arrow">
    </span>
    <a href="#" class="name">
    Bob Nilson </a>
    <span class="datetime">
    at 20:54 </span>
    <span class="body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tincidunt ut laoreet. </span>
    </div>
    </li>
    </ul>
    </div>
    <div class="chat-form">
    <div class="input-cont">
    <input class="form-control" type="text" placeholder="Type a message here..."/>
    </div>
    <div class="btn-cont">
    <span class="arrow">
    </span>
    <a href="" class="btn blue icn-only">
    <i class="fa fa-check icon-white"></i>
    </a>
    </div>
    </div>
    </div>
    </div>
    <!-- END PORTLET-->
    </div>
    </div>
    </div>
    </div>
    <!-- END CONTENT -->
    <!-- BEGIN QUICK SIDEBAR -->
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=javascript:;" class="page-quick-sidebar-toggler" data-href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
    <div class="page-quick-sidebar-wrapper">
    <div class="page-quick-sidebar">
    <div class="nav-justified">
    <ul class="nav nav-tabs nav-justified">
    <li class="active">
    <a href="#quick_sidebar_tab_1" data-toggle="tab">
    Users <span class="badge badge-danger">2</span>
    </a>
    </li>
    <li>
    <a href="#quick_sidebar_tab_2" data-toggle="tab">
    Alerts <span class="badge badge-success">7</span>
    </a>
    </li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    More<i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right" role="menu">
    <li>
    <a href="#quick_sidebar_tab_3" data-toggle="tab">
    <i class="icon-bell"></i> Alerts </a>
    </li>
    <li>
    <a href="#quick_sidebar_tab_3" data-toggle="tab">
    <i class="icon-info"></i> Notifications </a>
    </li>
    <li>
    <a href="#quick_sidebar_tab_3" data-toggle="tab">
    <i class="icon-speech"></i> Activities </a>
    </li>
    <li class="divider">
    </li>
    <li>
    <a href="#quick_sidebar_tab_3" data-toggle="tab">
    <i class="icon-settings"></i> Settings </a>
    </li>
    </ul>
    </li>
    </ul>
    <div class="tab-content">
    <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
    <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
    <h3 class="list-heading">Staff</h3>
    <ul class="media-list list-items">
    <li class="media">
    <div class="media-status">
    <span class="badge badge-success">8</span>
    </div>
    <img class="media-object" src="../../assets/admin/layout/img/avatar3.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Bob Nilson</h4>
    <div class="media-heading-sub">
    Project Manager
    </div>
    </div>
    </li>
    <li class="media">
    <img class="media-object" src="../../assets/admin/layout/img/avatar1.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Nick Larson</h4>
    <div class="media-heading-sub">
    Art Director
    </div>
    </div>
    </li>
    <li class="media">
    <div class="media-status">
    <span class="badge badge-danger">3</span>
    </div>
    <img class="media-object" src="../../assets/admin/layout/img/avatar4.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Deon Hubert</h4>
    <div class="media-heading-sub">
    CTO
    </div>
    </div>
    </li>
    <li class="media">
    <img class="media-object" src="../../assets/admin/layout/img/avatar2.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Ella Wong</h4>
    <div class="media-heading-sub">
    CEO
    </div>
    </div>
    </li>
    </ul>
    <h3 class="list-heading">Customers</h3>
    <ul class="media-list list-items">
    <li class="media">
    <div class="media-status">
    <span class="badge badge-warning">2</span>
    </div>
    <img class="media-object" src="../../assets/admin/layout/img/avatar6.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Lara Kunis</h4>
    <div class="media-heading-sub">
    CEO, Loop Inc
    </div>
    <div class="media-heading-small">
    Last seen 03:10 AM
    </div>
    </div>
    </li>
    <li class="media">
    <div class="media-status">
    <span class="label label-sm label-success">new</span>
    </div>
    <img class="media-object" src="../../assets/admin/layout/img/avatar7.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Ernie Kyllonen</h4>
    <div class="media-heading-sub">
    Project Manager,<br>
    SmartBizz PTL
    </div>
    </div>
    </li>
    <li class="media">
    <img class="media-object" src="../../assets/admin/layout/img/avatar8.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Lisa Stone</h4>
    <div class="media-heading-sub">
    CTO, Keort Inc
    </div>
    <div class="media-heading-small">
    Last seen 13:10 PM
    </div>
    </div>
    </li>
    <li class="media">
    <div class="media-status">
    <span class="badge badge-success">7</span>
    </div>
    <img class="media-object" src="../../assets/admin/layout/img/avatar9.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Deon Portalatin</h4>
    <div class="media-heading-sub">
    CFO, H&D LTD
    </div>
    </div>
    </li>
    <li class="media">
    <img class="media-object" src="../../assets/admin/layout/img/avatar10.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Irina Savikova</h4>
    <div class="media-heading-sub">
    CEO, Tizda Motors Inc
    </div>
    </div>
    </li>
    <li class="media">
    <div class="media-status">
    <span class="badge badge-danger">4</span>
    </div>
    <img class="media-object" src="../../assets/admin/layout/img/avatar11.jpg" alt="...">
    <div class="media-body">
    <h4 class="media-heading">Maria Gomez</h4>
    <div class="media-heading-sub">
    Manager, Infomatic Inc
    </div>
    <div class="media-heading-small">
    Last seen 03:10 AM
    </div>
    </div>
    </li>
    </ul>
    </div>
    <div class="page-quick-sidebar-item">
    <div class="page-quick-sidebar-chat-user">
    <div class="page-quick-sidebar-nav">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=javascript:;" class="page-quick-sidebar-back-to-list" data-href="javascript:;" class="page-quick-sidebar-back-to-list"><i class="icon-arrow-left"></i>Back</a>
    </div>
    <div class="page-quick-sidebar-chat-user-messages">
    <div class="post out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Bob Nilson</a>
    <span class="datetime">20:15</span>
    <span class="body">
    When could you send me the report ? </span>
    </div>
    </div>
    <div class="post in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Ella Wong</a>
    <span class="datetime">20:15</span>
    <span class="body">
    Its almost done. I will be sending it shortly </span>
    </div>
    </div>
    <div class="post out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Bob Nilson</a>
    <span class="datetime">20:15</span>
    <span class="body">
    Alright. Thanks! :) </span>
    </div>
    </div>
    <div class="post in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Ella Wong</a>
    <span class="datetime">20:16</span>
    <span class="body">
    You are most welcome. Sorry for the delay. </span>
    </div>
    </div>
    <div class="post out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Bob Nilson</a>
    <span class="datetime">20:17</span>
    <span class="body">
    No probs. Just take your time :) </span>
    </div>
    </div>
    <div class="post in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Ella Wong</a>
    <span class="datetime">20:40</span>
    <span class="body">
    Alright. I just emailed it to you. </span>
    </div>
    </div>
    <div class="post out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Bob Nilson</a>
    <span class="datetime">20:17</span>
    <span class="body">
    Great! Thanks. Will check it right away. </span>
    </div>
    </div>
    <div class="post in">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Ella Wong</a>
    <span class="datetime">20:40</span>
    <span class="body">
    Please let me know if you have any comment. </span>
    </div>
    </div>
    <div class="post out">
    <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
    <div class="message">
    <span class="arrow"></span>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=110340200&url=#" class="name" data-href="#" class="name">Bob Nilson</a>
    <span class="datetime">20:17</span>
    <span class="body">
    Sure. I will check and buzz you if anything needs to be corrected. </span>
    </div>
    </div>
    </div>
    <div class="page-quick-sidebar-chat-user-form">
    <div class="input-group">
    <input type="text" class="form-control" placeholder="Type a message here...">
    <div class="input-group-btn">
    <button type="button" class="btn blue"><i class="icon-paper-clip"></i></button>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
    <div class="page-quick-sidebar-alerts-list">
    <h3 class="list-heading">General</h3>
    <ul class="feeds list-items">
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-check"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 4 pending tasks. <span class="label label-sm label-warning ">
    Take action <i class="fa fa-share"></i>
    </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-success">
    <i class="fa fa-bar-chart-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Finance Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-danger">
    <i class="fa fa-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-info">
    <i class="fa fa-shopping-cart"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received with <span class="label label-sm label-success">
    Reference Number: DR23923 </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-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-info">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Web server hardware needs to be upgraded. <span class="label label-sm label-warning">
    Overdue </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    2 hours
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-briefcase"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    IPO Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    </ul>
    <h3 class="list-heading">System</h3>
    <ul class="feeds list-items">
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-check"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 4 pending tasks. <span class="label label-sm label-warning ">
    Take action <i class="fa fa-share"></i>
    </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    Just now
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-danger">
    <i class="fa fa-bar-chart-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Finance Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    <li>
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-default">
    <i class="fa fa-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-info">
    <i class="fa fa-shopping-cart"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    New order received with <span class="label label-sm label-success">
    Reference Number: DR23923 </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-user"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    You have 5 pending membership that requires a quick review.
    </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-warning">
    <i class="fa fa-bell-o"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
    Overdue </span>
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    2 hours
    </div>
    </div>
    </li>
    <li>
    <a href="#">
    <div class="col1">
    <div class="cont">
    <div class="cont-col1">
    <div class="label label-sm label-info">
    <i class="fa fa-briefcase"></i>
    </div>
    </div>
    <div class="cont-col2">
    <div class="desc">
    IPO Report for year 2013 has been released.
    </div>
    </div>
    </div>
    </div>
    <div class="col2">
    <div class="date">
    20 mins
    </div>
    </div>
    </a>
    </li>
    </ul>
    </div>
    </div>
    <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
    <div class="page-quick-sidebar-settings-list">
    <h3 class="list-heading">General Settings</h3>
    <ul class="list-items borderless">
    <li>
    Enable Notifications <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>
    Allow Tracking <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>
    Log Errors <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>
    Auto Sumbit Issues <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>
    Enable SMS Alerts <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    </ul>
    <h3 class="list-heading">System Settings</h3>
    <ul class="list-items borderless">
    <li>
    Security Level
    <select class="form-control input-inline input-sm input-small">
    <option value="1">Normal</option>
    <option value="2" selected>Medium</option>
    <option value="e">High</option>
    </select>
    </li>
    <li>
    Failed Email Attempts <input class="form-control input-inline input-sm input-small" value="5"/>
    </li>
    <li>
    Secondary SMTP Port <input class="form-control input-inline input-sm input-small" value="3560"/>
    </li>
    <li>
    Notify On System Error <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    <li>
    Notify On SMTP Error <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF">
    </li>
    </ul>
    <div class="inner-content">
    <button class="btn btn-success"><i class="icon-settings"></i> Save Changes</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <!-- END QUICK SIDEBAR -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    <div class="page-footer">
    <div class="page-footer-inner">
    2014 © Metronic by keenthemes.
    </div>
    <div class="page-footer-tools">
    <span class="go-top">
    <i class="fa fa-angle-up"></i>
    </span>
    </div>
    </div>
    <!-- END FOOTER -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
    <script src="../../assets/global/plugins/respond.min.js"></script>
    <script src="../../assets/global/plugins/excanvas.min.js"></script>
    <![endif]-->
    <script src="../../assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="../../assets/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="../../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <!-- IMPORTANT! fullcalendar depends on jquery-ui-1.10.3.custom.min.js for drag & drop support -->
    <script src="../../assets/global/plugins/fullcalendar/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="../../assets/global/plugins/gritter/js/jquery.gritter.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
    <script src="../../assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
    <script src="../../assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
    <script src="../../assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
    <script src="../../assets/admin/pages/scripts/index.js" type="text/javascript"></script>
    <script src="../../assets/admin/pages/scripts/tasks.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script>
    jQuery(document).ready(function() {
    Metronic.init(); // init metronic core componets
    Layout.init(); // init layout
    QuickSidebar.init(); // init quick sidebar
    Demo.init(); // init demo features
    Index.init();
    Index.initDashboardDaterange();
    Index.initJQVMAP(); // init index page's custom scripts
    Index.initCalendar(); // init index page's custom scripts
    Index.initCharts(); // init index page's custom scripts
    Index.initChat();
    Index.initMiniCharts();
    Index.initIntro();
    Tasks.initDashboardWidget();
    });
    </script>
    <!-- END JAVASCRIPTS -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-37564768-1', 'keenthemes.com');
    ga('send', 'pageview');
    </script>
    </body>

    <!-- END BODY -->
    </html>
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.