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

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>BRISTO POWER CONSORTIUM — Industry-Leading Transformer & Power Equipment Services</title>

<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">

/* ---------- Reset & base ---------- */
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
      color:var(--text-strong);
      background:var(--bg-surface);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.45;
      font-size:16px;
    }

a{color:var(--brand-blue);text-decoration:none}

/* ---------- Layout containers ---------- */
    .container{width:min(1200px,92%);margin:0 auto}
    header{background:white;border-bottom:1px solid rgba(15,23,32,0.04);position:sticky;top:0;z-index:1000}
    .topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0} /* Reduced height */
    .brand{display:flex;align-items:center;gap:16px}
    .brand img{height:42px;width:auto} /* Slightly smaller logo */
    .brand h1{font-family:Oswald,Inter,sans-serif;margin:0;font-size:18px;letter-spacing:0.6px}

nav{display:flex;gap:18px;align-items:center}
    .nav a{font-weight:600;color:var(--muted);font-size:14px;transition:color 0.2s}
    .nav a:hover{color:var(--brand-blue)}
    .btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:6px;border:1px solid rgba(15,23,32,0.06);font-weight:600;transition:all 0.2s}
    .btn-primary{background:var(--brand-red);color:white;border:none}
    .btn-primary:hover{background:#9a1616}
    .btn-ghost{background:transparent;color:var(--brand-blue);border:1px solid rgba(10,61,98,0.08)}
    .btn-ghost:hover{background:rgba(10,61,98,0.05)}

/* ---------- Hero Slider ---------- */
    .hero-slider{
      height: 480px; /* Reduced height */
      position:relative;
      overflow:hidden;
    }
    .slide{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background-size:cover;
      background-position:center center;
      opacity:0;
      transition:opacity 1s ease-in-out;
    }
    .slide.active{
      opacity:1;
    }
    .slide::after{
      content:"";
      position:absolute;
      inset:0;
      background: rgba(0,0,0,0.4); /* Dark overlay for better text visibility */
      pointer-events:none;
    }
    .hero-content{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr 420px;
      gap:40px;
      align-items:center;
      height:480px; /* Match slider height */
    }
    .hero-text {
      color: white;
      padding: 20px;
    }
    .eyebrow{color:white;font-weight:700;font-size:13px;letter-spacing:1px}
    h2{font-family:Oswald,Inter,sans-serif;font-size:34px;margin:10px 0 12px;color:white;line-height:1.05}
    p.lead{color:rgba(255,255,255,0.9);margin:0 0 20px}
    .hero-ctas{display:flex;gap:10px}

/* quick capability badges */
    .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
    .badge{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);padding:8px 10px;font-size:13px;border-radius:4px;color:white}

/* Slider controls */
    .slider-controls{
      position:absolute;
      bottom:20px;
      left:50%;
      transform:translateX(-50%);
      display:flex;
      gap:8px;
      z-index:10;
    }
    .slider-dot{
      width:10px;
      height:10px;
      border-radius:50%;
      background:rgba(255,255,255,0.5);
      cursor:pointer;
      transition:background 0.3s;
    }
    .slider-dot.active{
      background:white;
    }

/* ---------- About Us ---------- */
    section{padding:56px 0}
    .two-col{display:grid;grid-template-columns:1fr 420px;gap:40px}
    .cap-icons{display:flex;flex-direction:column;gap:14px}
    .cap-item{display:flex;gap:12px;align-items:center}
    .cap-item svg{width:44px;height:44px;flex:0 0 44px;border-radius:6px;padding:8px;background:white;border:1px solid rgba(15,23,32,0.04)}

/* mission/vision */
    .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
    .card{background:white;padding:22px;border-radius:8px;border:1px solid rgba(15,23,32,0.04);transition:transform 0.3s, box-shadow 0.3s}
    .card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(10,24,40,0.08)}
    .card h3{margin:0 0 8px;font-family:Oswald}

/* services grid */
    .services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .service{background:white;padding:18px;border-radius:8px;border:1px solid rgba(15,23,32,0.04);display:flex;gap:12px;align-items:flex-start;transition:transform 0.3s, box-shadow 0.3s}
    .service:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(10,24,40,0.08)}
    .service .icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:6px}
    .service h4{margin:0;font-size:16px}
    .service p{margin:8px 0 0;color:var(--muted);font-size:14px}

