<!DOCTYPE html>
<html lang="en" class="isPWA">

<head>
    <title>ZAP Management Portal</title>
    <?php require_once("header.php") ?>
    <?php $Page_title = 'Timeline' ?>
    <?php require_once("nav.php") ?>
    <div class="card cards card-style card-filter">
        <div class="content" style="margin-top:5px;">
            <div class="row mb-0">
                <div class="col-lg-12 mb-0 space_evenly">
                    <div class=" item_space">
                        <a data-menu="filterSchools" href="#" class="btn btn-full bg-green-dark btn-m filter_schools">Filter </a>
                    </div>
                    <div class=" item_space">
                        <a data-menu="filterSchools" href="#" class="btn btn-full bg-blue-dark btn-m filter_schools">Add Post </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-content">
        <div class="all-content" style="margin-top: 50px;">
            <!-- <div class="splide single-slider slider-no-arrows slider-no-dots splide--loop splide--ltr splide--draggable is-active d-none" id="single-slider-1" style="margin-bottom: 0px; visibility: visible;">
                <div class="splide__arrows"><button class="splide__arrow splide__arrow--prev" type="button" aria-controls="single-slider-1-track" aria-label="Previous slide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
                            <path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
                        </svg></button>
                    <button class="splide__arrow splide__arrow--next" type="button" aria-controls="single-slider-1-track" aria-label="Go to first slide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
                            <path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
                        </svg></button>
                </div>
                <div class="splide__track" id="single-slider-1-track">
                    <div class="splide__list" id="single-slider-1-list" style="transform: translate(-2720px, 0px); transition: transform 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;">
                        <div class="splide__slide splide__slide--clone" style="width: 680px;" aria-hidden="true" tabindex="-1">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">28919</h1>
                                    <p class="color-white font-14 font-800 mb-2 opacity-100">
                                        TOTAL STUDENT NUMBER
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                        <div class="splide__slide splide__slide--clone" style="width: 680px;">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">0</h1>
                                    <p class="color-white font-14 font-800 mb-2 opacity-100">
                                        TOTAL STAFF NUMBER
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                        <div class="splide__slide" id="single-slider-1-slide01" style="width: 680px;" aria-hidden="true" tabindex="-1">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">39/161</h1>
                                    <p class="color-white font-800 font-14 mb-2 opacity-100">
                                        PUBLISHED RESULT (SCHOOL BRANCHES)
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                        <div class="splide__slide is-active is-visible" id="single-slider-1-slide02" style="width: 680px;" aria-hidden="false" tabindex="0">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">28919</h1>
                                    <p class="color-white font-14 font-800 mb-2 opacity-100">
                                        TOTAL STUDENT NUMBER
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                        <div class="splide__slide" id="single-slider-1-slide03" style="width: 680px;">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">0</h1>
                                    <p class="color-white font-14 font-800 mb-2 opacity-100">
                                        TOTAL STAFF NUMBER
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                        <div class="splide__slide splide__slide--clone" style="width: 680px;">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">39/161</h1>
                                    <p class="color-white font-800 font-14 mb-2 opacity-100">
                                        PUBLISHED RESULT (SCHOOL BRANCHES)
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                        <div class="splide__slide splide__slide--clone" style="width: 680px;">
                            <div class="card card-style mb-3 bg-33" data-card-height="150" style="height: 150px;">
                                <div class="card-bottom mb-3 ms-3 me-3">
                                    <h1 class="color-white font-800 mb-n2">28919</h1>
                                    <p class="color-white font-14 font-800 mb-2 opacity-100">
                                        TOTAL STUDENT NUMBER
                                    </p>
                                </div>
                                <div class="card-overlay bg-black opacity-60"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <ul class="splide__pagination">
                    <li><button class="splide__pagination__page" type="button" aria-controls="single-slider-1-slide01" aria-label="Go to slide 1"></button></li>
                    <li><button class="splide__pagination__page" type="button" aria-controls="single-slider-1-slide02" aria-label="Go to slide 2"></button></li>
                    <li><button class="splide__pagination__page is-active" type="button" aria-controls="single-slider-1-slide03" aria-label="Go to slide 3" aria-current="true"></button></li>
                </ul>
            </div> -->

            <div class="card card-style mb-4">
                <div class="content mb-1">

                    <div class="d-flex">
                        <div class="align-self-center">
                            <img src="images/pictures/14s.jpg" width="35" class="rounded-xl me-2">
                        </div>
                        <div class="align-self-center ps-1">
                            <h5 class="font-600 font-15 line-height-s pe-2 mb-0">Primary 1 Pearl<i class="fa fa-minus-circle color-red-dark font-13 ps-2"></i> <span class="color-red-dark font-11">Pending</span></h5>
                            <h6 class="font-400 opacity-50 font-12 mb-0">Feb. 16th <i class="fa fa-globe font-10 opacity-50 ps-1"></i> Adetipe Kehinde</h6>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" data-bs-toggle="dropdown" class="icon color-theme" aria-expanded="false"><i class="fa fa-ellipsis-h"></i></a>

                            <div class="dropdown-menu border-0 bg-theme rounded-m shadow-xl px-2 mt-n4" style="margin: 0px;">
                                <div class="list-group list-custom-small mt-n2 mb-n2">
                                    <a href="#">
                                        <i class="fa font-14 fa-bullhorn"></i>
                                        <span>Publish Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <!-- <a href="#">
                                            <i class="fa font-14 fa-bookmark"></i>
                                            <span>Save Post</span>
                                            <i class="fa"></i>
                                        </a> -->
                                    <a href="#">
                                        <i class="fa font-14 fa-pencil-alt"></i>
                                        <span>Edit Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <a href="#" class="border-0">
                                        <i class="fa font-14 fa-trash"></i>
                                        <span>Delete Post</span>
                                        <i class="fa"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="px-3">
                    <h5 class="font-15 line-height-m pt-2">
                        Enabled is now the leader of the Mobile Category. We love our customers!
                    </h5>
                    <div>Envato's best Mobile Products. Appkit, Sticky, Duo, Azures? Which is your favorite?.....Read More</div>
                    <span class="pt-1 font-12 d-block mb-n2 opacity-40">Click on link to download file</span>
                    <div class="pt-1"><a href="" style="text-decoration: underline !important;">Envato's best Mobile Products.pdf</a></div>
                    <div class="pt-1"><a href="" style="text-decoration: underline !important;">Envato's best Mobile Products.png</a></div>
                </div>

                <div class="card z-depth-1 mb-3 p-3 m-2">

                    <div class="d-flex ps-1 ms-1">
                        <div class="align-self-center">
                            <span class="font-14 ms-n2">❤️</span>
                            <span class="font-12 ms-1">11.3k</span>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" class="opacity-60 color-theme collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">11.2k Comments</a>
                        </div>
                        <div class="align-self-center ps-2">
                            <a href="#" class="opacity-60 color-theme" data-menu="menu-shares">1 File(s)</a>
                        </div>
                    </div>
                    <div class="divider mb-1 mt-2"></div>

                    <div class="d-flex pt-1 mx-n3 mb-n2">

                        <a href="#" data-bs-toggle="dropdown" class="align-self-center m-auto">
                            <i class="color-theme opacity-50 fa fa-thumbs-up font-15 pe-1"></i>
                            <span class="color-theme font-14">Like</span>
                        </a>
                        <div class="dropdown-menu border-0 bg-transparent">
                            <div class="bg-theme rounded-l shadow-xl px-2 py-2 mt-n5">
                                <div class="d-flex">
                                    <a href="#" class="m-auto px-2 font-24">😊</a>
                                    <a href="#" class="m-auto px-2 font-24">😂</a>
                                    <a href="#" class="m-auto px-2 font-24">😍</a>
                                    <a href="#" class="m-auto px-2 font-24">😭</a>
                                    <a href="#" class="m-auto px-2 font-24">😡</a>
                                </div>
                            </div>
                        </div>

                        <a href="#" class="align-self-center m-auto no-effect collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">
                            <i class="color-theme opacity-50 far fa-comment font-15 pe-1"></i>
                            <span class="color-theme font-14">Comment</span>
                        </a>
                        <a href="#" class="align-self-center m-auto" data-menu="menu-share">
                            <i class="color-theme opacity-50 fa fa-share font-15 pe-1"></i>
                            <span class="color-theme font-14">Share</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="card card-style mb-4">
                <div class="content mb-1">

                    <div class="d-flex">
                        <div class="align-self-center">
                            <img src="images/pictures/14s.jpg" width="35" class="rounded-xl me-2">
                        </div>
                        <div class="align-self-center ps-1">
                            <h5 class="font-600 font-15 line-height-s pe-2 mb-0">Primary 1 Pearl<i class="fa fa-bookmark color-yellow-dark font-14 ps-2"></i> <span class="color-yellow-dark font-11">Saved</span></h5>
                            <h6 class="font-400 opacity-50 font-12 mb-0">Feb. 16th <i class="fa fa-globe font-10 opacity-50 ps-1"></i> Adetipe Kehinde</h6>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" data-bs-toggle="dropdown" class="icon color-theme" aria-expanded="false"><i class="fa fa-ellipsis-h"></i></a>

                            <div class="dropdown-menu border-0 bg-theme rounded-m shadow-xl px-2 mt-n4" style="margin: 0px;">
                                <div class="list-group list-custom-small mt-n2 mb-n2">
                                    <a href="#">
                                        <i class="fa font-14 fa-bullhorn"></i>
                                        <span>Publish Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <!-- <a href="#">
                                            <i class="fa font-14 fa-bookmark"></i>
                                            <span>Save Post</span>
                                            <i class="fa"></i>
                                        </a> -->
                                    <a href="#">
                                        <i class="fa font-14 fa-pencil-alt"></i>
                                        <span>Edit Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <a href="#" class="border-0">
                                        <i class="fa font-14 fa-trash"></i>
                                        <span>Delete Post</span>
                                        <i class="fa"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- <h5 class="font-15 line-height-m pt-2">
                        Enabled is now the leader of the Mobile Category. We love our customers!
                    </h5> -->
                </div>
                <div class="px-3">Envato's best Mobile Products. Appkit, Sticky, Duo, Azures? Which is your favorite?.....Read More</div>

                <div class="card z-depth-1 mb-3 p-3 m-2">

                    <div class="d-flex ps-1 ms-1">
                        <div class="align-self-center">
                            <span class="font-14 ms-n2">❤️</span>
                            <span class="font-12 ms-1">11.3k</span>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" class="opacity-60 color-theme collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">11.2k Comments</a>
                        </div>
                        <div class="align-self-center ps-2">
                            <a href="#" class="opacity-60 color-theme" data-menu="menu-shares">1 File(s)</a>
                        </div>
                    </div>
                    <div class="divider mb-1 mt-2"></div>

                    <div class="d-flex pt-1 mx-n3 mb-n2">

                        <a href="#" data-bs-toggle="dropdown" class="align-self-center m-auto">
                            <i class="color-theme opacity-50 fa fa-thumbs-up font-15 pe-1"></i>
                            <span class="color-theme font-14">Like</span>
                        </a>
                        <div class="dropdown-menu border-0 bg-transparent">
                            <div class="bg-theme rounded-l shadow-xl px-2 py-2 mt-n5">
                                <div class="d-flex">
                                    <a href="#" class="m-auto px-2 font-24">😊</a>
                                    <a href="#" class="m-auto px-2 font-24">😂</a>
                                    <a href="#" class="m-auto px-2 font-24">😍</a>
                                    <a href="#" class="m-auto px-2 font-24">😭</a>
                                    <a href="#" class="m-auto px-2 font-24">😡</a>
                                </div>
                            </div>
                        </div>

                        <a href="#" class="align-self-center m-auto no-effect collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">
                            <i class="color-theme opacity-50 far fa-comment font-15 pe-1"></i>
                            <span class="color-theme font-14">Comment</span>
                        </a>
                        <a href="#" class="align-self-center m-auto" data-menu="menu-share">
                            <i class="color-theme opacity-50 fa fa-share font-15 pe-1"></i>
                            <span class="color-theme font-14">Share</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="card card-style mb-4">
                <div class="content mb-1">

                    <div class="d-flex">
                        <div class="align-self-center">
                            <img src="images/pictures/14s.jpg" width="35" class="rounded-xl me-2">
                        </div>
                        <div class="align-self-center ps-1">
                            <h5 class="font-600 font-15 line-height-s pe-2 mb-0">School Post<i class="fa fa-check-circle color-blue-dark font-13 ps-2"></i></h5>
                            <h6 class="font-400 opacity-50 font-12 mb-0">Feb. 14th <i class="fa fa-globe font-10 opacity-50 ps-1"></i> School Admin</h6>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" data-bs-toggle="dropdown" class="icon color-theme" aria-expanded="false"><i class="fa fa-ellipsis-h"></i></a>

                            <div class="dropdown-menu border-0 bg-theme rounded-m shadow-xl px-2 mt-n4" style="margin: 0px;">
                                <div class="list-group list-custom-small mt-n2 mb-n2">
                                    <a href="#">
                                        <i class="fa font-14 fa-bullhorn"></i>
                                        <span>Publish Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <!-- <a href="#">
                                            <i class="fa font-14 fa-bookmark"></i>
                                            <span>Save Post</span>
                                            <i class="fa"></i>
                                        </a> -->
                                    <a href="#">
                                        <i class="fa font-14 fa-pencil-alt"></i>
                                        <span>Edit Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <a href="#" class="border-0">
                                        <i class="fa font-14 fa-trash"></i>
                                        <span>Delete Post</span>
                                        <i class="fa"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- title of the post -->
                    <h5 class="font-15 line-height-m pt-2">
                        Enabled is now the leader of the Mobile Category.
                    </h5>
                </div>

                <div class="responsive-iframe mb-2 mt-2">
                    <iframe src="https://www.youtube.com/embed/c9MnSeYYtYY" frameborder="0" allowfullscreen=""></iframe>
                </div>
                <!-- <span class="ps-3 pt-1 font-12 d-block mb-n2 opacity-40">School Post</span> -->

                <!-- message of the post -->
                <div class="px-3">Envato's best Mobile Products. Appkit, Sticky, Duo, Azures? Which is your favorite?.....Read More</div>

                <!-- files of the post -->
                <span class="ps-3 pt-1 font-12 d-block mb-n2 opacity-40">Click on link to download file</span>
                <div class="px-3 pt-1"><a href="" style="text-decoration: underline !important;">Envato's best Mobile Products.pdf</a></div>
                <div class="px-3 pt-1"><a href="" style="text-decoration: underline !important;">Envato's best Mobile Products.png</a></div>

                <!-- likes and comment -->
                <div class="card z-depth-1 mb-3 p-3 m-2">
                    <div class="d-flex ps-1 ms-1">
                        <div class="align-self-center">
                            <span class="font-14 ms-n2">❤️</span>
                            <span class="font-12 ms-1">11.3k</span>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" class="opacity-60 color-theme collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">11.2k Comments</a>
                        </div>
                        <div class="align-self-center ps-2">
                            <a href="#" class="opacity-60 color-theme" data-menu="menu-shares">1 File(s)</a>
                        </div>
                    </div>
                    <div class="divider mb-1 mt-2"></div>

                    <div class="d-flex pt-1 mx-n3 mb-n2">

                        <a href="#" data-bs-toggle="dropdown" class="align-self-center m-auto">
                            <i class="color-theme opacity-50 fa fa-thumbs-up font-15 pe-1"></i>
                            <span class="color-theme font-14">Like</span>
                        </a>
                        <div class="dropdown-menu border-0 bg-transparent">
                            <div class="bg-theme rounded-l shadow-xl px-2 py-2 mt-n5">
                                <div class="d-flex">
                                    <a href="#" class="m-auto px-2 font-24">😊</a>
                                    <a href="#" class="m-auto px-2 font-24">😂</a>
                                    <a href="#" class="m-auto px-2 font-24">😍</a>
                                    <a href="#" class="m-auto px-2 font-24">😭</a>
                                    <a href="#" class="m-auto px-2 font-24">😡</a>
                                </div>
                            </div>
                        </div>

                        <a href="#" class="align-self-center m-auto no-effect collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">
                            <i class="color-theme opacity-50 far fa-comment font-15 pe-1"></i>
                            <span class="color-theme font-14">Comment</span>
                        </a>
                        <a href="#" class="align-self-center m-auto" data-menu="menu-share">
                            <i class="color-theme opacity-50 fa fa-share font-15 pe-1"></i>
                            <span class="color-theme font-14">Share</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="card card-style mb-4">
                <div class="content mb-1">

                    <div class="d-flex">
                        <div class="align-self-center">
                            <img src="images/pictures/14s.jpg" width="35" class="rounded-xl me-2">
                        </div>
                        <div class="align-self-center ps-1">
                            <h5 class="font-600 font-15 line-height-s pe-2 mb-0">School Event<i class="fa fa-check-circle color-blue-dark font-13 ps-2"></i></h5>
                            <h6 class="font-400 opacity-50 font-12 mb-0">Feb. 14th <i class="fa fa-globe font-10 opacity-50 ps-1"></i> School Admin</h6>
                        </div>
                        <div class="align-self-center ms-auto">
                            <a href="#" data-bs-toggle="dropdown" class="icon color-theme" aria-expanded="false"><i class="fa fa-ellipsis-h"></i></a>

                            <div class="dropdown-menu border-0 bg-theme rounded-m shadow-xl px-2 mt-n4" style="margin: 0px;">
                                <div class="list-group list-custom-small mt-n2 mb-n2">
                                    <a href="#">
                                        <i class="fa font-14 fa-bullhorn"></i>
                                        <span>Publish Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <a href="#">
                                        <i class="fa font-14 fa-pencil-alt"></i>
                                        <span>Edit Post</span>
                                        <i class="fa"></i>
                                    </a>
                                    <a href="#" class="border-0">
                                        <i class="fa font-14 fa-trash"></i>
                                        <span>Delete Post</span>
                                        <i class="fa"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card card-style" style="margin: 20px 0px;">
                        <!-- <div>
                            <img src="images/pictures/6.jpg" alt="" class="card mb-0 rounded-0" data-card-height="250" style="height: 250px;width:100%;">
                        </div> -->
                        <div class="content">
                            <p class="font-600 color-highlight mb-n1">Sunday, 18th July</p>
                            <h1 class="font-30 font-800">Ibiza Fest</h1>
                            <p class="font-14 mb-3">
                                The most prestigious summer festival in the world bringing the hotest DJ's and the best music.
                            </p>
                        </div>
                    </div>

                    <div class="mb-3 p-1 m-1">

                        <div class="d-flex ps-1 ms-1">
                            <div class="align-self-center">
                                <span class="font-14 ms-n2">❤️</span>
                                <span class="font-12 ms-1">11.3k</span>
                            </div>
                            <div class="align-self-center ms-auto">
                                <a href="#" class="opacity-60 color-theme collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">11.2k Comments</a>
                            </div>
                            <div class="align-self-center ps-2">
                                <a href="#" class="opacity-60 color-theme" data-menu="menu-shares">1 File(s)</a>
                            </div>
                        </div>
                        <div class="divider mb-1 mt-2"></div>

                        <div class="d-flex pt-1 mx-n3 mb-n2">

                            <a href="#" data-bs-toggle="dropdown" class="align-self-center m-auto">
                                <i class="color-theme opacity-50 fa fa-thumbs-up font-15 pe-1"></i>
                                <span class="color-theme font-14">Like</span>
                            </a>
                            <div class="dropdown-menu border-0 bg-transparent">
                                <div class="bg-theme rounded-l shadow-xl px-2 py-2 mt-n5">
                                    <div class="d-flex">
                                        <a href="#" class="m-auto px-2 font-24">😊</a>
                                        <a href="#" class="m-auto px-2 font-24">😂</a>
                                        <a href="#" class="m-auto px-2 font-24">😍</a>
                                        <a href="#" class="m-auto px-2 font-24">😭</a>
                                        <a href="#" class="m-auto px-2 font-24">😡</a>
                                    </div>
                                </div>
                            </div>

                            <a href="#" class="align-self-center m-auto no-effect collapsed" data-bs-toggle="collapse" data-bs-target="#comment-1" aria-expanded="false">
                                <i class="color-theme opacity-50 far fa-comment font-15 pe-1"></i>
                                <span class="color-theme font-14">Comment</span>
                            </a>
                            <a href="#" class="align-self-center m-auto" data-menu="menu-share">
                                <i class="color-theme opacity-50 fa fa-share font-15 pe-1"></i>
                                <span class="color-theme font-14">Share</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php require_once("footer.php") ?>
    <?php require_once("script.php") ?>