Virtnet.bond/extensions/Others/CustomPages

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>OS-Services CustomPages Addon Installation</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="https://cdn.os-services.nl/u/r0uzJU.png" />
  <style>
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #f4f4f4;
      margin: 0;
      padding: 0;
      color: #333;
    }
    header {
      background-color: #24d97f;
      color: white;
      padding: 2rem;
      text-align: center;
    }
    .container {
      max-width: 800px;
      margin: 2rem auto;
      background: white;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      padding: 2rem;
    }
    .step {
      margin-bottom: 2rem;
    }
    .step h2 {
      color: #24d97f;
    }
    .step img {
      width: 100%;
      max-height: 300px;
      object-fit: contain;
      border: 1px solid #ddd;
      border-radius: 6px;
      margin-top: 1rem;
    }
    footer {
      text-align: center;
      margin-top: 3rem;
      font-size: 0.9rem;
      color: #666;
    }
    code {
      background-color: #eee;
      padding: 0.2rem 0.4rem;
      border-radius: 4px;
      font-family: monospace;
    }
    .highlight {
      background-color: #eaf4ff;
      padding: 1rem;
      border-left: 4px solid #24d97f;
      margin-top: 1rem;
      border-radius: 4px;
    }
    .discord {
      margin-top: 1rem;
      background-color: #24d97f;
      color: white;
      padding: 1rem;
      text-align: center;
      border-radius: 8px;
    }
    .discord a {
      color: white;
      text-decoration: underline;
      font-weight: bold;
    }
  </style>
</head>
<body>

  <header>
    <h1>OS-Services CustomPages Installation</h1>
    <p>Thank you root0091 for your purchase!</p>
  </header>

  <div class="container">

    <div class="step">
      <h2>Step 1: Upload the Folder</h2>
      <p>Upload the <code>CustomPages</code> folder to the following directory on your server:</p>
      <div class="highlight"><code>/var/www/paymenter/extensions/Others</code></div>
      <img src="https://cdn.os-services.nl/u/o2PHEG.png" alt="Upload Folder">
    </div>

    <div class="step">
      <h2>Step 2: Enable the Extension</h2>
      <p>In your admin panel, go to <strong>Extensions</strong> and enable <code>CustomPages</code>.</p>
      <img src="https://cdn.os-services.nl/u/aCBIii.png" alt="Enable Extension">
    </div>

    <div class="step">
      <h2>Step 3: Manage Pages</h2>
      <p>In the admin sidebar, a new tab named <strong>Custom Pages</strong> will appear. Click it to start creating and managing your pages!</p>
      <img src="https://cdn.os-services.nl/u/ifcC9n.png" alt="Pages Tab">
    </div>

    <div class="discord">
      <p>Need help? Join our <a href="https://discord.gg/V3nJ3jVURN" target="_blank">Discord Server</a> and open a ticket.</p>
      <p>Please include your Buyers ID: <strong>deff45979c7115b9b0534c06b9f51dd6</strong></p>
    </div>

  </div>

  <footer>
    &copy; 2025 OS-Services CustomPages Addon – All rights reserved.
  </footer>
<br>
</body>
</html>