/* detailed sections */
    .detail{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}
    .info-list{padding:0;margin:0;list-style:none}
    .info-list li{padding:10px 0;border-bottom:1px dashed rgba(15,23,32,0.03);color:var(--muted)}

table{width:100%;border-collapse:collapse;background:white;border:1px solid rgba(15,23,32,0.04)}
    table th, table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(15,23,32,0.04);font-size:14px}
    table thead th{background:rgba(10,61,98,0.02);font-weight:700}

/* contact */
    .contact-grid{display:grid;grid-template-columns:1fr 420px;gap:28px}
    .map-placeholder{height:280px;background:linear-gradient(180deg,rgba(10,61,98,0.06),rgba(183,28,28,0.03));border-radius:8px;border:1px solid rgba(15,23,32,0.04);display:grid;place-items:center;color:var(--muted)}

/* customers */
    .logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center}
    .logo-item{background:white;padding:16px;border-radius:6px;border:1px solid rgba(15,23,32,0.04);display:grid;place-items:center;height:72px;transition:transform 0.3s, box-shadow 0.3s}
    .logo-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(10,24,40,0.08)}

/* our clients section */
    .clients-section{background:white;padding:56px 0}
    .clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}
    .client-logo{display:grid;place-items:center;height:120px;padding:20px;border-radius:8px;border:1px solid rgba(15,23,32,0.04);transition:transform 0.3s, box-shadow 0.3s}
    .client-logo:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(10,24,40,0.08)}
    .client-logo img{max-width:100%;max-height:80px;filter:grayscale(100%);transition:filter 0.3s}
    .client-logo:hover img{filter:grayscale(0%)}

/* Image sections */
    .image-section {
      position: relative;
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      padding: 80px 0;
    }
    .image-section::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(10, 61, 98, 0.7);
      z-index: 1;
    }
    .image-section .container {
      position: relative;
      z-index: 2;
    }
    .image-section h2, .image-section h3 {
      color: white;
    }
    .image-section p {
      color: rgba(255,255,255,0.9);
    }

