Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html/pennagaram

Free Space:

10.27 TB

🔧 Quick Actions

✏️ Editing: index1.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pennagaram Official</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            overflow-x: hidden;
        }

/* Navbar Styles */
        .navbar {
    background: rgba(255, 255, 255, 0) !important;
    padding: 0;
    transition: all 0.3s ease;
}
.navbar.scrolled {
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.navbar-brand {
    font-size: 1.1rem;
    font-weight: bold;
    color: white !important;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}
.navbar.scrolled .navbar-brand {
    color: #000 !important;
}
.navbar-nav .nav-link {
    color: white !important;
    font-weight: 600;
    margin: 0 15px;
    transition: color 0.3s ease;
    position: relative;
}
.navbar.scrolled .navbar-nav .nav-link {
    color: #000 !important;
}
.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: #3498db;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.navbar-nav .nav-link:hover::after {
    width: 100%;
}
.navbar-nav .nav-link:hover {
    color: #3498db !important;
}

.navbar-nav .nav-link:hover::after {
            width: 100%;
        }

.navbar-nav .nav-link:hover {
            color: #3498db !important;
        }

/* Carousel Section */
        .carousel-section {
            position: relative;
            height: 100vh;
            overflow: hidden;
        }

.carousel-inner {
            height: 100%;
        }

.carousel-item {
            height: 100vh;
            background-size: cover;
            background-position: center;
            position: relative;
        }

.carousel-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(52, 152, 219, 0.2), rgba(142, 68, 173, 0.2));
        }

.carousel-item:nth-child(2)::before {
            background: linear-gradient(135deg, rgba(46, 204, 113, 0.2), rgba(52, 152, 219, 0.2));
        }

.carousel-item:nth-child(3)::before {
            background: linear-gradient(135deg, rgba(231, 76, 60, 0.2), rgba(230, 126, 34, 0.2));
        }

.carousel-content {
            position: absolute;
            left: 10%;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            max-width: 600px;
        }

.carousel-content h1 {
            font-size: 3rem;
            font-weight: bold;
            color: white;
            margin-bottom: 1.5rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            animation: fadeInUp 1s ease;
        }

.carousel-content p {
            font-size: 1rem;
            color: white;
            margin-bottom: 2rem;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
            animation: fadeInUp 1s ease 0.2s backwards;
        }

.carousel-content .btn {
            padding: 12px 35px;
            font-size: 1.1rem;
            border-radius: 50px;
            animation: fadeInUp 1s ease 0.4s backwards;
        }

@keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

/* Social Media Icons */
        .social-media {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            display: flex;
            gap: 20px;
        }

.social-media a {
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.2);
            border: 2px solid white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            text-decoration: none;
            justify-content: center;
            color: white;
            font-size: 1.3rem;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

.social-media a:hover {
            background: white;
            color: #3498db;
            transform: translateY(-5px);
        }

/* Section Styles */
        .section {
            padding: 80px 0;
        }

.section-title {
            text-align: center;
            margin-bottom: 50px;
        }

.section-title h2 {
            font-size: 2.5rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 15px;
        }

.section-title p {
            color: #7f8c8d;
            font-size: 1.1rem;
        }

/* Card Styles */
        .card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            height: 100%;
        }

.card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

.card-img-top {
            height: 250px;
            object-fit: cover;
        }

.card-body {
            padding: 1.5rem;
        }

.card-title {
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 1rem;
        }

.card-text {
            color: #7f8c8d;
        }

.view-all-btn {
            text-align: center;
            margin-top: 40px;
        }

/* Footer */
        .footer {
            background: #2c3e50;
            color: white;
            padding: 40px 0 20px;
        }

.footer h5 {
            font-weight: bold;
            margin-bottom: 20px;
        }

.footer ul {
            list-style: none;
            padding: 0;
        }

.footer ul li {
            margin-bottom: 10px;
        }

.footer ul li a {
            color: #bdc3c7;
            text-decoration: none;
            transition: color 0.3s ease;
        }

.footer ul li a:hover {
            color: white;
        }

.footer-bottom {
            text-align: center;
            padding-top: 30px;
            margin-top: 30px;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: #bdc3c7;
        }

/* Background patterns for cards - fallback if no image */
        .bg-gallery {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

.bg-events {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }

.bg-news {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }

.bg-shop {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
        }
        @media screen and (max-width: 991px){
            .carousel-content h1 {
                font-size: 2rem;
               
            }
    
            .carousel-content p {
                font-size: 0.7rem;
               
            }
            .carousel-content {
                position: absolute;
                left: 4%;
                top: 40%;
                transform: translateY(-50%);
                z-index: 10;
                max-width: 600px;
            }
            
        }
    </style>
</head>
<body>
    
    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#"><img src="logo.png" width="40px"> Pennagaram Official</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="#gallery">Gallery</a></li>
                    <li class="nav-item"><a class="nav-link" href="#events">Events</a></li>
                    <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
                    <li class="nav-item"><a class="nav-link" href="#news">News</a></li>
                </ul>
            </div>
        </div>
    </nav>

<section id="home" class="carousel-section">
        <div id="heroCarousel" class="carousel slide" data-bs-ride="carousel">
            
            <div class="carousel-inner">
                <div class="carousel-item active" style="background-image: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');">
                    <div class="carousel-content">
                        <h1>Welcome to Pennagaram Official</h1>
                        <p>Discover the serene beauty of our town in Dharmapuri district, surrounded by lush forests and vibrant community spirit.</p>
                        <a href="#gallery" class="btn btn-light btn-lg">Explore</a>
                    </div>
                </div>
                <div class="carousel-item " style="background-image: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');">
                    <div class="carousel-content">
                        <h1>Welcome to Pennagaram Official</h1>
                        <p>Discover the serene beauty of our town in Dharmapuri district, surrounded by lush forests and vibrant community spirit.</p>
                        <a href="#gallery" class="btn btn-light btn-lg">Explore</a>
                    </div>
                </div>
                <div class="carousel-item " style="background-image: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');">
                    <div class="carousel-content">
                        <h1>Welcome to Pennagaram Official</h1>
                        <p>Discover the serene beauty of our town in Dharmapuri district, surrounded by lush forests and vibrant community spirit.</p>
                        <a href="#gallery" class="btn btn-light btn-lg">Explore</a>
                    </div>
                </div>
            </div>
        </div>

<div class="social-media">
            <a href="https://www.facebook.com/pennagaram.official/" target="_blank"><i class="fab fa-facebook-f"></i></a>
            <a href="https://www.instagram.com/pennagaram.official/" target="_blank"><i class="fab fa-instagram"></i></a>
            <a href="https://www.facebook.com/Pennagaram-109852362374976/" target="_blank"><i class="fab fa-twitter"></i></a>
            <a href="https://www.facebook.com/pennagaram.official/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
        </div>
    </section>

<section id="gallery" class="section">
        <div class="container">
            <div class="section-title">
                <h2>Our Gallery</h2>
                <p>Explore stunning visuals of Pennagaram's landscapes and community life</p>
            </div>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1551524169-349cf74a7f31?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Forest Landscape">
                        <div class="card-body">
                            <h5 class="card-title">Lush Forests</h5>
                            <p class="card-text">Surrounding Pennagaram with natural beauty and serene trails.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Town Street">
                        <div class="card-body">
                            <h5 class="card-title">Town Vibrancy</h5>
                            <p class="card-text">Daily life and cultural spots in the heart of our community.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Festival">
                        <div class="card-body">
                            <h5 class="card-title">Festival Moments</h5>
                            <p class="card-text">Capturing the joy of Pongal and local celebrations.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="view-all-btn">
                <button class="btn btn-primary btn-lg px-5">View All Gallery</button>
            </div>
        </div>
    </section>

<section id="events" class="section bg-light">
        <div class="container">
            <div class="section-title">
                <h2>Upcoming Events</h2>
                <p>Join our community gatherings and festivals</p>
            </div>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Sports Event">
                        <div class="card-body">
                            <h5 class="card-title">Thai Pongal 2026</h5>
                            <p class="card-text">Celebrate the harvest festival with traditional feasts and cultural programs in mid-January.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Art Exhibition">
                        <div class="card-body">
                            <h5 class="card-title">Community Art Fair</h5>
                            <p class="card-text">Showcasing local artists and craftsmen from Pennagaram and surrounding areas.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1511632765486-a01980e01a18?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Music Festival">
                        <div class="card-body">
                            <h5 class="card-title">Folk Music Night</h5>
                            <p class="card-text">Evening of traditional Tamil folk songs and dances under the stars.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="view-all-btn">
                <button class="btn btn-primary btn-lg px-5">View All Events</button>
            </div>
        </div>
    </section>

<section id="shop" class="section">
        <div class="container">
            <div class="section-title">
                <h2>Local Shop</h2>
                <p>Support our community by purchasing handmade crafts and local produce</p>
            </div>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card">
                        <div class="bg-shop" style="height: 250px; background-image: url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80'); background-size: cover;"></div>
                        <div class="card-body">
                            <h5 class="card-title">Handwoven Baskets</h5>
                            <p class="card-text">Traditional baskets crafted by local artisans, perfect for everyday use.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="bg-shop" style="height: 250px; background-image: url('https://images.unsplash.com/photo-1571115628310-7c130634e0e1?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80'); background-size: cover;"></div>
                        <div class="card-body">
                            <h5 class="card-title">Organic Spices</h5>
                            <p class="card-text">Freshly ground spices from Pennagaram farms, adding authentic flavor to your meals.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="bg-shop" style="height: 250px; background-image: url('https://images.unsplash.com/photo-1551028719-00167b16eac5?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80'); background-size: cover;"></div>
                        <div class="card-body">
                            <h5 class="card-title">Terracotta Pottery</h5>
                            <p class="card-text">Beautiful hand-painted pots showcasing our cultural heritage.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="view-all-btn">
                <button class="btn btn-primary btn-lg px-5">Browse Shop</button>
            </div>
        </div>
    </section>

<section id="news" class="section">
        <div class="container">
            <div class="section-title">
                <h2>Latest News</h2>
                <p>Stay updated with recent developments in Pennagaram</p>
            </div>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Community Event">
                        <div class="card-body">
                            <h5 class="card-title">CM Stalin Visits Pennagaram</h5>
                            <p class="card-text">Chief Minister attends local event, highlighting community development initiatives.<grok-card data-id="f9d004" data-type="citation_card"></grok-card></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Local News">
                        <div class="card-body">
                            <h5 class="card-title">New Road Safety Measures</h5>
                            <p class="card-text">Following recent incidents, enhanced safety protocols implemented on key routes.<grok-card data-id="a83a74" data-type="citation_card"></grok-card></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" class="card-img-top" alt="Election News">
                        <div class="card-body">
                            <h5 class="card-title">Upcoming Local Elections</h5>
                            <p class="card-text">Preparations underway for taluk-level elections with focus on youth participation.<grok-card data-id="4ea53d" data-type="citation_card"></grok-card></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="view-all-btn">
                <button class="btn btn-primary btn-lg px-5">View All News</button>
            </div>
        </div>
    </section>

<footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h5><img src="logo.png" width="40px"> Pennagaram Official</h5>
                    <p>யாதும் ஊரே யாவரும் கேளிர் - Fostering unity and development in our beloved town.</p>
                    <div class="social-icons mt-3">
                        <a href="https://www.facebook.com/pennagaram.official/" class="text-white me-3" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://www.instagram.com/pennagaram.official/" class="text-white me-3" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a href="https://www.facebook.com/Pennagaram-109852362374976/" class="text-white me-3" target="_blank"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="text-white"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                <div class="col-md-2">
                    <h5>Quick Links</h5>
                    <ul>
                        <li><a href="#home">Home</a></li>
                        <li><a href="#gallery">Gallery</a></li>
                        <li><a href="#events">Events</a></li>
                        <li><a href="#shop">Shop</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>Resources</h5>
                    <ul>
                        <li><a href="#">About Pennagaram</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact</a></li>
                        <li><a href="#">Support Us</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>Contact Info</h5>
                    <p><i class="fas fa-map-marker-alt me-2"></i> Pennagaram, Dharmapuri District, Tamil Nadu</p>
                    <p><i class="fas fa-phone me-2"></i> +91 99999 99999</p>
                    <p><i class="fas fa-envelope me-2"></i> info@pennagaram.org</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Pennagaram Official. All rights reserved.</p>
            </div>
        </div>
    </footer>

// Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

// Auto-play carousel
        const carousel = new bootstrap.Carousel(document.getElementById('heroCarousel'), {
            interval: 5000,
            wrap: true
        });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: index1.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation