<?php include("includes/db_config.php"); ?>
<!DOCTYPE html>
<html lang="en" dir="ltr" data-theme="light"> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
<head> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">   
    <?php include("includes/css.php");?>
<script type="text/javascript" src="assets/app/pages/home.js"></script>
</head>

<body class="preload-active aside-active aside-mobile-minimized aside-desktop-maximized">    
    <div class="holder">
      <?php include("includes/sidebar.php");?>
        <div class="wrapper">
           
      <?php include("includes/header.php");?>
            <div class="content">
                <div class="container-fluid g-5">
                    <div class="row">
                        <div class="col-12">
                            <div class="portlet">
                                <div class="widget10 widget10-vertical-md">
                                    <div class="widget10-item">
                                         <?php $sql="select count(*) as num from ah_party";
                                         $res=mysqli_query($conn,$sql);
                                        $row= mysqli_fetch_array($res); ?>
                                        <div class="widget10-content">
                                           <a href="all-party.php">
                                            <h2 class="widget10-title"><?php echo $row['num']; ?></h2><span class="widget10-subtitle">Party</span>
                                        </a>
                                        </div>
                                        <div class="widget10-addon">
                                            <a href="all-party.php">
                                                <div class="avatar avatar-label-info avatar-circle widget10-avatar">
                                                    <div class="avatar-display"><i class="fa fa-user"></i></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="widget10-item">
                                        <?php $sql1=mysqli_fetch_array(mysqli_query($conn,"select count(*) as count from ah_item_details")); ?>
                                        <div class="widget10-content">
                                           <a href="all-item.php">
                                                <h2 class="widget10-title"><?= $sql1['count'];?></h2><span class="widget10-subtitle">Item</span>
                                            </a>
                                        </div>
                                        <div class="widget10-addon">
                                            <a href="all-item.php">
                                                <div class="avatar avatar-label-primary avatar-circle widget10-avatar">
                                                    <div class="avatar-display"><i class="fa fa-boxes"></i></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="widget10-item">
                                       <?php $sqlts=mysqli_fetch_array(mysqli_query($conn,"select count(*) as count_sl from sale_details")); ?> 
                                        <div class="widget10-content">
                                            <a href="all-sale-list.php">
                                                <h2 class="widget10-title"><?= $sqlts['count_sl'];?></h2><span class="widget10-subtitle">Sales</span>
                                            </a>
                                        </div>
                                        <div class="widget10-addon">
                                            <a href="all-sale-list.php">
                                                <div class="avatar avatar-label-success avatar-circle widget10-avatar">
                                                    <div class="avatar-display"><i class="fa fa-inr"></i></div>
                                                </div> 
                                            </a>
                                        </div>
                                    </div>
                                    <div class="widget10-item">
                                      <?php $sqlt=mysqli_fetch_array(mysqli_query($conn,"select count(*) as count_ps from ah_purchase_details")); ?>  
                                        <div class="widget10-content">
                                            <a href="all-purchase-list.php">
                                                <h2 class="widget10-title"><?= $sqlt['count_ps'];?></h2><span class="widget10-subtitle">Purchase</span>
                                            </a>
                                        </div>
                                        <div class="widget10-addon">
                                            <a href="all-purchase-list.php">
                                                <div class="avatar avatar-label-danger avatar-circle widget10-avatar">
                                                    <div class="avatar-display"><i class="fa fa-inr"></i></div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--  <div class="row">
                        <div class="col-xl-4">
                            <div class="row portlet-row-fill-md h-100">
                                <div class="col-md-7 col-xl-12">
                                    <div class="portlet">
                                        <div class="portlet-header">
                                            <div class="portlet-icon"><i class="fa fa-exchange-alt"></i></div>
                                            <h3 class="portlet-title">Revenue change</h3>
                                            <div class="portlet-addon">
                                                <div class="dropdown"><button class="btn btn-label-primary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                    <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-poll"></i></div><span class="dropdown-content">Report</span>
                                                        </a><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-chart-pie"></i></div><span class="dropdown-content">Charts</span>
                                                        </a><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-chart-line"></i></div><span class="dropdown-content">Statistics</span>
                                                        </a>
                                                        <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Settings</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div id="widget-chart-1"></div>
                                            <div class="row gy-2 mt-4">
                                                <div class="col-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h6 class="widget4-subtitle">Secunderabad</h6>
                                                            </div>
                                                            <div class="widget4-addon">
                                                                <h6 class="widget4-subtitle">60%</h6>
                                                            </div>
                                                        </div>
                                                        <div class="progress progress-sm">
                                                            <div class="progress-bar bg-warning" style="width: 60%"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h6 class="widget4-subtitle">Madhapur</h6>
                                                            </div>
                                                            <div class="widget4-addon">
                                                                <h6 class="widget4-subtitle">75%</h6>
                                                            </div>
                                                        </div>
                                                        <div class="progress progress-sm">
                                                            <div class="progress-bar bg-primary" style="width: 75%"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h6 class="widget4-subtitle">Hitech City</h6>
                                                            </div>
                                                            <div class="widget4-addon">
                                                                <h6 class="widget4-subtitle">90%</h6>
                                                            </div>
                                                        </div>
                                                        <div class="progress progress-sm">
                                                            <div class="progress-bar bg-success" style="width: 90%"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h6 class="widget4-subtitle">Kondapur</h6>
                                                            </div>
                                                            <div class="widget4-addon">
                                                                <h6 class="widget4-subtitle">55%</h6>
                                                            </div>
                                                        </div>
                                                        <div class="progress progress-sm">
                                                            <div class="progress-bar bg-danger" style="width: 55%"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-5 col-xl-12">
                                    <div class="portlet">
                                        <div class="portlet-header">
                                            <div class="portlet-icon"><i class="fa fa-inr"></i></div>
                                            <h3 class="portlet-title">Employee salary</h3>
                                        </div>
                                        <div class="carousel carousel-center my-3" id="widget-carousel-nav">
                                            <div class="carousel-item">
                                                <div class="widget6">
                                                    <h5 class="widget6-title">Software Engineer</h5><span class="widget6-subtitle">Secunderabad</span>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <div class="widget6">
                                                    <h5 class="widget6-title">Javascript Developer</h5><span class="widget6-subtitle">Hyderabad</span>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <div class="widget6">
                                                    <h5 class="widget6-title">Marketing Designer</h5><span class="widget6-subtitle">Delhi</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="carousel" id="widget-carousel">
                                                <div class="carousel-item">
                                                    <div class="rich-list">
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Angelica Ramos</h4><span class="rich-list-subtitle">₹162,700</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹17</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Airi Satou</h4><span class="rich-list-subtitle">₹433,060</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-danger fs-6">-₹127</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Colleen Hurst</h4><span class="rich-list-subtitle">₹205,500</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹56</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Brielle Williamson</h4><span class="rich-list-subtitle">₹86,000</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹6</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Garrett Winters</h4><span class="rich-list-subtitle">₹327,900</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-danger fs-6">-₹25</span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="carousel-item">
                                                    <div class="rich-list">
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Airi Satou</h4><span class="rich-list-subtitle">₹433,060</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-danger fs-6">-₹127</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Angelica Ramos</h4><span class="rich-list-subtitle">₹162,700</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹17</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Garrett Winters</h4><span class="rich-list-subtitle">₹327,900</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-danger fs-6">-₹25</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Brielle Williamson</h4><span class="rich-list-subtitle">₹86,000</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹6</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Colleen Hurst</h4><span class="rich-list-subtitle">₹205,500</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹56</span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="carousel-item">
                                                    <div class="rich-list">
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Airi Satou</h4><span class="rich-list-subtitle">₹433,060</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-danger fs-6">-₹127</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Colleen Hurst</h4><span class="rich-list-subtitle">₹205,500</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹56</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Brielle Williamson</h4><span class="rich-list-subtitle">₹86,000</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹6</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Garrett Winters</h4><span class="rich-list-subtitle">₹327,900</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-danger fs-6">-₹25</span></div>
                                                        </div>
                                                        <div class="rich-list-item">
                                                            <div class="rich-list-prepend">
                                                                <div class="avatar">
                                                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                                                </div>
                                                            </div>
                                                            <div class="rich-list-content">
                                                                <h4 class="rich-list-title">Angelica Ramos</h4><span class="rich-list-subtitle">₹162,700</span>
                                                            </div>
                                                            <div class="rich-list-append"><span class="badge badge-label-success fs-6">+₹17</span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="row portlet-row-fill-md h-100">
                                <div class="col-md-4 col-xl-12">
                                    <div class="portlet">
                                        <div class="portlet-body">
                                            <div class="widget10-item p-0">
                                                <div class="widget10-content">
                                                    <h2 class="widget10-title">₹27,639</h2><span class="widget10-subtitle">Total revenue</span>
                                                </div>
                                                <div class="widget10-addon">
                                                    <div class="avatar avatar-label-primary avatar-circle widget10-avatar">
                                                        <div class="avatar-display"><i class="fa fa-inr"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget11 widget11-bottom widget-chart-7" data-chart-color="#2196f3" data-chart-label="Revenue" data-chart-currency="true" data-chart-series="6400, 4000, 7600, 6200, 9800, 6400"></div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-xl-12">
                                    <div class="portlet">
                                        <div class="portlet-body">
                                            <div class="widget10-item p-0">
                                                <div class="widget10-content">
                                                    <h2 class="widget10-title">87,123</h2><span class="widget10-subtitle">Order received</span>
                                                </div>
                                                <div class="widget10-addon">
                                                    <div class="avatar avatar-label-success avatar-circle widget10-avatar">
                                                        <div class="avatar-display"><i class="fa fa-boxes"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget11 widget11-bottom widget-chart-7" data-chart-color="#4caf50" data-chart-label="Order" data-chart-currency="false" data-chart-series="2000, 4000, 3600, 6200, 2800, 6400"></div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-xl-12">
                                    <div class="portlet">
                                        <div class="portlet-body">
                                            <div class="widget10-item p-0">
                                                <div class="widget10-content">
                                                    <h2 class="widget10-title">5,726</h2><span class="widget10-subtitle">Unique visits</span>
                                                </div>
                                                <div class="widget10-addon">
                                                    <div class="avatar avatar-label-danger avatar-circle widget10-avatar">
                                                        <div class="avatar-display"><i class="fa fa-link"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget11 widget11-bottom widget-chart-7" data-chart-color="#f44336" data-chart-label="Visit" data-chart-currency="false" data-chart-series="560, 400, 480, 340, 780, 640"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="row portlet-row-fill-md h-100">
                                <div class="col-md-6 col-xl-12">
                                    <div class="portlet portlet-primary">
                                        <div class="portlet-header">
                                            <div class="portlet-icon"><i class="fa fa-chalkboard"></i></div>
                                            <h3 class="portlet-title">Company summary</h3>
                                            <div class="portlet-addon">
                                                <div class="dropdown"><button class="btn btn-label-light dropdown-toggle" data-bs-toggle="dropdown">June, 2020</button>
                                                    <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-poll"></i></div><span class="dropdown-content">Report</span>
                                                        </a><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-chart-pie"></i></div><span class="dropdown-content">Charts</span>
                                                        </a><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-chart-line"></i></div><span class="dropdown-content">Statistics</span>
                                                        </a>
                                                        <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                            <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Settings</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="d-grid gap-2">
                                                <div class="portlet mb-0">
                                                    <div class="portlet-body">
                                                        <div class="widget5">
                                                            <h4 class="widget5-title">Monthly income</h4>
                                                            <div class="widget5-group">
                                                                <div class="widget5-item"><span class="widget5-info">Total</span> <span class="widget5-value">₹65,880</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Change</span> <span class="widget5-value text-success">+15%</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Sales</span> <span class="widget5-value">554</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet mb-0">
                                                    <div class="portlet-body">
                                                        <div class="widget5">
                                                            <h4 class="widget5-title">Employee amount</h4>
                                                            <div class="widget5-group">
                                                                <div class="widget5-item"><span class="widget5-info">Total</span> <span class="widget5-value">1250</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Change</span> <span class="widget5-value text-danger">-2%</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Active</span> <span class="widget5-value">1120</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet mb-0">
                                                    <div class="portlet-body">
                                                        <div class="widget5">
                                                            <h4 class="widget5-title">Product sales</h4>
                                                            <div class="widget5-group">
                                                                <div class="widget5-item"><span class="widget5-info">Total</span> <span class="widget5-value">2350</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Change</span> <span class="widget5-value text-success">+10%</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Last report</span> <span class="widget5-value">2220</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet mb-0">
                                                    <div class="portlet-body">
                                                        <div class="widget5">
                                                            <h4 class="widget5-title">Monthly profit</h4>
                                                            <div class="widget5-group">
                                                                <div class="widget5-item"><span class="widget5-info">Total</span> <span class="widget5-value">₹502,100</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Change</span> <span class="widget5-value text-success">+15%</span></div>
                                                                <div class="widget5-item"><span class="widget5-info">Last month</span> <span class="widget5-value">₹453,000</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="portlet-footer text-end"><button class="btn btn-label-light">View all packages</button></div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-xl-12">
                                    <div class="row portlet-row-fill-sm">
                                        <div class="col-sm-6">
                                            <div class="portlet">
                                                <div class="portlet-header">
                                                    <h3 class="portlet-title">Features</h3>
                                                    <div class="portet-addon">
                                                        <div class="dropdown"><button class="btn btn-text-secondary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-poll"></i></div><span class="dropdown-content">Report</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-chart-pie"></i></div><span class="dropdown-content">Charts</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-chart-line"></i></div><span class="dropdown-content">Statistics</span>
                                                                </a></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-body">
                                                    <div class="widget8">
                                                        <div class="widget8-content">
                                                            <h4 class="widget8-highlight widget8-highlight-lg text-primary">34</h4>
                                                            <h6 class="widget8-title">Proposals</h6>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-footer"><span class="text-muted">Completed: <strong>8</strong></span></div>
                                            </div>
                                            <div class="portlet">
                                                <div class="portlet-body">
                                                    <div class="widget8">
                                                        <div class="widget8-addon" data-bs-toggle="tooltip" data-bs-placement="right" title="New users for last month"><i class="fa fa-question"></i></div>
                                                        <div class="widget8-content">
                                                            <div class="avatar avatar-label-primary avatar-circle widget8-avatar">
                                                                <div class="avatar-display"><i class="fa fa-user"></i></div>
                                                            </div>
                                                            <h4 class="widget8-highlight">35.2K</h4>
                                                            <h6 class="widget8-title">Users</h6><span class="widget8-subtitle text-success"><i class="fa fa-caret-up"></i> 0.2%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="portlet">
                                                <div class="portlet-header">
                                                    <h3 class="portlet-title">Bug</h3>
                                                    <div class="portet-addon">
                                                        <div class="dropdown"><button class="btn btn-text-secondary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-poll"></i></div><span class="dropdown-content">Report</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-chart-pie"></i></div><span class="dropdown-content">Charts</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-chart-line"></i></div><span class="dropdown-content">Statistics</span>
                                                                </a></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-body">
                                                    <div class="widget8">
                                                        <div class="widget8-content">
                                                            <h4 class="widget8-highlight widget8-highlight-lg text-danger">21</h4>
                                                            <h6 class="widget8-title">Report</h6>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-footer"><span class="text-muted">Fixed: <strong>4</strong></span></div>
                                            </div>
                                            <div class="portlet">
                                                <div class="portlet-body">
                                                    <div class="widget8">
                                                        <div class="widget8-content">
                                                            <div class="avatar avatar-label-info avatar-circle widget8-avatar">
                                                                <div class="avatar-display"><i class="fa fa-dollar-sign"></i></div>
                                                            </div>
                                                            <h4 class="widget8-highlight">₹23K</h4>
                                                            <h6 class="widget8-title">Profit</h6><span class="widget8-subtitle text-danger"><i class="fa fa-caret-down"></i> 1.4%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->
                   <!--  <div class="row portlet-row-fill-xl">
                        <div class="col-xl-4">
                            <div class="portlet">
                                <div class="portlet-header">
                                    <div class="portlet-icon"><i class="fa fa-bullhorn"></i></div>
                                    <h3 class="portlet-title">Trends</h3>
                                    <div class="portlet-addon">
                                        <div class="dropdown"><button class="btn btn-label-primary dropdown-toggle" data-bs-toggle="dropdown">Export</button>
                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                    <div class="dropdown-icon"><i class="fa fa-poll"></i></div><span class="dropdown-content">Report</span>
                                                </a><a class="dropdown-item" href="#">
                                                    <div class="dropdown-icon"><i class="fa fa-chart-pie"></i></div><span class="dropdown-content">Charts</span>
                                                </a><a class="dropdown-item" href="#">
                                                    <div class="dropdown-icon"><i class="fa fa-chart-line"></i></div><span class="dropdown-content">Statistics</span>
                                                </a>
                                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                    <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Customize</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="my-3" id="widget-chart-6"></div>
                                <div class="portlet-body">
                                    <div class="rich-list rich-list-flush">
                                        <div class="rich-list-item">
                                            <div class="rich-list-prepend">
                                                <div class="avatar avatar-label-warning">
                                                    <div class="avatar-display"><i class="fab fa-python"></i></div>
                                                </div>
                                            </div>
                                            <div class="rich-list-content">
                                                <h4 class="rich-list-title">Python</h4><span class="rich-list-subtitle">Programming language</span>
                                            </div>
                                        </div>
                                        <div class="rich-list-item">
                                            <div class="rich-list-prepend">
                                                <div class="avatar avatar-label-primary">
                                                    <div class="avatar-display"><i class="fab fa-facebook"></i></div>
                                                </div>
                                            </div>
                                            <div class="rich-list-content">
                                                <h4 class="rich-list-title">Facebook</h4><span class="rich-list-subtitle">Social media</span>
                                            </div>
                                        </div>
                                        <div class="rich-list-item">
                                            <div class="rich-list-prepend">
                                                <div class="avatar avatar-label-danger">
                                                    <div class="avatar-display"><i class="fab fa-angular"></i></div>
                                                </div>
                                            </div>
                                            <div class="rich-list-content">
                                                <h4 class="rich-list-title">Angular</h4><span class="rich-list-subtitle">Javascript framework</span>
                                            </div>
                                        </div>
                                        <div class="rich-list-item">
                                            <div class="rich-list-prepend">
                                                <div class="avatar avatar-label-secondary">
                                                    <div class="avatar-display"><i class="fab fa-apple"></i></div>
                                                </div>
                                            </div>
                                            <div class="rich-list-content">
                                                <h4 class="rich-list-title">Apple</h4><span class="rich-list-subtitle">Technology brand</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="row portlet-row-fill-md">
                                <div class="col-md-6">
                                   
                                    <div class="portlet">
                                        <div class="portlet-header">
                                            <div class="portlet-icon"><i class="fa fa-bell"></i></div>
                                            <h3 class="portlet-title">Notification</h3>
                                            <div class="portlet-addon">
                                                <div class="dropdown"><button class="btn btn-label-primary dropdown-toggle" data-bs-toggle="dropdown">All</button>
                                                    <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#"><span class="badge badge-label-primary">Personal</span> </a><a class="dropdown-item" href="#"><span class="badge badge-label-info">Work</span> </a><a class="dropdown-item" href="#"><span class="badge badge-label-success">Important</span> </a><a class="dropdown-item" href="#"><span class="badge badge-label-danger">Company</span></a></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="rich-list rich-list-bordered rich-list-action">
                                                <div class="rich-list-item">
                                                    <div class="rich-list-prepend">
                                                        <div class="avatar avatar-label-info">
                                                            <div class="avatar-display"><i class="fa fa-file-invoice"></i></div>
                                                        </div>
                                                    </div>
                                                    <div class="rich-list-content">
                                                        <h4 class="rich-list-title">New report has been received</h4><span class="rich-list-subtitle">2 min ago</span>
                                                    </div>
                                                    <div class="rich-list-append">
                                                        <div class="dropdown"><button class="btn btn-text-secondary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-check"></i></div><span class="dropdown-content">Mark as read</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-trash-alt"></i></div><span class="dropdown-content">Delete</span>
                                                                </a>
                                                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Settings</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="rich-list-item">
                                                    <div class="rich-list-prepend">
                                                        <div class="avatar avatar-label-success">
                                                            <div class="avatar-display"><i class="fa fa-shopping-basket"></i></div>
                                                        </div>
                                                    </div>
                                                    <div class="rich-list-content">
                                                        <h4 class="rich-list-title">Last order was completed</h4><span class="rich-list-subtitle">1 hrs ago</span>
                                                    </div>
                                                    <div class="rich-list-append">
                                                        <div class="dropdown"><button class="btn btn-text-secondary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-check"></i></div><span class="dropdown-content">Mark as read</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-trash-alt"></i></div><span class="dropdown-content">Delete</span>
                                                                </a>
                                                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Settings</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="rich-list-item">
                                                    <div class="rich-list-prepend">
                                                        <div class="avatar avatar-label-danger">
                                                            <div class="avatar-display"><i class="fa fa-users"></i></div>
                                                        </div>
                                                    </div>
                                                    <div class="rich-list-content">
                                                        <h4 class="rich-list-title">Company meeting canceled</h4><span class="rich-list-subtitle">5 hrs ago</span>
                                                    </div>
                                                    <div class="rich-list-append">
                                                        <div class="dropdown"><button class="btn btn-text-secondary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-check"></i></div><span class="dropdown-content">Mark as read</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-trash-alt"></i></div><span class="dropdown-content">Delete</span>
                                                                </a>
                                                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Settings</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="rich-list-item">
                                                    <div class="rich-list-prepend">
                                                        <div class="avatar avatar-label-warning">
                                                            <div class="avatar-display"><i class="fa fa-paper-plane"></i></div>
                                                        </div>
                                                    </div>
                                                    <div class="rich-list-content">
                                                        <h4 class="rich-list-title">New feedback received</h4><span class="rich-list-subtitle">6 hrs ago</span>
                                                    </div>
                                                    <div class="rich-list-append">
                                                        <div class="dropdown"><button class="btn btn-text-secondary btn-icon" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></button>
                                                            <div class="dropdown-menu dropdown-menu-end dropdown-menu-animated"><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-check"></i></div><span class="dropdown-content">Mark as read</span>
                                                                </a><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-trash-alt"></i></div><span class="dropdown-content">Delete</span>
                                                                </a>
                                                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#">
                                                                    <div class="dropdown-icon"><i class="fa fa-cog"></i></div><span class="dropdown-content">Settings</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="portlet">
                                        <div class="portlet-body">
                                            <div class="row g-2">
                                                <div class="col-sm-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h3 class="widget4-subtitle">Completed Transactions</h3>
                                                                <h2 class="widget4-highlight">54,234</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h3 class="widget4-subtitle">Avarage Product Price</h3>
                                                                <h2 class="widget4-highlight">₹67,50</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h3 class="widget4-subtitle">New Orders</h3>
                                                                <h2 class="widget4-highlight">242</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="widget4">
                                                        <div class="widget4-group">
                                                            <div class="widget4-display">
                                                                <h2 class="widget4-subtitle">Satisfication Rate</h2>
                                                            </div>
                                                            <div class="widget4-addon">
                                                                <h2 class="widget4-subtitle">90%</h2>
                                                            </div>
                                                        </div>
                                                        <div class="progress">
                                                            <div class="progress-bar bg-primary" style="width: 90%"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
            
    <?php include("includes/footer.php");?>
        </div>
    </div>
    <div class="floating-btn floating-btn-end d-grid gap-2"><button class="btn btn-flat-primary btn-icon" data-bs-toggle="tooltip" data-bs-placement="right" title="Change theme" id="theme-toggle"><i class="fa fa-moon"></i></button> <a class="btn btn-flat-primary btn-icon" data-bs-toggle="tooltip" data-bs-placement="right" title="Look documentation" href="https://docs.blueupcode.com/guide-html_v3-0-0.html" target="_blank"><i class="fa fa-book"></i></a></div>
    <div class="offcanvas offcanvas-start" id="offcanvas-navigation">
        <div class="offcanvas-header">
            <h3 class="offcanvas-title">Navigation</h3><button class="btn btn-label-danger btn-icon" data-bs-dismiss="offcanvas"><i class="fa fa-times"></i></button>
        </div>
        <div class="offcanvas-body px-0" data-simplebar data-simplebar-direction="ltr">
            <div class="menu">
                <div class="menu-item"><a href="index.html" data-menu-path="/index.html" class="menu-item-link">
                        <div class="menu-item-icon"><i class="fa fa-desktop"></i></div><span class="menu-item-text">Dashboard</span>
                        <div class="menu-item-addon"><span class="badge badge-success">New</span></div>
                    </a></div>
                <div class="menu-section">
                    <h2 class="menu-section-text">Elements</h2>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-palette"></i></div><span class="menu-item-text">Base</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="elements/base/accordion.html" data-menu-path="/elements/base/accordion.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Accordion</span></a></div>
                        <div class="menu-item"><a href="elements/base/alert.html" data-menu-path="/elements/base/alert.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Alert</span></a></div>
                        <div class="menu-item"><a href="elements/base/badge.html" data-menu-path="/elements/base/badge.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Badge</span></a></div>
                        <div class="menu-item"><a href="elements/base/breadcrumb.html" data-menu-path="/elements/base/breadcrumb.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Breadcrumb</span></a></div>
                        <div class="menu-item"><a href="elements/base/button.html" data-menu-path="/elements/base/button.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Button</span></a></div>
                        <div class="menu-item"><a href="elements/base/button-group.html" data-menu-path="/elements/base/button-group.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Button group</span></a></div>
                        <div class="menu-item"><a href="elements/base/card.html" data-menu-path="/elements/base/card.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Card</span></a></div>
                        <div class="menu-item"><a href="elements/base/color.html" data-menu-path="/elements/base/color.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Color</span></a></div>
                        <div class="menu-item"><a href="elements/base/dropdown.html" data-menu-path="/elements/base/dropdown.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Dropdown</span></a></div>
                        <div class="menu-item"><a href="elements/base/list-group.html" data-menu-path="/elements/base/list-group.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">List group</span></a></div>
                        <div class="menu-item"><a href="elements/base/marker.html" data-menu-path="/elements/base/marker.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Marker</span></a></div>
                        <div class="menu-item"><a href="elements/base/modal.html" data-menu-path="/elements/base/modal.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Modal</span></a></div>
                        <div class="menu-item"><a href="elements/base/nav.html" data-menu-path="/elements/base/nav.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Navigation</span></a></div>
                        <div class="menu-item"><a href="elements/base/offcanvas.html" data-menu-path="/elements/base/offcanvas.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Offcanvas</span></a></div>
                        <div class="menu-item"><a href="elements/base/pagination.html" data-menu-path="/elements/base/pagination.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Pagination</span></a></div>
                        <div class="menu-item"><a href="elements/base/placeholder.html" data-menu-path="/elements/base/placeholder.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Placeholder</span></a></div>
                        <div class="menu-item"><a href="elements/base/popover.html" data-menu-path="/elements/base/popover.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Popover</span></a></div>
                        <div class="menu-item"><a href="elements/base/progress.html" data-menu-path="/elements/base/progress.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Progress</span></a></div>
                        <div class="menu-item"><a href="elements/base/spinner.html" data-menu-path="/elements/base/spinner.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Spinner</span></a></div>
                        <div class="menu-item"><a href="elements/base/tab.html" data-menu-path="/elements/base/tab.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Tab</span></a></div>
                        <div class="menu-item"><a href="elements/base/table.html" data-menu-path="/elements/base/table.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Table</span></a></div>
                        <div class="menu-item"><a href="elements/base/tooltip.html" data-menu-path="/elements/base/tooltip.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Tooltip</span></a></div>
                        <div class="menu-item"><a href="elements/base/type.html" data-menu-path="/elements/base/type.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Typography</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-adjust"></i></div><span class="menu-item-text">Advanced</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="elements/advanced/avatar.html" data-menu-path="/elements/advanced/avatar.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Avatar</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/block-ui.html" data-menu-path="/elements/advanced/block-ui.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Block UI</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/carousel.html" data-menu-path="/elements/advanced/carousel.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Carousel</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/chat.html" data-menu-path="/elements/advanced/chat.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Chat</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/context-menu.html" data-menu-path="/elements/advanced/context-menu.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Context menu</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/grid-nav.html" data-menu-path="/elements/advanced/grid-nav.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Grid nav</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/rich-list.html" data-menu-path="/elements/advanced/rich-list.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Rich list</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/sortable.html" data-menu-path="/elements/advanced/sortable.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Sortable</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/sweet-alert.html" data-menu-path="/elements/advanced/sweet-alert.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Sweet alert</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/timeline.html" data-menu-path="/elements/advanced/timeline.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Timeline</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/toastr.html" data-menu-path="/elements/advanced/toastr.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Toastr</span></a></div>
                        <div class="menu-item"><a href="elements/advanced/treeview.html" data-menu-path="/elements/advanced/treeview.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Treeview</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-icons"></i></div><span class="menu-item-text">Icons</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="icons/fontawesome.html" data-menu-path="/icons/fontawesome.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Font Awesome</span></a></div>
                        <div class="menu-item"><a href="icons/feather.html" data-menu-path="/icons/feather.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Feather</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-window-restore"></i></div><span class="menu-item-text">Portlet</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="portlet/base.html" data-menu-path="/portlet/base.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Base</span></a></div>
                        <div class="menu-item"><a href="portlet/drag.html" data-menu-path="/portlet/drag.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Draggable</span></a></div>
                        <div class="menu-item"><a href="portlet/tab.html" data-menu-path="/portlet/tab.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Tab</span></a></div>
                        <div class="menu-item"><a href="portlet/tool.html" data-menu-path="/portlet/tool.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Tool</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-shapes"></i></div><span class="menu-item-text">Widget</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="widgets/general.html" data-menu-path="/widgets/general.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">General</span></a></div>
                        <div class="menu-item"><a href="widgets/chart.html" data-menu-path="/widgets/chart.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Chart</span></a></div>
                    </div>
                </div>
                <div class="menu-section">
                    <h2 class="menu-section-text">Data</h2>
                </div>
                <div class="menu-item"><a href="chart/apex-chart.html" data-menu-path="/chart/apex-chart.html" class="menu-item-link">
                        <div class="menu-item-icon"><i class="fa fa-chart-pie"></i></div><span class="menu-item-text">Charts</span>
                    </a></div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-table"></i></div><span class="menu-item-text">Datatable</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><button class="menu-item-link menu-item-toggle"><i class="menu-item-bullet"></i> <span class="menu-item-text">Basic</span>
                                <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                            </button>
                            <div class="menu-submenu">
                                <div class="menu-item"><a href="datatable/basic/base.html" data-menu-path="/datatable/basic/base.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Base</span></a></div>
                                <div class="menu-item"><a href="datatable/basic/footer.html" data-menu-path="/datatable/basic/footer.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Footer</span></a></div>
                                <div class="menu-item"><a href="datatable/basic/scrollable.html" data-menu-path="/datatable/basic/scrollable.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Scrollable</span></a></div>
                                <div class="menu-item"><a href="datatable/basic/pagination.html" data-menu-path="/datatable/basic/pagination.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Pagination</span></a></div>
                                <div class="menu-item"><a href="datatable/basic/menu.html" data-menu-path="/datatable/basic/menu.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Length menu</span></a></div>
                            </div>
                        </div>
                        <div class="menu-item"><button class="menu-item-link menu-item-toggle"><i class="menu-item-bullet"></i> <span class="menu-item-text">Advanced</span>
                                <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                            </button>
                            <div class="menu-submenu">
                                <div class="menu-item"><a href="datatable/advanced/column-rendering.html" data-menu-path="/datatable/advanced/column-rendering.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Column rendering</span></a></div>
                                <div class="menu-item"><a href="datatable/advanced/column-visibility.html" data-menu-path="/datatable/advanced/column-visibility.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Column visibility</span></a></div>
                                <div class="menu-item"><a href="datatable/advanced/footer-callback.html" data-menu-path="/datatable/advanced/footer-callback.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Footer callback</span></a></div>
                                <div class="menu-item"><a href="datatable/advanced/multiple-controls.html" data-menu-path="/datatable/advanced/multiple-controls.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Multiple controls</span></a></div>
                                <div class="menu-item"><a href="datatable/advanced/row-callback.html" data-menu-path="/datatable/advanced/row-callback.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Row callback</span></a></div>
                            </div>
                        </div>
                        <div class="menu-item"><button class="menu-item-link menu-item-toggle"><i class="menu-item-bullet"></i> <span class="menu-item-text">Source</span>
                                <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                            </button>
                            <div class="menu-submenu">
                                <div class="menu-item"><a href="datatable/source/html.html" data-menu-path="/datatable/source/html.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">HTML</span></a></div>
                                <div class="menu-item"><a href="datatable/source/javascript.html" data-menu-path="/datatable/source/javascript.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Javascript</span></a></div>
                            </div>
                        </div>
                        <div class="menu-item"><button class="menu-item-link menu-item-toggle"><i class="menu-item-bullet"></i> <span class="menu-item-text">Extension</span>
                                <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                            </button>
                            <div class="menu-submenu">
                                <div class="menu-item"><a href="datatable/extension/autofill.html" data-menu-path="/datatable/extension/autofill.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Auto fill</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/buttons.html" data-menu-path="/datatable/extension/buttons.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Buttons</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/column-reorder.html" data-menu-path="/datatable/extension/column-reorder.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Column reorder</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/fixed-header.html" data-menu-path="/datatable/extension/fixed-header.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Fixed header</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/fixed-column.html" data-menu-path="/datatable/extension/fixed-column.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Fixed column</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/key-table.html" data-menu-path="/datatable/extension/key-table.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Key table</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/row-group.html" data-menu-path="/datatable/extension/row-group.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Row group</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/row-reorder.html" data-menu-path="/datatable/extension/row-reorder.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Row reorder</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/scroller.html" data-menu-path="/datatable/extension/scroller.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Scroller</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/search-panes.html" data-menu-path="/datatable/extension/search-panes.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Search panes</span></a></div>
                                <div class="menu-item"><a href="datatable/extension/select.html" data-menu-path="/datatable/extension/select.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Select</span></a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="menu-section">
                    <h2 class="menu-section-text">Form</h2>
                </div>
                <div class="menu-item"><a href="form/base.html" data-menu-path="/form/base.html" class="menu-item-link">
                        <div class="menu-item-icon"><i class="fa fa-dice"></i></div><span class="menu-item-text">Base</span>
                    </a></div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-fill-drip"></i></div><span class="menu-item-text">Advanced</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="form/advanced/autosize.html" data-menu-path="/form/advanced/autosize.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Autosize</span></a></div>
                        <div class="menu-item"><a href="form/advanced/bs-maxlength.html" data-menu-path="/form/advanced/bs-maxlength.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Bootstrap maxlength</span></a></div>
                        <div class="menu-item"><a href="form/advanced/clipboard.html" data-menu-path="/form/advanced/clipboard.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Clipboard</span></a></div>
                        <div class="menu-item"><a href="form/advanced/datepicker.html" data-menu-path="/form/advanced/datepicker.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Date picker</span></a></div>
                        <div class="menu-item"><a href="form/advanced/datetimepicker.html" data-menu-path="/form/advanced/datetimepicker.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Date time picker</span></a></div>
                        <div class="menu-item"><a href="form/advanced/daterangepicker.html" data-menu-path="/form/advanced/daterangepicker.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Date range picker</span></a></div>
                        <div class="menu-item"><a href="form/advanced/inputmask.html" data-menu-path="/form/advanced/inputmask.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Input mask</span></a></div>
                        <div class="menu-item"><a href="form/advanced/select2.html" data-menu-path="/form/advanced/select2.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Select2</span></a></div>
                        <div class="menu-item"><a href="form/advanced/slider.html" data-menu-path="/form/advanced/slider.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Slider</span></a></div>
                        <div class="menu-item"><a href="form/advanced/touchspin.html" data-menu-path="/form/advanced/touchspin.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Touchspin</span></a></div>
                        <div class="menu-item"><a href="form/advanced/typeahead.html" data-menu-path="/form/advanced/typeahead.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Typeahead</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-pencil-ruler"></i></div><span class="menu-item-text">Editor</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="editor/basic.html" data-menu-path="/editor/basic.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Basic</span></a></div>
                        <div class="menu-item"><a href="editor/bubble.html" data-menu-path="/editor/bubble.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Bubble</span></a></div>
                        <div class="menu-item"><a href="editor/complex.html" data-menu-path="/editor/complex.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Complex</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><a href="form/group.html" data-menu-path="/form/group.html" class="menu-item-link">
                        <div class="menu-item-icon"><i class="fa fa-th-list"></i></div><span class="menu-item-text">Group</span>
                    </a></div>
                <div class="menu-item"><a href="form/layout.html" data-menu-path="/form/layout.html" class="menu-item-link">
                        <div class="menu-item-icon"><i class="fa fa-ruler-combined"></i></div><span class="menu-item-text">Layout</span>
                    </a></div>
                <div class="menu-item"><a href="form/validation.html" data-menu-path="/form/validation.html" class="menu-item-link">
                        <div class="menu-item-icon"><i class="fa fa-check"></i></div><span class="menu-item-text">Validation</span>
                    </a></div>
                <div class="menu-section">
                    <h2 class="menu-section-text">Pages</h2>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-unlock-alt"></i></div><span class="menu-item-text">Login</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="pages/login/login-1.html" data-menu-path="/pages/login/login-1.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Login 1</span></a></div>
                        <div class="menu-item"><a href="pages/login/login-2.html" data-menu-path="/pages/login/login-2.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Login 2</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-user-plus"></i></div><span class="menu-item-text">Register</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="pages/register/register-1.html" data-menu-path="/pages/register/register-1.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Register 1</span></a></div>
                        <div class="menu-item"><a href="pages/register/register-2.html" data-menu-path="/pages/register/register-2.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Register 2</span></a></div>
                    </div>
                </div>
                <div class="menu-item"><button class="menu-item-link menu-item-toggle">
                        <div class="menu-item-icon"><i class="fa fa-unlink"></i></div><span class="menu-item-text">Error</span>
                        <div class="menu-item-addon"><i class="menu-item-caret caret"></i></div>
                    </button>
                    <div class="menu-submenu">
                        <div class="menu-item"><a href="pages/error/error-1.html" data-menu-path="/pages/error/error-1.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Error 1</span></a></div>
                        <div class="menu-item"><a href="pages/error/error-2.html" data-menu-path="/pages/error/error-2.html" class="menu-item-link"><i class="menu-item-bullet"></i> <span class="menu-item-text">Error 2</span></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" id="offcanvas-settings">
        <div class="offcanvas-header">
            <h3 class="offcanvas-title">Settings</h3><button class="btn btn-label-danger btn-icon" data-bs-dismiss="offcanvas"><i class="fa fa-times"></i></button>
        </div>
        <div class="offcanvas-body" data-simplebar data-simplebar-direction="ltr">
            <div class="portlet">
                <div class="portlet-header portlet-header-bordered">
                    <div class="portlet-icon"><i class="fa fa-bolt"></i></div>
                    <h3 class="portlet-title">Performance</h3>
                </div>
                <div class="portlet-body">
                    <div class="d-grid gap-3">
                        <div class="widget4">
                            <div class="widget4-group">
                                <div class="widget4-display">
                                    <h6 class="widget4-subtitle">CPU Load</h6>
                                </div>
                                <div class="widget4-addon">
                                    <h6 class="widget4-subtitle text-info">60%</h6>
                                </div>
                            </div>
                            <div class="progress progress-sm">
                                <div class="progress-bar bg-info" style="width: 60%"></div>
                            </div>
                        </div>
                        <div class="widget4">
                            <div class="widget4-group">
                                <div class="widget4-display">
                                    <h6 class="widget4-subtitle">CPU Temparature</h6>
                                </div>
                                <div class="widget4-addon">
                                    <h6 class="widget4-subtitle text-success">42°</h6>
                                </div>
                            </div>
                            <div class="progress progress-sm">
                                <div class="progress-bar bg-success" style="width: 30%"></div>
                            </div>
                        </div>
                        <div class="widget4">
                            <div class="widget4-group">
                                <div class="widget4-display">
                                    <h6 class="widget4-subtitle">RAM Usage</h6>
                                </div>
                                <div class="widget4-addon">
                                    <h6 class="widget4-subtitle text-danger">6,532 MB</h6>
                                </div>
                            </div>
                            <div class="progress progress-sm">
                                <div class="progress-bar bg-danger" style="width: 80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="portlet">
                <div class="portlet-header">
                    <h3 class="portlet-title">Customer care</h3>
                </div>
                <div class="portlet-body">
                    <div class="d-grid gap-1">
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-1"> <label class="form-check-label" for="offcanvas-setting-1">Enable notifications</label></div>
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-2" checked="checked"> <label class="form-check-label" for="offcanvas-setting-2">Enable case tracking</label></div>
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-3"> <label class="form-check-label" for="offcanvas-setting-3">Support portal</label></div>
                    </div>
                </div>
            </div>
            <div class="portlet">
                <div class="portlet-header">
                    <h3 class="portlet-title">Reports</h3>
                </div>
                <div class="portlet-body">
                    <div class="d-grid gap-1">
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-4"> <label class="form-check-label" for="offcanvas-setting-4">Generate reports</label></div>
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-5" checked="checked"> <label class="form-check-label" for="offcanvas-setting-5">Enable report export</label></div>
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-6"> <label class="form-check-label" for="offcanvas-setting-6">Allow data</label></div>
                    </div>
                </div>
            </div>
            <div class="portlet">
                <div class="portlet-header">
                    <h3 class="portlet-title">Projects</h3>
                </div>
                <div class="portlet-body">
                    <div class="d-grid gap-1">
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-7"> <label class="form-check-label" for="offcanvas-setting-7">Enable create projects</label></div>
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-8" checked="checked"> <label class="form-check-label" for="offcanvas-setting-8">Enable custom projects</label></div>
                        <div class="form-check form-check-lg form-switch"><input type="checkbox" class="form-check-input" id="offcanvas-setting-9"> <label class="form-check-label" for="offcanvas-setting-9">Enable project review</label></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" id="offcanvas-todo">
        <div class="offcanvas-header">
            <h3 class="offcanvas-title">May 14, 2020</h3><button class="btn btn-label-danger btn-icon" data-bs-dismiss="offcanvas"><i class="fa fa-times"></i></button>
        </div>
        <div class="offcanvas-body" data-simplebar data-simplebar-direction="ltr">
            <div class="portlet">
                <div class="portlet-header portlet-header-bordered">
                    <div class="portlet-icon"><i class="fa fa-tasks"></i></div>
                    <h3 class="portlet-title">Upcoming events</h3>
                </div>
                <div class="portlet-body">
                    <div class="timeline rich-list-bordered">
                        <div class="timeline-item">
                            <div class="timeline-pin"><i class="marker marker-circle text-primary"></i></div>
                            <div class="timeline-content">
                                <div class="rich-list-item">
                                    <div class="rich-list-content">
                                        <h5 class="rich-list-title">12:00</h5>
                                        <p class="rich-list-paragraph">Donec laoreet fringilla justo a pellentesque</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="timeline-item">
                            <div class="timeline-pin"><i class="marker marker-circle text-success"></i></div>
                            <div class="timeline-content">
                                <div class="rich-list-item">
                                    <div class="rich-list-content">
                                        <h5 class="rich-list-title">13:20</h5>
                                        <p class="rich-list-paragraph">Nunc quis massa nec enim</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="timeline-item">
                            <div class="timeline-pin"><i class="marker marker-circle text-danger"></i></div>
                            <div class="timeline-content">
                                <div class="rich-list-item">
                                    <div class="rich-list-content">
                                        <h5 class="rich-list-title">14:00</h5>
                                        <p class="rich-list-paragraph">Praesent sit amet</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="portlet">
                <div class="portlet-header portlet-header-bordered">
                    <div class="portlet-icon"><i class="fa fa-users"></i></div>
                    <h3 class="portlet-title">Contacts</h3>
                    <div class="portlet-addon"><button class="btn btn-label-primary btn-icon"><i class="fa fa-plus"></i></button></div>
                </div>
                <div class="portlet-body p-0">
                    <div class="rich-list rich-list-flush rich-list-action"><a href="#" class="rich-list-item">
                            <div class="rich-list-prepend">
                                <div class="avatar avatar-circle">
                                    <div class="avatar-addon avatar-addon-top">
                                        <div class="avatar-icon avatar-icon-info"><i class="fa fa-thumbtack"></i></div>
                                    </div>
                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                    <div class="avatar-addon avatar-addon-bottom"><i class="marker marker-dot text-secondary"></i></div>
                                </div>
                            </div>
                            <div class="rich-list-content">
                                <h4 class="rich-list-title">Charlie Stone</h4><span class="rich-list-subtitle">Art Director</span>
                            </div>
                            <div class="rich-list-append flex-column align-items-end"><span class="text-muted text-nowrap">1 min</span> <span class="badge badge-success rounded-pill">1</span></div>
                        </a><a href="#" class="rich-list-item">
                            <div class="rich-list-prepend">
                                <div class="avatar avatar-circle">
                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                    <div class="avatar-addon avatar-addon-bottom"><i class="marker marker-dot text-success"></i></div>
                                </div>
                            </div>
                            <div class="rich-list-content">
                                <h4 class="rich-list-title">Freddie Stevens</h4><span class="rich-list-subtitle">Journalist</span>
                            </div>
                            <div class="rich-list-append flex-column align-items-end"><span class="text-muted text-nowrap">2 hour</span> <span class="badge badge-success rounded-pill">12</span></div>
                        </a><a href="#" class="rich-list-item">
                            <div class="rich-list-prepend">
                                <div class="avatar avatar-circle">
                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                    <div class="avatar-addon avatar-addon-bottom"><i class="marker marker-dot text-success"></i></div>
                                </div>
                            </div>
                            <div class="rich-list-content">
                                <h4 class="rich-list-title">Tyler Clark</h4><span class="rich-list-subtitle">Programmer</span>
                            </div>
                            <div class="rich-list-append flex-column align-items-end"><span class="text-muted text-nowrap">5 hour</span></div>
                        </a><a href="#" class="rich-list-item">
                            <div class="rich-list-prepend">
                                <div class="avatar avatar-circle">
                                    <div class="avatar-addon avatar-addon-top">
                                        <div class="avatar-icon avatar-icon-success"><i class="fa fa-check"></i></div>
                                    </div>
                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                    <div class="avatar-addon avatar-addon-bottom"><i class="marker marker-dot text-secondary"></i></div>
                                </div>
                            </div>
                            <div class="rich-list-content">
                                <h4 class="rich-list-title">Darcy Harrison</h4><span class="rich-list-subtitle">Internet Marketer</span>
                            </div>
                            <div class="rich-list-append flex-column align-items-end"><span class="text-muted text-nowrap">1 day</span> <span class="badge badge-success rounded-pill">2</span></div>
                        </a><a href="#" class="rich-list-item">
                            <div class="rich-list-prepend">
                                <div class="avatar avatar-circle">
                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                    <div class="avatar-addon avatar-addon-bottom"><i class="marker marker-dot text-success"></i></div>
                                </div>
                            </div>
                            <div class="rich-list-content">
                                <h4 class="rich-list-title">Victor Payne</h4><span class="rich-list-subtitle">Accountant</span>
                            </div>
                            <div class="rich-list-append flex-column align-items-end"><span class="text-muted text-nowrap">1 day</span> <span class="badge badge-success rounded-pill">5</span></div>
                        </a><a href="#" class="rich-list-item">
                            <div class="rich-list-prepend">
                                <div class="avatar avatar-circle">
                                    <div class="avatar-display"><img src="assets/images/avatar.webp" alt="Avatar image"></div>
                                    <div class="avatar-addon avatar-addon-bottom"><i class="marker marker-dot text-secondary"></i></div>
                                </div>
                            </div>
                            <div class="rich-list-content">
                                <h4 class="rich-list-title">Alberta Harris</h4><span class="rich-list-subtitle">UI Designer</span>
                            </div>
                            <div class="rich-list-append flex-column align-items-end"><span class="text-muted text-nowrap">2 day</span> <span class="badge badge-success rounded-pill">4</span></div>
                        </a></div>
                </div>
            </div>
        </div>
    </div>
    <?php include("includes/js.php");?>
</body> 

</html>