<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>proxmox - client</title> <link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/nav.css"> <script src="scripts/login.js" type="module"></script> </head> <body> <header> <h1>proxmox</h1> <label for="navtoggle">☰</label> <input type="checkbox" id="navtoggle"> <nav> <a href="login.html" aria-current="true">Login</a> </nav> </header> <main class="flex" style="justify-content: center; align-items: center;"> <div class="w3-container w3-card w3-margin w3-padding" style="height: fit-content;"> <h2 class="w3-center">Proxmox VE Login</h2> <form> <label for="username"><b>Username</b></label> <input class="w3-input w3-border" id="username" name="username" type="text"> <label for="password"><b>Password</b></label> <input class="w3-input w3-border" id="password" name="password" type="password"> <label for="realm">Realm</label> <select class="w3-select w3-border" id="realm" name="realm"></select> <div class="w3-center"> <button class="w3-button w3-margin" id="submit">LOGIN</button> </div> </form> </div> </main> </body> </html>