✏️ Editing: index.html Writable

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet">
    <title>Team Vault</title>

.container {
        width: 90%;
        max-width: 900px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }

.card {
        background: #111827;
        padding: 25px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
      }

h1 {
        font-size: 24px;
        margin-bottom: 10px;
      }

input {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        border: none;
        border-radius: 6px;
        background: #1f2937;
        color: white;
      }

button {
        margin-top: 15px;
        width: 100%;
        padding: 10px;
        background: #3b82f6;
        border: none;
        color: white;
        border-radius: 6px;
        cursor: pointer;
      }

.fake-btn {
        background: #10b981;
      }

.note {
        font-size: 12px;
        opacity: 0.7;
        margin-top: 10px;
      }

.list {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.6;
      }

.badge {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 6px;
        font-size: 11px;
        background: #334155;
        margin-left: 5px;
      }
    </style>
  </head>

<body>
    <div class="container">
      
      <div class="card">
        <h1>🔐 Team Vault</h1>
        <p>Internal Access Only</p>

<button onclick="alert('This is a placeholder UI')">Login</button>

<p class="note">
          This is a temporary interface while Laravel app is in development.
        </p>
      </div>

<div class="card">
        <h1>📊 Dashboard Preview</h1>

<div class="list">
          • Projects: 12 <span class="badge">active</span><br />
          • Clients: 5<br />
          • Servers: OVH Cluster<br />
          • Security: enabled<br />
        </div>

<button class="fake-btn">Open Projects</button>
        <button>View Credentials</button>
        <button>Server Info</button>

<p class="note">
          Upcoming features: encrypted credentials, role system, logs, WP tools.
        </p>
      </div>
    </div>
  </body>
</html>

🔐 Sid Gifari File Manager Pro