/* footer */
    footer{background:#0f1720;color:white;padding:40px 0;margin-top:40px}
    .footer a{color:rgba(255,255,255,0.85)}

/* ---------- Minimal Animations ---------- */
    .fade-up{transform:translateY(10px);opacity:0;animation:fadeUp .7s forwards}
    @keyframes fadeUp{to{transform:none;opacity:1}}

/* ---------- Responsive ---------- */
    @media (max-width:1000px){
      .hero-content,.two-col,.detail,.contact-grid{grid-template-columns:1fr}
      .services{grid-template-columns:repeat(2,1fr)}
      .logo-grid{grid-template-columns:repeat(3,1fr)}
      .clients-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:640px){
      .services{grid-template-columns:1fr}
      .logo-grid{grid-template-columns:repeat(2,1fr)}
      .brand h1{font-size:16px}
      .hero-ctas{flex-direction:column}
      .clients-grid{grid-template-columns:1fr}
    }
  </style>
</head>
<body>
  <header>
    <div class="container topbar">
      <div class="brand">
        <img src="bristo.jpg" alt="BRISTO POWER CONSORTIUM logo" />
        <h1>BRISTO POWER CONSORTIUM</h1>
      </div>
      <nav>
        <a href="#about">About</a>
        <a href="#services">Services</a>
        <a href="#clients">Our Clients</a>
        <a href="#contact">Contact</a>
        <a class="btn btn-ghost" href="#download">Download Profile</a>
        <a class="btn btn-primary" href="#quote">Get a Quote</a>
      </nav>
    </div>
  </header>

<section class="hero-slider" aria-label="Hero Slider">
    <div class="slide active" style="background-image:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')"></div>
    <div class="slide" style="background-image:url('https://images.unsplash.com/photo-1621905251182-285d86d81bb5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')"></div>
    <div class="slide" style="background-image:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')"></div>
    
    <div class="container hero-content">
      <div class="hero-text fade-up">
        <div class="eyebrow">High-Voltage Engineering • On-Site Testing • O&amp;M</div>
        <h2>Industry-Leading Transformer &amp; Power Equipment Services</h2>
        <p class="lead">End-to-end solutions for installation, testing, commissioning, maintenance, oil filtration &amp; refurbishment.</p>
        <div class="hero-ctas">
          <a class="btn btn-primary" id="quote">Get a Quote</a>
          <a class="btn btn-ghost" id="download" style="background:rgba(255,255,255,0.2);color:white;border-color:rgba(255,255,255,0.3)">Download Profile</a>
        </div>

<div class="badges">
          <div class="badge">Up to 500 MVA / 765 kV</div>
          <div class="badge">Field Testing • IEC / IEEE / IS</div>
          <div class="badge">Oil Filtration • 10,000 LPH</div>
        </div>
      </div>

<aside class="fade-up">
        <div style="background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,0.2);color:white">
          <h4 style="margin:0 0 8px;font-family:Oswald;color:white">Core Capabilities</h4>
          <ul style="margin:0;padding:0 0 0 18px;color:rgba(255,255,255,0.9)">
            <li>Transformer Installation &amp; Commissioning</li>
            <li>Shunt Reactors &amp; DG Services</li>
            <li>On-site Testing &amp; Diagnostics</li>
            <li>Filtration, Oil Analysis &amp; Refurbishment</li>
            <li>Repairs &amp; O&amp;M up to 765 kV</li>
          </ul>
        </div>
      </aside>
    </div>
    
    <div class="slider-controls">
      <div class="slider-dot active" data-slide="0"></div>
      <div class="slider-dot" data-slide="1"></div>
      <div class="slider-dot" data-slide="2"></div>
    </div>
  </section>

<section id="about" class="container">
    <div class="two-col">
      <div>
        <h3 style="font-family:Oswald">About BRISTO POWER CONSORTIUM</h3>
        <p style="color:var(--muted)">BRISTO POWER CONSORTIUM provides specialized engineering services for high-voltage power equipment including transformers, shunt reactors, diesel generators and associated systems. We deliver turnkey solutions from installation and on-site testing to filtration, oil analysis, commissioning, repairs and long-term O&amp;M. Our teams are trained to handle projects up to <strong>500 MVA / 765 kV class</strong> with rigorous safety and quality controls.</p>

<div style="margin-top:18px" class="cap-icons">
          <div class="cap-item"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="3" width="20" height="18" rx="2" stroke="currentColor"/></svg><div><strong>High-Voltage Expertise</strong><div style="color:var(--muted);font-size:13px">Field teams for 765 kV commissioning</div></div></div>

<div class="cap-item"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="9" stroke="currentColor"/></svg><div><strong>Comprehensive Testing</strong><div style="color:var(--muted);font-size:13px">IEC / IEEE / IS compliant tests</div></div></div>

<div class="cap-item"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12h18" stroke="currentColor"/></svg><div><strong>Oil Filtration</strong><div style="color:var(--muted);font-size:13px">Portable filtration up to 10,000 LPH</div></div></div>
        </div>
      </div>

<aside>
        <div style="background:white;padding:20px;border-radius:8px;border:1px solid rgba(15,23,32,0.04);">
          <h4 style="margin:0 0 8px;font-family:Oswald">Why Choose Us</h4>
          <ul style="margin:0;padding-left:18px;color:var(--muted)">
            <li>End-to-end project delivery</li>
            <li>Skilled field engineers &amp; certified testers</li>
            <li>Rapid mobilisation &amp; robust safety protocols</li>
            <li>Transparent reporting &amp; data-backed diagnostics</li>
          </ul>
        </div>
      </aside>
    </div>
  </section>

<section class="image-section" style="background-image:url('https://images.unsplash.com/photo-1621905251182-285d86d81bb5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')">
    <div class="container cards">
      <div class="card fade-up">
        <h3>Our Mission</h3>
        <p style="color:var(--muted)">To provide reliable, safety-first engineering solutions for power infrastructure — ensuring maximum uptime and life-extension for high-value electrical assets.</p>
      </div>
      <div class="card fade-up">
        <h3>Our Vision</h3>
        <p style="color:var(--muted)">To be the trusted partner for utilities and industrial clients across the region, recognised for technical excellence and operational integrity at the highest voltages.</p>
      </div>
    </div>
  </section>

<section id="services" class="container">
    <h3 style="font-family:Oswald">Services Overview</h3>
    <p style="color:var(--muted);margin-top:6px">Structured service offerings for installation, diagnostics, refurbishment and lifecycle support.</p>

<div style="margin-top:18px" class="services">
      <div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><path d="M3 12h18" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div>
        <div>
          <h4>Transformer Installation, Testing &amp; Commissioning</h4>
          <p>Site erection, LV/HV connections, protection &amp; performance validation.</p>
        </div>
      </div>

<div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><rect x="4" y="4" width="16" height="16" stroke="currentColor" stroke-width="1.6"/></svg></div>
        <div>
          <h4>Repair &amp; Overhauling</h4>
          <p>Winding repairs, insulation replacement, tap-changer refurbishment and factory-level overhauls.</p>
        </div>
      </div>

<div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><path d="M4 20V4l8 6 8-6v16" stroke="currentColor" stroke-width="1.6"/></svg></div>
        <div>
          <h4>Tap Changer Services</h4>
          <p>On-load/off-load tap changer diagnostics, maintenance and spare assembly supply.</p>
        </div>
      </div>

<div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><path d="M12 2v20" stroke="currentColor" stroke-width="1.6"/></svg></div>
        <div>
          <h4>Testing Services (IEC / IEEE / IS)</h4>
          <p>Type &amp; routine tests, insulation resistance, partial discharge and TAN/BDV measurements.</p>
        </div>
      </div>

<div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="1.6"/></svg></div>
        <div>
          <h4>Oil Filtration (up to 10,000 LPH)</h4>
          <p>Portable filtration &amp; degassing to restore dielectric properties and extend transformer life.</p>
        </div>
      </div>

<div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><path d="M3 6h18v13H3z" stroke="currentColor" stroke-width="1.6"/></svg></div>
        <div>
          <h4>Operation &amp; Maintenance</h4>
          <p>Site O&amp;M contracts, preventive maintenance and emergency response teams.</p>
        </div>
      </div>

<div class="service fade-up">
        <div class="icon" style="border:1px solid rgba(10,61,98,0.06)"><svg width="28" height="28" viewBox="0 0 24 24" fill="none"><path d="M4 4h16v16H4z" stroke="currentColor" stroke-width="1.6"/></svg></div>
        <div>
          <h4>Spare Parts Supply</h4>
          <p>Genuine and engineered spares for tap-changers, bushings, conservators and protection accessories.</p>
        </div>
      </div>
    </div>
  </section>

<section class="image-section" style="background-image:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')">
    <div class="container">
      <h2 style="font-family:Oswald;text-align:center">Comprehensive Power Solutions</h2>
      <p style="text-align:center;max-width:800px;margin:0 auto">From installation to maintenance, our expert teams deliver reliable solutions for critical power infrastructure across industries.</p>
    </div>
  </section>

<section id="clients" class="clients-section">
    <div class="container">
      <h3 style="font-family:Oswald;text-align:center">Our Valued Clients</h3>
      <p style="color:var(--muted);text-align:center;margin-top:6px">Trusted by leading utilities, EPCs and industrial clients across the region</p>

<section style="padding:36px 0;border-top:1px solid rgba(15,23,32,0.03);background:transparent">
    <div class="container detail">
      <div>
        <h3 style="font-family:Oswald">Transformer Tests &amp; Oil Analysis</h3>
        <p style="color:var(--muted)">We provide a full suite of electrical and oil diagnostics to evaluate transformer condition and guide refurbishment decisions.</p>

<ul class="info-list" style="margin-top:12px">
          <li><strong>Routine Electrical Tests:</strong> Winding resistance, turns ratio, no-load &amp; load loss, excitation current.</li>
          <li><strong>Diagnostic Tests:</strong> Partial discharge, tan delta, DGA (Dissolved Gas Analysis), power factor tests.</li>
          <li><strong>Oil Analysis Parameters:</strong> Moisture, acidity (AN/AC), dielectric breakdown (BDV), Dissolved Gas Analysis (C2H2, CH4, H2, CO, CO2), PCB screening.</li>
        </ul>

<h4 style="margin-top:16px">Typical Test Matrix</h4>
        <table style="margin-top:12px">
          <thead>
            <tr><th>Test</th><th>Standards</th><th>Notes</th></tr>
          </thead>
          <tbody>
            <tr><td>Turns Ratio Test</td><td>IEC / IS</td><td>On-site with precision ratio meter</td></tr>
            <tr><td>Winding Resistance</td><td>IEC / IEEE</td><td>Temperature-corrected measurement</td></tr>
            <tr><td>Partial Discharge</td><td>IEC 60270</td><td>Offline &amp; online options</td></tr>
            <tr><td>DGA (Gas Chromatography)</td><td>IEC / IEEE</td><td>Trend analysis &amp; fault classification</td></tr>
          </tbody>
        </table>
      </div>

<aside>
        <div style="background:white;padding:18px;border-radius:8px;border:1px solid rgba(15,23,32,0.04);">
          <h4 style="margin:0 0 10px;font-family:Oswald">Oil Analysis — Quick Reference</h4>
          <table style="width:100%">
            <thead>
              <tr><th>Parameter</th><th>Spec / Limit</th></tr>
            </thead>
            <tbody>
              <tr><td>Moisture (ppm)</td><td>&lt;35 (target)</td></tr>
              <tr><td>BDV (kV)</td><td>&gt;30 (per sample size)</td></tr>
              <tr><td>Acidity (mg KOH/g)</td><td>&lt;0.1</td></tr>
              <tr><td>PCB</td><td>ND / &lt;50 ppm</td></tr>
            </tbody>
          </table>

<div style="margin-top:12px;color:var(--muted);font-size:14px">For tailored test matrices and acceptance criteria for critical assets, request the full test profile in our downloadable technical pack.</div>
        </div>
      </aside>
    </div>
  </section>

<section id="contact" style="padding:36px 0;border-top:1px solid rgba(15,23,32,0.03)">
    <div class="container contact-grid">
      <div>
        <h3 style="font-family:Oswald">Contact Us</h3>
        <p style="color:var(--muted)">For enquiries, technical packs or site quotations please reach out to our commercial team.</p>

<div style="margin-top:12px;display:grid;gap:10px">
          <div style="background:white;padding:14px;border-radius:8px;border:1px solid rgba(15,23,32,0.04)"><strong>Address</strong><div style="color:var(--muted);margin-top:6px">BRISTO POWER CONSORTIUM, Industrial Area, City, State, PIN</div></div>
          <div style="background:white;padding:14px;border-radius:8px;border:1px solid rgba(15,23,32,0.04)"><strong>Phone</strong><div style="color:var(--muted);margin-top:6px">+91 90x xx xxxx</div></div>
          <div style="background:white;padding:14px;border-radius:8px;border:1px solid rgba(15,23,32,0.04)"><strong>Email</strong><div style="color:var(--muted);margin-top:6px">contact@bristopower.com</div></div>
        </div>
      </div>

<aside>
        <div class="map-placeholder">Google Map Placeholder</div>
      </aside>
    </div>
  </section>

<footer>
    <div class="container" style="display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap">
      <div>
        <strong>BRISTO POWER CONSORTIUM</strong>
        <div style="color:rgba(255,255,255,0.7);margin-top:6px">Engineering services for transformers, reactors, diesel gensets and high-voltage systems.</div>
      </div>

// Hero slider functionality
    const slides = document.querySelectorAll('.slide');
    const dots = document.querySelectorAll('.slider-dot');
    let currentSlide = 0;
    
    function showSlide(n) {
      slides.forEach(slide => slide.classList.remove('active'));
      dots.forEach(dot => dot.classList.remove('active'));
      
      currentSlide = (n + slides.length) % slides.length;
      
      slides[currentSlide].classList.add('active');
      dots[currentSlide].classList.add('active');
    }
    
    // Add click events to dots
    dots.forEach((dot, index) => {
      dot.addEventListener('click', () => {
        showSlide(index);
      });
    });
    
    // Auto-advance slides
    setInterval(() => {
      showSlide(currentSlide + 1);
    }, 5000);
  </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: bristo.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation