Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.16.1.el9_7.x86_64

PHP Version:

8.2.30

User:

u226437350

Directory:

/home/u226437350/domains/maharshiwomensdegreecollege.com/public_html

Free Space:

8.38 TB

🔧 Quick Actions

✏️ Editing: collegestaff.php

<?php
include("header.php")
?>

<div class="container-fluid page-header py-6 my-6 mt-0 wow fadeIn" data-wow-delay="0.1s">
    <div class="container text-center">
        <h1 class="display-4 text-white animated slideInDown mb-4">COLLEGE STAFF</h1>
        <nav aria-label="breadcrumb animated slideInDown">
            <ol class="breadcrumb justify-content-center mb-0">
                <li class="breadcrumb-item"><a class="text-white" href="index.php">Home</a></li>
                <li class="breadcrumb-item"><a class="text-white" href="contact.php">Contact</a></li>
                <li class="breadcrumb-item text-primary active" aria-current="page">About</li>
            </ol>
        </nav>
    </div>
</div>

.tab_box .line {
        position: absolute;
        top: 100px;
        left: 17px;
        width: 90px;
        height: 5px;
        background-color: #7360ff;
        border-radius: 10px;
        transition: all .3s ease-in-out;
    }
    .sp {
        background-color: #7360ff;
        color: #fff;
        padding: 2px 12px;
        font-size: 12px;
    }
    .ps {
        font-size: 12px;
    }

.tab_btn i {
        font-size: 50px;
        margin-bottom: 10px;
    }

@media (max-width:768px) {
        .cr {
            width: 100%;
        }
        .tab_box{
            width: 100%;
        }
        table{
        width: 80%;
        margin-left: 10%;
        }
        .content_box {
        padding: 5px;
       }

.tab_box .tab_btn {
        font-size: 15px;
        font-weight: 600;
        color: #919191;
        background: none;
        border: none;
        padding: 15px;
        cursor: pointer;
       }

.tab_box .tab_btn {
        font-size: 12px;
        font-weight: 600;
        color: #919191;
        background: none;
        border: none;
        padding: 10px;
        cursor: pointer;
       }

.content_box .content.active {
        display: block;
         }
         .content_box {
        padding: 10px;
        }
        .tab_btn i {
        font-size: 30px;
        }
        .tab_box .line {
        position: absolute;
        top: 100px;
        left: 17px;
        width: 90px;
        height: 5px;
        background-color: #7360ff;
        border-radius: 10px;
        transition: all .3s ease-in-out;
       }
       .content_box .content {
        display: none;
        animation: moving .5s ease;
        overflow-x: scroll;
         }
         .content_box .content h2 {
        margin-bottom: 10px;
         }
         .sp {
        background-color: #7360ff;
        color: #fff;
        font-size: 12px;
    }
    .ps {
        font-size: 12px;
    }

}

</style>

<div class="container cr">
            <div class="tab_box">
                <button class="tab_btn active">
                <i class="fa-solid fa-people-roof"></i> <br>
                    GOVERNING BODY
                </button>
                <button class="tab_btn">
                <i class="fa-solid fa-people-roof"></i> <br>
                    PRINCIPAL LIST
                </button>
                <button class="tab_btn">
                <i class="fa-solid fa-people-roof"></i> <br>
                    TEACHING STAFFS
                </button>
                <button  class="tab_btn">
                <i class="fa-solid fa-people-roof"></i> <br>
                    NON-TEACHING STAFFS
                </button>
                <div class="line"></div>
            </div>
            <div class="content_box">
                <div class="content active">
                    <h2>GOVERNING BODY</h2>
                    <p>
                        <table>
                            <tr>
                                <th>NAME</th>
                                <th>DESIGNATION</th>
                            </tr>
                            <tr>
                                <td> <i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i><span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp">PREVIEW</span> <br> <span style="padding-left: 22px;">Under Construction</span></td>
                                    <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i> <span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp" >PREVIEW</span><br><span style="padding-left: 29px;">Under Construction</span></td>
                            </tr>
                            <tr>
                                <td> <i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i><span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp">PREVIEW</span> <br> <span style="padding-left: 22px;">Under Construction</span></td>
                                    <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i> <span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp" >PREVIEW</span><br><span style="padding-left: 29px;">Under Construction</span></td>
                            </tr>
                            <tr>
                                <td> <i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i><span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp">PREVIEW</span> <br> <span style="padding-left: 22px;">Under Construction</span></td>
                                    <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i> <span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp" >PREVIEW</span><br><span style="padding-left: 29px;">Under Construction</span></td>
                            </tr>
                            <tr>
                                <td> <i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i><span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp">PREVIEW</span> <br> <span style="padding-left: 22px;">Under Construction</span></td>
                                    <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i> <span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp" >PREVIEW</span><br><span style="padding-left: 29px;">Under Construction</span></td>
                            </tr>
                            <tr>
                                <td> <i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i><span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp">PREVIEW</span> <br> <span style="padding-left: 22px;">Under Construction</span></td>
                                    <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"></i> <span class="ps" style="padding-left: 10px;">LECTURE 1.1</span> <span class="sp" >PREVIEW</span><br><span style="padding-left: 29px;">Under Construction</span></td>
                            </tr>
                        </table>
                    </p>
                </div>
                <div class="content">
                    <h2>PRINCIPAL LIST</h2>
                    <p>
                        <table>
                            <tr>
                                <th>SL NO.</th>
                                <th>NAME</th>
                                <th>DESIGNATION</th>
                                <th>CONTACT NO.</th>
                                <th>WHATSAPP NO.</th>
                                <th>E-MAIL ID</th>
                            </tr>
                               <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">1.</span></td>
                            <td>Dr. Sushree Rekha Mohanty</td>
                            <td>Principal-Cum Secretary And Lect. In Psychology</td>
                            <td>9861166597</td>
                            <td>9861166597</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                        </table>
                    </p>
                </div>
                <div class="content">
                    <h2>TEACHING STAFFS</h2>
                    <p>
                        <table>
                        <tr>
                                <th>SL NO.</th>
                                <th>NAME</th>
                                <th>DESIGNATION</th>
                                <th>CONTACT NO.</th>
                                <th>WHATSAPP NO.</th>
                                <th>E-MAIL ID</th>
                            </tr>
                         
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">1.</span></td>
                            <td>Dr. Sushree Rekha Mohanty</td>
                            <td>Principal-Cum Secretary And Lect. In Psychology</td>
                            <td>9861166597</td>
                            <td>9861166597</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">2.</span></td>
                            <td>Dr. Gitarani Acharya</td>
                            <td>Lect. In Sanskrit</td>
                            <td>9861349414</td>
                            <td>9861349414</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                  
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">3.</span></td>
                            <td>Dr. Swapna Sahoo</td>
                            <td>Lect. In Sanskrit</td>
                            <td>9439365837</td>
                            <td>9439365837</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">4.</span></td>
                            <td>Dr. Prakash Kumar Choudhury</td>
                            <td>Lect. In Political Science</td>
                            <td>9178028843</td>
                            <td>9178028843</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">5.</span></td>
                            <td>Dillip Kumar Parida</td>
                            <td>Lect In Odia</td>
                            <td>8280055318</td>
                            <td>8280055318</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">6.</span></td>
                            <td>Bishnu Priya Panda</td>
                            <td>Lect. In Psychology</td>
                            <td>8249122734</td>
                            <td>8249122734</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">7.</span></td>
                            <td>Pragyan Mohanty</td>
                            <td>Lect. Education</td>
                            <td>8763382188</td>
                            <td>8763382188</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">8.</span></td>
                            <td>Supriya Mishra</td>
                            <td>Lect. In History</td>
                            <td>9437596223</td>
                            <td>9437596223</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">9.</span></td>
                            <td>Somila Das</td>
                            <td>Lect. Home Science</td>
                            <td>8917251567</td>
                            <td>8917251567</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">10.</span></td>
                            <td>Kalinga Kanya Odishi Ritimukta</td>
                            <td>Lect. In Education</td>
                            <td>9437628363</td>
                            <td>9437628363</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">11.</span></td>
                            <td>Pritimayee Mishara</td>
                            <td>Lect. In Political Science</td>
                            <td>8763616607</td>
                            <td>8763616607</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                     
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">12.</span></td>
                            <td>Pravakar Paikaraya</td>
                            <td>Demo In Psychology</td>
                            <td>9437953225</td>
                            <td>9437953225</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                        </table>
                    </p>
                </div>
                <div class="content">
                    <h2>NON-TEACHING STAFFS</h2>
                    <p>
                        <table>
                        <tr>
                                <th>SL NO.</th>
                                <th>NAME</th>
                                <th>DESIGNATION</th>
                                <th>CONTACT NO.</th>
                                <th>WHATSAPP NO.</th>
                                <th>E-MAIL ID</th>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">1.</span></td>
                            <td>Susama Samantray</td>
                            <td>Librain</td>
                            <td>6370091980</td>
                            <td>6370091980</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">2.</span></td>
                            <td>Narendra Kumar Behera</td>
                            <td>P.E.T</td>
                            <td>9040438363</td>
                            <td>9040438363</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">3.</span></td>
                            <td>Prakash Kumar Nayak</td>
                            <td>Head Clerk</td>
                            <td>9078290199</td>
                            <td>9078290199</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">4.</span></td>
                            <td>Sanjit Kumar Rout</td>
                            <td>Jr Clerk</td>
                            <td>9437406624</td>
                            <td>9437406624</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">5.</span></td>
                            <td>Rekhashree Dhal</td>
                            <td>D.E.O</td>
                            <td>8908411712</td>
                            <td>8984223302</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">6.</span></td>
                            <td>Hadibandhu Sahoo</td>
                            <td>Peon1</td>
                            <td>7377100261</td>
                            <td>7377100261</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">7.</span></td>
                            <td>Lokanath Sahoo</td>
                            <td>Peon2</td>
                            <td>9178603530</td>
                            <td>9178603530</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                            <tr>
                            <td><i class="fa-solid fa-arrow-right" style="color: #7360ff;"><span style="padding: 20px; color:grey;">8.</span></td>
                            <td>Bishnu Priya Ojha</td>
                            <td>Lady Peon</td>
                            <td>876382249</td>
                            <td>876382249</td>
                            <td>maharshiwomensdegreecollege@gmail.com</td>
                            </tr>
                        </table>
                    </p>
                </div>
            </div>
        </div>

tabs.forEach((tab, index)=>{
                tab.addEventListener('click',(e)=>{
                    tabs.forEach(tab=>{tab.classList.remove('active')});
                    tab.classList.add('active');

var line = document.querySelector('.line');
                line.style.width = e.target.offsetWidth + "px";
                line.style.left = e.target.offsetLeft + "px";

all_content.forEach(content=>{content.classList.remove('active')});
                all_content[index].classList.add('active');

}) 
            })
        </script>

<?php
include("footer.php")
?>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: collegestaff.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation