
        <div class="page-loader" id="page-loader">
            <div class="loader">
                <span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span
                ><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span
                ><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span
                ><span class="loader-item"></span>
            </div>
        </div>
		
            <div class="responsive-header">
                <div class="logo res"><img src="images/logo.png" alt="" /><span>HPDC</span></div>
                <div class="user-avatar mobile">
                    <a href="timeline.php" title="View Profile"><img alt="" src="images/resources/user.jpg" /></a>
                    <div class="name">
                        <h4>Danial Cardos</h4>
                        <span>Ontario, Canada</span>
                    </div>
                </div>
                <div class="right-compact">
                    <div class="sidemenu">
                        <i>
                            <svg
                                id="side-menu2"
                                xmlns="http://www.w3.org/2000/svg"
                                width="26"
                                height="26"
                                viewbox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                class="feather feather-menu"
                            >
                                <line x1="3" y1="12" x2="21" y2="12"></line>
                                <line x1="3" y1="6" x2="21" y2="6"></line>
                                <line x1="3" y1="18" x2="21" y2="18"></line></svg
                        ></i>
                    </div>
                    <div class="res-search">
                        <span>
                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                width="20"
                                height="20"
                                viewbox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                class="feather feather-search"
                            >
                                <circle cx="11" cy="11" r="8"></circle>
                                <line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg
                        ></span>
                    </div>
                </div>
                <div class="restop-search">
                    <span class="hide-search"><i class="icofont-close-circled"></i></span>
                    <form method="">
                        <input type="text" placeholder="Search..." />
                    </form>
                </div>
            </div>
            <header class="">
                <div class="topbar stick">
                    <div class="logo"><img src="images/logo.png" alt="" /><span>HPDC Pathshala</span></div>
                    <div class="searches">
                        <form method="">
                            <input type="text" placeholder="Search..." />
                            <button type="submit"><i class="icofont-search"></i></button>
						</form>
                    </div>

                    <ul class="web-elements">
                        <li>
                            <div class="user-dp">
                                <a href="timeline.php" title="">
                                    <img alt="" src="images/resources/avatar-2.jpg" />
                                    <div class="name">
                                        <h4>Emily Hannah</h4>
                                    </div>
                                </a>
                            </div>
                        </li>
						<li>
                            <a href="feed.php" title="Home" data-toggle="tooltip">
                                <i>
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="16"
                                        height="16"
                                        viewbox="0 0 24 24"
                                        fill="none"
                                        stroke="currentColor"
                                        stroke-width="2"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        class="feather feather-home"
                                    >
                                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                        <polyline points="9 22 9 12 15 12 15 22"></polyline></svg
                                ></i>
                            </a>
                        </li>
                        <li>
                            <a class="mesg-notif" href="#" title="Notifications" data-toggle="tooltip">
                                <i>
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="16"
                                        height="16"
                                        viewbox="0 0 24 24"
                                        fill="none"
                                        stroke="currentColor"
                                        stroke-width="2"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        class="feather feather-bell"
                                    >
                                        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
                                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg
                                ></i>
                            </a>
                            <span></span>
                        </li>
                        <li>
                            <a class="create" href="#" title="Add New" data-toggle="tooltip">
                                <i>
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="16"
                                        height="16"
                                        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>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <i>
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="16"
                                        height="16"
                                        viewbox="0 0 24 24"
                                        fill="none"
                                        stroke="currentColor"
                                        stroke-width="2"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        class="feather feather-grid"
                                    >
                                        <rect x="3" y="3" width="7" height="7"></rect>
                                        <rect x="14" y="3" width="7" height="7"></rect>
                                        <rect x="14" y="14" width="7" height="7"></rect>
                                        <rect x="3" y="14" width="7" height="7"></rect>
                                    </svg>
                                </i>
                            </a>
                            <ul class="dropdown">
                                <li>
                                    <a href="timeline.php" title=""><i class="icofont-user-alt-3"></i> Your Profile</a>
                                </li>
                                <li>
                                    <a href="#" title=""><i class="icofont-question-circle"></i> Help</a>
                                </li>
                                <li>
                                    <a href="settings.php" title=""><i class="icofont-gear"></i> Settings</a>
                                </li>
                                <li>
                                    <a href="#" title=""><i class="icofont-notepad"></i> Privacy</a>
                                </li>
                                <li>
                                    <a class="dark-mod" href="#" title=""><i class="icofont-moon"></i> Dark Mode</a>
                                </li>
                                <li class="logout">
                                    <a href="sign-in.php" title=""><i class="icofont-power"></i> Logout</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </header>
            <!-- header -->
