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: suburaj.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Suburaj - Co-Founder | Hifi11 Technologies</title>
    <meta name="description" content="Suburaj - Co-Founder of Hifi11 Technologies. Operations and client success specialist with expertise in business development and project management.">
    
    <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;
        }
        
        .impact-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);
        }
        
        .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);
        }
        
        .professional-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;
            }
            
            .impact-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="su.png" class="profile-img" alt="Suburaj - 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">Suburaj</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-cogs me-1"></i> Operations Specialist</span>
                                <span class="profile-badge"><i class="fas fa-handshake me-1"></i> Client Success</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">Operations and client success specialist with a background in business development. Ensures our projects align perfectly with client objectives while maintaining operational excellence and driving sustainable growth.</p>
                    
                    <div class="social-links">
                        <a href="https://linkedin.com/in/suburaj" 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:suburaj@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">Professional Philosophy</h3>
                        <blockquote class="professional-quote">
                            "Success in technology isn't just about building great products—it's about building great relationships and ensuring every solution delivers real business value."
                        </blockquote>
                        <p>As Co-Founder of Hifi11 Technologies, I focus on bridging the gap between technical excellence and client success. My role ensures that our innovative solutions not only meet technical specifications but also drive tangible business outcomes for our partners.</p>
                        <p>I believe that sustainable growth comes from understanding client needs deeply and building long-term partnerships based on trust, transparency, and mutual success.</p>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Professional Journey</h3>
                        
                        <div class="mb-4">
                            <h5>Co-Founder</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>Drive operational excellence and business development strategies</li>
                                <li>Manage client relationships and ensure project alignment with business objectives</li>
                                <li>Oversee project delivery and client success metrics</li>
                                <li>Develop and implement growth strategies for the organization</li>
                                <li>Coordinate cross-functional teams to ensure seamless project execution</li>
                            </ul>
                        </div>
                        
                        <div class="mb-4">
                            <h5>Business Development & Operations</h5>
                            <p class="text-primary mb-1">Previous Experience</p>
                            <p class="text-muted mb-3">2019 - 2023</p>
                            <ul>
                                <li>Developed and executed business growth strategies for tech startups</li>
                                <li>Managed client acquisition and relationship management</li>
                                <li>Optimized operational processes for efficiency and scalability</li>
                                <li>Led teams in delivering client-focused technology solutions</li>
                            </ul>
                        </div>
                    </div>

<div class="section-card fade-in">
                        <h3 class="section-title">Impact & Achievements</h3>
                        <div class="impact-stats">
                            <div class="stat-card">
                                <div class="stat-number">150+</div>
                                <div class="stat-label">Projects Managed</div>
                            </div>
                            <div class="stat-card">
                                <div class="stat-number">95%</div>
                                <div class="stat-label">Client Satisfaction</div>
                            </div>
                            <div class="stat-card">
                                <div class="stat-number">50+</div>
                                <div class="stat-label">Client Partnerships</div>
                            </div>
                            <div class="stat-card">
                                <div class="stat-number">4+</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">Core Expertise</h3>
                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Operations & Management</h6>
                            <div>
                                <span class="skill-badge">Operations Management</span>
                                <span class="skill-badge">Process Optimization</span>
                                <span class="skill-badge">Team Leadership</span>
                                <span class="skill-badge">Strategic Planning</span>
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Client Success</h6>
                            <div>
                                <span class="skill-badge">Client Relationship Management</span>
                                <span class="skill-badge">Account Management</span>
                                <span class="skill-badge">Stakeholder Engagement</span>
                                <span class="skill-badge">Customer Success</span>
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Business Development</h6>
                            <div>
                                <span class="skill-badge">Business Strategy</span>
                                <span class="skill-badge">Partnership Development</span>
                                <span class="skill-badge">Market Analysis</span>
                                <span class="skill-badge">Growth Planning</span>
                            </div>
                        </div>
                        
                        <div>
                            <h6 class="fw-bold mb-3">Project Management</h6>
                            <div>
                                <span class="skill-badge">Agile Methodology</span>
                                <span class="skill-badge">Project Coordination</span>
                                <span class="skill-badge">Risk Management</span>
                                <span class="skill-badge">Quality Assurance</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>suburaj@hifi11.in</div>
                            </div>
                        </div>
                        <div class="contact-info">
                            <i class="fas fa-map-marker-alt"></i>
                            <div>
                                <strong>Location</strong>
                                <div>Dharmapuri, 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">Key Contributions</h3>
                        <ul>
                            <li class="mb-2">Established and scaled client success frameworks for 150+ projects</li>
                            <li class="mb-2">Developed strategic partnerships with government and corporate clients</li>
                            <li class="mb-2">Implemented operational processes that improved project delivery efficiency by 40%</li>
                            <li class="mb-2">Maintained 95%+ client satisfaction rate across all engagements</li>
                            <li>Built and mentored high-performing operations and client success teams</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: suburaj.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation