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

<head>
    <title>End of Term Report</title>
    <?php require_once("header.php") ?>
    <div class="header header-fixed header-logo-center header-auto-show">
        <a href="#" 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">
            <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">End of Term Report</h1>
                    </div>
                    <div class="ms-auto align-self-center">
                        <a href="#" data-menu="menu_nav" class="bg-theme icon icon-xs font-600 rounded-sm color-theme menu_class"><i class="fa fa-bars"></i></a>
                    </div>
                </div>
            </div>
            <div class="card-body mx-0 px-0 mt-n2 mb-n5">
                <div class="card card-style ms-3 mb-n5 z-depth-2" style="background-image:url(images/health/10m.jpg);border-radius:20px;" data-card-height="300">
                    <div class="card-top m-2">
                        <a href="tel:+1 234 567 8991" class="default-link btn btn-s bg-theme color-theme rounded-sm text-uppercase font-700 float-end">Call Us</a>
                    </div>
                    <div class="card-bottom px-3 py-3">
                        <h1 class="color-white font-24 mb-0">Here when it Matter</h1>
                        <p class="mb-0 color-white pe-5 opacity-60">
                            You can always count on us to be there for you when you need it most.
                        </p>
                    </div>
                    <div class="card-overla bg-gradient opacity-30"></div>
                    <div class="card-overlay bg-gradient"></div>
                </div>
            </div>
        </div>
        <div class="content mt-5 pt-5">
            <div class="row text-center pt-2">
                <div class="col-12 pe-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">Tap here to check result </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="content mb-0 mt-n3">
            <div class="d-flex">
                <div class="align-self-center">
                    <h1 class="mb-0 font-18">Latest News</h1>
                </div>
                <div class="ms-auto align-self-center">
                    <a href="#" class="float-end font-12 font-400">See All</a>
                </div>
            </div>
        </div>
        <div class="card card-style">
            <div class="splide single-slider slider-no-arrows slider-no-dots ps-2" id="single-slider-2">
                <div class="splide__track">
                    <div class="splide__list">
                        <div class="splide__slide">
                            <div class="content ms-1 mb-0">
                                <div class="d-flex">
                                    <div>
                                        <h4 class="opacity-85 mb-0 font-16 ps-3">
                                            This is the best mobile product you can get your hands on. Absolutely blazing fast and
                                            the best support I've ever seen!
                                        </h4>
                                    </div>
                                </div>
                                <p class="color-highlight font-600 mb-n1 pt-2 text-end pb-3">School Admin </p>
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="content ms-1 mb-0">
                                <div class="d-flex">
                                    <div>
                                        <h4 class="opacity-85 mb-0 font-16 ps-3">
                                            This is the best mobile product you can get your hands on. Absolutely blazing fast and
                                            the best support I've ever seen!
                                        </h4>
                                    </div>
                                </div>
                                <p class="color-highlight font-600 mb-n1 pt-2 text-end pb-3">School Admin </p>
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="content ms-1 mb-0">
                                <div class="d-flex">
                                    <div>
                                        <h4 class="opacity-85 mb-0 font-16 ps-3">
                                            This is the best mobile product you can get your hands on. Absolutely blazing fast and
                                            the best support I've ever seen!
                                        </h4>
                                    </div>
                                </div>
                                <p class="color-highlight font-600 mb-n1 pt-2 text-end pb-3">School Admin </p>
                            </div>
                        </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") ?>