
            <figure class="bottom-mockup"><img src="images/footer.png" alt="" /></figure>
            <div class="bottombar">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <span class="">Copyright © 2025 HPDC Pathshala. All Rights Reserved</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- bottombar -->

            <div class="side-slide">
                <span class="popup-closed"><i class="icofont-close"></i></span>
                <div class="slide-meta">
                    <div class="tab-content">
						<div class="tab-pane active fade show" id="notifications">
                            <h4><i class="icofont-bell-alt"></i> notifications</h4>
                            <ul class="notificationz">
                                <li>
                                    <figure><img src="images/resources/user5.jpg" alt="" /></figure>
                                    <div class="mesg-info">
                                        <span>Alis wells</span>
                                        <a href="#" title="">recommend your post</a>
                                    </div>
                                </li>
                                <li>
                                    <figure><img src="images/resources/user4.jpg" alt="" /></figure>
                                    <div class="mesg-info">
                                        <span>Alis wells</span>
                                        <a href="#" title="">share your post <strong>a good time today!</strong></a>
                                    </div>
                                </li>
                                <li>
                                    <figure><img src="images/resources/user2.jpg" alt="" /></figure>
                                    <div class="mesg-info">
                                        <span>Alis wells</span>
                                        <a href="#" title="">recommend your post</a>
                                    </div>
                                </li>
                                <li>
                                    <figure><img src="images/resources/user1.jpg" alt="" /></figure>
                                    <div class="mesg-info">
                                        <span>Alis wells</span>
                                        <a href="#" title="">share your post <strong>a good time today!</strong></a>
                                    </div>
                                </li>
                                <li>
                                    <figure><img src="images/resources/user3.jpg" alt="" /></figure>
                                    <div class="mesg-info">
                                        <span>Alis wells</span>
                                        <a href="#" title="">recommend your post</a>
                                    </div>
                                </li>
                            </ul>
                            <a href="#" title="" class="main-btn" data-ripple="">view all</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- side slide message & popup -->

            <div class="post-new-popup">
                <div class="popup" style="width: 800px">
                    <span class="popup-closed"><i class="icofont-close"></i></span>
                    <div class="popup-meta">
                        <div class="popup-head">
                            <h5>
                                <i>
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="24"
                                        height="24"
                                        viewbox="0 0 24 24"
                                        fill="none"
                                        stroke="currentColor"
                                        stroke-width="2"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        class="feather feather-plus"
                                    >
                                        <line x1="12" y1="5" x2="12" y2="19"></line>
                                        <line x1="5" y1="12" x2="19" y2="12"></line></svg></i
                                >Create New Post
                            </h5>
                        </div>
                        <div class="post-new">
                            <div class="post-newmeta">
                                <ul class="post-categoroes">
                                    <li><i class="icofont-sale-discount"></i> Post/ Feed</li>
                                    <li><i class="icofont-link"></i> Share Link</li>
                                </ul>
                            </div>
                            <form method="post" class="c-form">
                                <textarea id="emojionearea1" placeholder="What's On Your Mind?"></textarea>
                                <div class="activity-post">
                                    <div class="checkbox">
                                        <input type="checkbox" id="checkbox" checked="" />
                                        <label for="checkbox"><span>Activity Feed</span></label>
                                    </div>
                                </div>
								<button type="submit" class="main-btn">Publish</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- New post popup -->

        </div>

        <script src="js/main.min.js"></script>
        <!-- vendors merged files -->
        <script src="js/date-time.js"></script>
        <script src="js/script.js"></script>
        <!-- custom scripts -->