<div class="left-sidebar bg-black-300 box-shadow ">
                        <div class="sidebar-content">
                            <div class="user-info closed">
                                <img src="http://placehold.it/90/c2c2c2?text=User" alt="Admin" class="img-circle profile-img">
                                <h6 class="title">Admin</h6>
                                <small class="info">AWS Admin</small>
                            </div>
                            <!-- /.user-info -->

                            <div class="sidebar-nav">
                                <ul class="side-nav color-gray">
                                    <li class="nav-header">
                                        <span class="">Main Category</span>
                                    </li>
                                    <li>
                                        <a href="latest.php"><i class="fa fa-tachometer"></i> <span>Dashboard</span> </a>
                                     
                                    </li>

                                    <li class="nav-header">
                                        <span class="">Appearance</span>
                                    </li>
                                    <li class="has-children">
                                        <!--<a href="#"><i class="fas fa-file-alt"></i> <span>Automatic Weather Station System</span> <i class="fas fa-chevron-right"></i></a>-->
                                        <a href="#"><i class="fa fa-sun-o"></i> <span>AWS System</span> <i class="fa fa-angle-right arrow"></i></a>
                                        <ul class="child-nav">
                                            <li><a href="dashboard.php"><i class="fa fa-bar-chart"></i> <span>Chart</span></a></li>
                                            <li><a href="awstable.php"><i class="fa fa-table"></i> <span>Reports</span></a></li>
                                           
                                        </ul>
                                    </li>
                                    <!--<li class="has-children">-->
                                    <!--    <a href="#"><i class="fa fa-tablet"></i> <span>AWS Clients & Devices</span> <i class="fa fa-angle-right arrow"></i></a>-->
                                       
                                    <!--    <ul class="child-nav">-->
                                    <!--        <li><a href="add-devices.php"><i class="fa fa-desktop"></i> <span>Add Devices</span></a></li>-->
                                    <!--        <li><a href="manage-devices.php"><i class="fa fa fa-lock"></i> <span>Manage Devices</span></a></li>-->
                                         
                                    <!--    </ul>-->
                                    <!--</li>-->
                                    
                                    <!-- <li class="has-children">-->
                                    <!--    <a href="#"><i class="fa fa-tablet"></i> <span>Pollution Clients & Devices</span> <i class="fa fa-angle-right arrow"></i></a>-->
                                       
                                    <!--    <ul class="child-nav">-->
                                    <!--        <li><a href="#"><i class="fa fa-desktop"></i> <span>Add Devices</span></a></li>-->
                                    <!--        <li><a href="#"><i class="fa fa fa-lock"></i> <span>Manage Devices</span></a></li>-->
                                         
                                    <!--    </ul>-->
                                    <!--</li>-->
                                        <li><a href="change-password.php"><i class="fa  fa-user"></i> <span> Admin Change Password</span></a></li>
                                           
                                    </li>
                            </div>
                            <!-- /.sidebar-nav -->
                        </div>
                        <!-- /.sidebar-content -->
                    </div>
