<!DOCTYPE HTML>
<html lang="en">
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->

<head>
    <title>My Profile</title>
    <?php require_once("header.php") ?>
    <div class="header header-fixed header-logo-center header-auto-show">
        <a href="index-2.html" class="header-title">Welcome</a>
        <a href="#" data-back-button class="header-icon header-icon-1"><i class="fas fa-chevron-left"></i></a>
        <a href="#" data-menu="menu-main" class="header-icon header-icon-4"><i class="fas fa-bars"></i></a>
        <a href="#" data-toggle-theme class="header-icon header-icon-3 show-on-theme-dark"><i class="fas fa-sun"></i></a>
        <a href="#" data-toggle-theme class="header-icon header-icon-3 show-on-theme-light"><i class="fas fa-moon"></i></a>
    </div>
    <?php require_once("footer.php") ?>

    <div class="page-content">
        <div class="card notch-clear rounded-0 gradient-blue mb-3">
            <div class="card-body pt-4">
                <div class="d-flex">
                    <div class="align-self-center">
                        <h1 class="color-white font-28 float-start mb-0">My Profile</h1>
                    </div>
                    <div class="ms-auto align-self-center">
                        <a href="#" data-menu="menu_nav"  class="menu_class bg-theme icon icon-xs font-600 rounded-sm color-theme"><i class="fa fa-bars"></i></a>
                    </div>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="content z-depth-2 p-1" style="background: rgba(255, 255, 255, 0.9);border-radius: 10px;">
                    <div class="d-flex mt-0 mb-1 p-2">
                        <div>
                            <img src="images/pictures/6t.jpg" data-src="images/pictures/6t.jpg" width="85" class="z-depth-1 rounded-circle me-3 sadow-xl preload-img entered loaded" data-ll-status="loaded">
                        </div>

                        <div class="flex-grow-1">
                            <h6>Family Account<i class="fa fa-check-circle color-blue-dark font-16 ms-3"></i></h6>
                            <a href="#" class="mt-3 font-9 btn btn-xs font-600 btn-border border-highlight color-highlight">View</a>
                            <a href="#" data-menu="menu-follow" class="mt-3 ms-2 btn btn-xs font-9 font-600 btn-border border-highlight color-highlight">Change Password</a>
                        </div>

                    </div>
                    <div class="content">
                        <h6>MR UGOCHUKWU'S FAMILY</h6>
                        <p class="mb-n3">Mauris consequat mi vel felis pharetra ornare. Praesent facilisis arcu orci, non tempor nisl interdum et. Nunc volutpat facilisis metus, sit amet placerat nulla.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="pe-2 ps-2">
            <div class="d-flex z-depth-1 p-2 mb-3 " style="background: rgba(255, 255, 255, 0.9);border-radius: 10px;">
                <div class="w-35 border-right border-highlight">
                    <img src="images/avatars/2s.png" width="100" class="bg-highlight rounded-circle z-depth-1">
                    <h6 class="font-12 font-600 mt-2 text-center">JSS1 D</h6>
                    <p class="color-blue-dark mt-n3 font-10 font-400 text-center mb-0 pt-1">Male</p>
                </div>
                <div class="w-100 ps-3 pt-2">
                    <h5 style="text-align: left;">Kelechi Chukwuka Chimaroke</h5>
                    <!-- <p class="color-highlight mt-n3 font-10 pt-1 mb-0">Parent: Yes | Type: OLD STUDENT | Access: Full Access</p> -->
                    <div style="background: #f8f9fa;">
                        <table border="0" class="t-student text-center mb-2" style="width:100%;">
                            <thead>
                                <tr>
                                    <th class="opacity-40 font-8">TOTAL RESULT</th>
                                    <th class="opacity-40 font-8">CHECKED</th>
                                    <th class="opacity-40 font-8">UNCHECKED</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><span class="color-dark font-10">12</span></td>
                                    <td><span class="color-green-dark font-10">10</span></td>
                                    <td><span class="color-red-dark font-10">10</span></td>
                                </tr>
                                <!-- Add more rows as needed -->
                            </tbody>
                        </table>
                    </div>
                    <div class="col-lg-12 mb-0 mb-2 space_evenly">
                        <div class=" item_space">
                            <a data-menu="filterSchools" href="#" class="btn btn-full bg-green-dark btn-m filter_schools">View </a>
                        </div>
                        <div class=" item_space">
                            <a data-menu="filterSchools" href="#" class="btn btn-full bg-blue-dark btn-m filter_schools">Action </a>
                        </div>
                        <div class=" item_space">
                            <a data-menu="filterSchools" href="#" class="btn btn-full bg-black btn-m filter_schools">Message </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>


    <div id="menu-main" class="menu menu-box-left rounded-0" data-menu-load="menu-main.html" data-menu-width="280" data-menu-active="nav-pages"></div>

    <div id="menu-share" class="menu menu-box-bottom rounded-m" data-menu-load="menu-share.html" data-menu-height="370"></div>

    <div id="menu-colors" class="menu menu-box-bottom rounded-m" data-menu-load="menu-colors.html" data-menu-height="480"></div>
    </div>
    
    <?php require_once("script.php") ?>