File Manager

X7ROOT File Manager

Current Path: /home/u126090504/domains/sketkaranjia.com/public_html

home / u126090504 / domains / sketkaranjia.com / public_html /

📁 ..
📄 .htaccess(1.12 KB)
📄 Antiraging-Cell.php(2.73 KB)
📄 about-us.php(8.49 KB)
📄 academic-calendar.php(2.73 KB)
📄 achievements.php(9.56 KB)
📄 achievers.php(15.19 KB)
📁 admin
📄 administrative-head.php(5.41 KB)
📄 admission-process.php(13.74 KB)
📄 admission.php(12.71 KB)
📄 admission_submit.php(3.38 KB)
📄 album.php(890 B)
📄 assessment-policy.php(12.11 KB)
📄 branches.php(3.13 KB)
📄 cbse-curriculum-summary.php(8.79 KB)
📄 computer-courses.php(22.83 KB)
📄 config.php(1.25 KB)
📄 contact-us.php(14.62 KB)
📄 contactdb.php(796 B)
📄 courses.php(10.44 KB)
📁 css
📄 downloads.php(2.9 KB)
📄 error.log(14.6 KB)
📄 facilities.php(6.39 KB)
📄 faculty.php(10.27 KB)
📄 fee-structure.php(7.97 KB)
📁 fonts
📄 footer.php(18.14 KB)
📄 franchise.php(2.09 KB)
📄 gallery.php(3.05 KB)
📄 grievance-form.php(16.54 KB)
📄 header.php(22.5 KB)
📄 homework.php(9.64 KB)
📁 images
📄 index.php(50.83 KB)
📄 infrastructure-details.php(4.41 KB)
📁 js
📁 lib
📄 library.php(7.04 KB)
📄 managing-committee.php(3.34 KB)
📄 media-corner.php(2.48 KB)
📄 non-academic-achievers.php(14.65 KB)
📄 payment.php(21.87 KB)
📄 payment_submit.php(15.1 KB)
📄 payment_verify.php(2.31 KB)
📄 placement.php(8.33 KB)
📄 principal's-message.php(11.85 KB)
📄 public-disclosure.php(3.38 KB)
📁 qrcodes
📁 revolution
📄 scope.php(14.14 KB)
📄 search_videos.php(1.76 KB)
📄 secretary-message.php(6.48 KB)
📁 sket
📄 skiet.zip(137.75 MB)
📄 subjects-offered.php(14.79 KB)
📄 submit-grievance.php(3.88 KB)
📄 thank-you.php(1.28 KB)
📁 uploads
📄 videos.php(6.87 KB)
📁 xavint

Editing: library.php

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

<div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-textcolor-white">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Library</h2>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>                    
        </div>

<h2>
            A High-Tech Hub Built for Future Tech Leaders
        </h2>

<p>
            The library at the Susil Kumar Institute of Engineering and Technology is a high-tech hub built for future tech leaders. We offer specialized resources across all core engineering disciplines, including Computer Science, Mechanical, Civil, Electrical, and Electronics engineering.
        </p>

<p>
            Students gain seamless access to cutting-edge databases, peer-reviewed IEEE journals, and standard technical textbooks tailored to each branch.
        </p>

<p>
            The space features collaborative design labs, high-speed coding zones, and quiet areas for intense exam preparation.
        </p>

<p>
            Whether you are researching robotics, simulating structural models, or analyzing circuits, our library equips you with the tools to turn engineering concepts into reality.
        </p>

</div>

</section>

<style>

/* ===================================
LIBRARY SECTION
=================================== */

.library-section{
    width:100%;
    padding:90px 6%;
    background:#f5f9ff;
}

.library-container{
    max-width:1100px;
    margin:auto;
    background:#ffffff;
    padding:60px;
    border-radius:30px;
    box-shadow:0 15px 40px rgba(0,0,0,0.06);
    border:1px solid #e2ebff;
}

/* TAG */

.library-tag{
    display:inline-block;
    background:#1565c0;
    color:#fff;
    padding:10px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
    letter-spacing:0.5px;
}

/* TITLE */

.library-container h2{
    font-size:42px;
    color:#0d2d62;
    line-height:1.3;
    margin-bottom:28px;
    font-weight:700;
}

/* CONTENT */

.library-container p{
    color:#5b6474;
    font-size:17px;
    line-height:1.9;
    margin-bottom:22px;
}

/* RESPONSIVE */

@media(max-width:768px){

.library-section{
    padding:60px 4%;
}

.library-container{
    padding:35px 25px;
}

.library-container h2{
    font-size:30px;
}

.library-container p{
    font-size:16px;
}

}

</style>

<section class="ttm-row introduction-section_1 clearfix" data-aos="zoom-in">
        <div class="container">
            <div class="row custom-gallery-row">
                
                <div class="custom-gallery-col">
                    <img src="images/lib/1%20(1).jpeg" alt="Library Image 1" class="custom-zoom-img" onclick="openLightBox(this.src)">
                </div>
                
                <div class="custom-gallery-col">
                    <img src="images/lib/1%20(2).jpeg" alt="Library Image 2" class="custom-zoom-img" onclick="openLightBox(this.src)">
                </div>
                
                <div class="custom-gallery-col">
                    <img src="images/lib/1%20(3).jpeg" alt="Library Image 3" class="custom-zoom-img" onclick="openLightBox(this.src)">
                </div>
               
            </div></div>
    </section>
    </div><div id="customImageLightbox" class="custom-lightbox" onclick="closeLightBox()">
    <span class="custom-lightbox-close">&times;</span>
    <img class="custom-lightbox-content" id="lightboxTargetImg" alt="Zoomed View">
</div>

.custom-zoom-img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

.custom-zoom-img:hover {
        transform: scale(1.03);
        box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    }

/* Mobile View Overrides */
    @media (max-width: 767px) {
        .custom-gallery-col {
            flex: 1 1 100%; /* Mobile par full width ek ke niche ek */
            max-width: 100%;
        }
    }

/* Lightbox (Zoom Pop-up) Background */
    .custom-lightbox {
        display: none; 
        position: fixed; 
        z-index: 99999; 
        padding-top: 60px; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%; 
        overflow: auto; 
        background-color: rgba(0,0,0,0.9); /* Black background overlay */
        backdrop-filter: blur(5px); /* Premium blur effect */
    }

/* Lightbox Image Box */
    .custom-lightbox-content {
        margin: auto;
        display: block;
        max-width: 85%;
        max-height: 80vh;
        border-radius: 4px;
        animation: zoomEffect 0.3s ease-out;
        object-fit: contain;
    }

@keyframes zoomEffect {
        from { transform: scale(0.7); opacity: 0; } 
        to { transform: scale(1); opacity: 1; }
    }

/* Close Button (X) */
    .custom-lightbox-close {
        position: absolute;
        top: 20px;
        right: 35px;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        cursor: pointer;
    }

.custom-lightbox-close:hover,
    .custom-lightbox-close:focus {
        color: #bbb;
        text-decoration: none;
    }
</style>

// Lightbox close karne ke liye function
    function closeLightBox() {
        var lightbox = document.getElementById("customImageLightbox");
        lightbox.style.display = "none";
    }
</script>
  
        
  <?php include("footer.php"); ?>

X7ROOT File Manager

Editing: library.php

Upload File

Create Folder