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

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: surya-prakash.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Surya Prakash - Co-Founder | Hifi11 Technologies</title>
    <meta name="description" content="Surya Prakash - Co-Founder of Hifi11 Technologies. Software Developer specializing in Full-Stack Development and Digital Marketing solutions.">
    
    <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">
    
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <style>
        :root {
            --hifi-primary: #0a369d;
            --hifi-secondary: #5e7ce2;
            --hifi-accent: #ff9e1b;
            --hifi-dark: #0a0e17;
        }
        
        body {
            font-family: 'Montserrat', sans-serif;
            color: #4a4a4a;
            overflow-x: hidden;
            background-color: #f8faff;
        }
        
        .profile-hero {
            background: linear-gradient(135deg, var(--hifi-dark) 0%, var(--hifi-primary) 100%);
            color: white;
            padding: 5rem 0 3rem;
        }
        
        .profile-img-container {
            position: relative;
            width: 220px;
            height: 220px;
            margin: 0 auto;
            border-radius: 50%;
            overflow: hidden;
            border: 6px solid rgba(255,255,255,0.2);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .profile-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .profile-badge {
            background: rgba(255,255,255,0.15);
            color: white;
            border-radius: 20px;
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
            display: inline-block;
            margin: 0.25rem;
        }
        
        .section-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            padding: 2rem;
            margin-bottom: 2rem;
            transition: all 0.3s ease;
        }
        
        .section-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(10, 54, 157, 0.1);
        }
        
        .section-title {
            color: var(--hifi-primary);
            font-weight: 700;
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f0f4ff;
        }
        
        .tech-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-top: 2rem;
        }
        
        .stat-card {
            background: linear-gradient(135deg, #f0f4ff 0%, #e8edff 100%);
            border-radius: 12px;
            padding: 1.5rem;
            text-align: center;
            border-left: 4px solid var(--hifi-primary);
        }
        
        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--hifi-primary);
            line-height: 1;
            margin-bottom: 0.5rem;
        }
        
        .stat-label {
            font-size: 0.9rem;
            color: #666;
            font-weight: 600;
        }
        
        .skill-badge {
            background: #f0f4ff;
            color: var(--hifi-primary);
            border-radius: 20px;
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
            display: inline-block;
            margin: 0.25rem;
            transition: all 0.3s ease;
        }
        
        .skill-badge:hover {
            background: var(--hifi-primary);
            color: white;
            transform: translateY(-2px);
        }
        
        .tech-badge {
            background: linear-gradient(135deg, var(--hifi-primary) 0%, var(--hifi-secondary) 100%);
            color: white;
            border-radius: 20px;
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
            display: inline-block;
            margin: 0.25rem;
            transition: all 0.3s ease;
        }
        
        .tech-badge:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(10, 54, 157, 0.3);
        }
        
        .contact-info {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        
        .contact-info i {
            width: 40px;
            height: 40px;
            background: #f0f4ff;
            color: var(--hifi-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 2rem;
        }
        
        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            background: #f0f4ff;
            color: var(--hifi-primary);
            border-radius: 50%;
            font-size: 1.2rem;
            transition: all 0.3s ease;
        }
        
        .social-links a:hover {
            background: var(--hifi-primary);
            color: white;
            transform: translateY(-5px);
        }
        
        .back-btn {
            background: rgba(255,255,255,0.15);
            color: white;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 30px;
            padding: 0.5rem 1.5rem;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .back-btn:hover {
            background: white;
            color: var(--hifi-primary);
        }
        
        .tech-quote {
            font-style: italic;
            color: var(--hifi-primary);
            border-left: 4px solid var(--hifi-accent);
            padding-left: 1.5rem;
            margin: 2rem 0;
            font-size: 1.1rem;
        }
        
        /* Smooth fade-in animation without AOS */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        @media (max-width: 768px) {
            .profile-hero {
                padding: 3rem 0 2rem;
            }
            
            .profile-img-container {
                width: 180px;
                height: 180px;
            }
            
            .section-card {
                padding: 1.5rem;
            }
            
            .tech-stats {
                grid-template-columns: 1fr;
            }
            
            .social-links {
                justify-content: center;
            }
            
            .back-btn {
                margin-top: 1rem;
            }
        }
        
        @media (max-width: 576px) {
            .profile-hero {
                padding: 2rem 0 1.5rem;
            }
            
            .profile-img-container {
                width: 150px;
                height: 150px;
            }
            
            .section-card {
                padding: 1.25rem;
                margin-bottom: 1.5rem;
            }
        }
    </style>
</head>
<body>
    
    <?php include('includes/navbar.php') ?>
<br><br>
    
    <section class="profile-hero">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-3 text-center mb-4 mb-md-0">
                    <div class="profile-img-container">
                        <img src="1.png" class="profile-img" alt="Surya Prakash - Co-Founder">
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start">
                        <div class="mb-3 mb-md-0">
                            <h1 class="display-5 fw-bold mb-2">Surya Prakash</h1>
                            <h3 class="mb-3">Co-Founder</h3>
                            <div class="mb-3">
                                <span class="profile-badge"><i class="fas fa-rocket me-1"></i> Hifi11 Technologies</span>
                                <span class="profile-badge"><i class="fas fa-code me-1"></i> Software Developer</span>
                                <span class="profile-badge"><i class="fas fa-layer-group me-1"></i> Full-Stack Developer</span>
                            </div>
                        </div>
                        <a href="about.php" class="back-btn align-self-md-start">
                            <i class="fas fa-arrow-left me-1"></i> Back to Team
                        </a>
                    </div>
                    <p class="lead mb-4">Software Developer specializing in Full-Stack Development and Digital Marketing solutions. Technical expert focusing on scalable systems and cloud infrastructure, leading development teams to deliver robust, high-performance solutions.</p>
                    
                    <div class="social-links">
                        <a href="https://linkedin.com/in/surya-prakash" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
                        <a href="#" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" target="_blank" title="GitHub"><i class="fab fa-github"></i></a>
                        <a href="mailto:surya@hifi11.in" title="Email"><i class="fas fa-envelope"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="py-5">
        <div class="container">
            <div class="row">
                
                <div class="col-lg-8">
                    
                    <div class="section-card fade-in">
                        <h3 class="section-title">Technical Philosophy</h3>
                        <blockquote class="tech-quote">
                            "Great code solves problems elegantly. Our focus is on building scalable, maintainable solutions that not only work today but evolve with tomorrow's needs."
                        </blockquote>
                        <p>As Co-Founder and technical lead at Hifi11 Technologies, I bridge the gap between complex technical requirements and practical business solutions. My approach combines cutting-edge technology with user-centric design to create software that delivers real value.</p>
                        <p>I believe in writing clean, efficient code and building systems that are not just functional but also scalable, secure, and maintainable for the long term.</p>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Professional Journey</h3>
                        
                        <div class="mb-4">
                            <h5>Co-Founder & Technical Lead</h5>
                            <p class="text-primary mb-1">Hifi11 Technologies</p>
                            <p class="text-muted mb-3">May 2023 - Present | Dharmapuri, Tamil Nadu</p>
                            <ul>
                                <li>Lead technical architecture and development of enterprise software solutions</li>
                                <li>Manage and mentor development teams in full-stack technologies</li>
                                <li>Design and implement scalable cloud infrastructure and systems</li>
                                <li>Oversee technical quality and code standards across 150+ projects</li>
                                <li>Drive innovation in software development methodologies and tools</li>
                            </ul>
                        </div>
                        
                        <div class="mb-4">
                            <h5>Software Developer</h5>
                            <p class="text-primary mb-1">PSN College of Engineering and Technology</p>
                            <p class="text-muted mb-3">2022 - 2023</p>
                            <ul>
                                <li>Collaborated with teams to design and implement responsive web applications</li>
                                <li>Developed full-stack solutions using modern web technologies</li>
                                <li>Implemented digital marketing solutions and analytics integration</li>
                                <li>Contributed to innovative projects in educational technology</li>
                            </ul>
                        </div>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Technical Impact</h3>
                        <div class="tech-stats">
                            <div class="stat-card">
                                <div class="stat-number">150+</div>
                                <div class="stat-label">Projects Developed</div>
                            </div>
                            <div class="stat-card">
                                <div class="stat-number">100%</div>
                                <div class="stat-label">Success Rate</div>
                            </div>
                            <div class="stat-card">
                                <div class="stat-number">50+</div>
                                <div class="stat-label">Web Applications</div>
                            </div>
                            <div class="stat-card">
                                <div class="stat-number">3+</div>
                                <div class="stat-label">Years Experience</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div class="col-lg-4">
                    
                    <div class="section-card fade-in">
                        <h3 class="section-title">Technical Expertise</h3>
                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Frontend Technologies</h6>
                            <div>
                                <span class="tech-badge">HTML5/CSS3</span>
                                <span class="tech-badge">JavaScript</span>
                                <span class="tech-badge">React.js</span>
                                <span class="tech-badge">Vue.js</span>
                                <span class="tech-badge">Bootstrap</span>
                                <span class="tech-badge">jQuery</span>
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Backend Technologies</h6>
                            <div>
                                <span class="tech-badge">PHP</span>
                                <span class="tech-badge">Node.js</span>
                                <span class="tech-badge">Python</span>
                                <span class="tech-badge">MySQL</span>
                                <span class="tech-badge">MongoDB</span>
                                <span class="tech-badge">REST APIs</span>
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Tools & Platforms</h6>
                            <div>
                                <span class="tech-badge">Git</span>
                                <span class="tech-badge">Docker</span>
                                <span class="tech-badge">AWS</span>
                                <span class="tech-badge">Digital Marketing</span>
                                <span class="tech-badge">SEO</span>
                                <span class="tech-badge">Analytics</span>
                            </div>
                        </div>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Contact</h3>
                        <div class="contact-info">
                            <i class="fas fa-envelope"></i>
                            <div>
                                <strong>Email</strong>
                                <div>surya@hifi11.in</div>
                            </div>
                        </div>
                        <div class="contact-info">
                            <i class="fas fa-map-marker-alt"></i>
                            <div>
                                <strong>Location</strong>
                                <div>Tenkasi, Tamil Nadu</div>
                            </div>
                        </div>
                        <div class="contact-info">
                            <i class="fas fa-globe"></i>
                            <div>
                                <strong>Company</strong>
                                <div>www.hifi11.in</div>
                            </div>
                        </div>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Education</h3>
                        <h6>MANONMANIAM SUNDARANAR UNIVERSITY</h6>
                        <p class="text-primary mb-1">Constituent College, Kadayanallur</p>
                        <p class="text-muted mb-3">Tenkasi, Tamil Nadu</p>
                        
                        <h6>PSN College of Engineering and Technology</h6>
                        <p class="text-primary mb-1">Software Development Focus</p>
                        <p class="text-muted">Specialized in Full-Stack Development and Digital Marketing solutions</p>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Key Contributions</h3>
                        <ul>
                            <li class="mb-2">Led development of 50+ responsive web applications</li>
                            <li class="mb-2">Architected scalable cloud infrastructure for enterprise solutions</li>
                            <li class="mb-2">Implemented digital marketing and analytics integration</li>
                            <li class="mb-2">Mentored and trained development teams in modern technologies</li>
                            <li>Maintained 100% project success rate through technical excellence</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

<?php include('includes/footer.php') ?>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Simple fade-in animation without AOS
        document.addEventListener('DOMContentLoaded', function() {
            const fadeElements = document.querySelectorAll('.fade-in');
            
            const fadeInOnScroll = function() {
                fadeElements.forEach(element => {
                    const elementTop = element.getBoundingClientRect().top;
                    const elementVisible = 150;
                    
                    if (elementTop < window.innerHeight - elementVisible) {
                        element.classList.add('visible');
                    }
                });
            };
            
            // Initial check
            fadeInOnScroll();
            
            // Check on scroll
            window.addEventListener('scroll', fadeInOnScroll);
        });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: surya-prakash.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation