index.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Öffentlicher Bereich</title>
  8. <link rel="stylesheet" href="css/bootstrap.min.css" />
  9. <link rel="stylesheet" href="css/styles.css" />
  10. </head>
  11. <body>
  12. <div class="container my-5">
  13. <h1>Öffentlicher Bereich</h1>
  14. <p>Hier darf jeder auf alles zugreifen.</p>
  15. <p>Ein paar verlinkte Ressourcen als Beweis:</p>
  16. <div class="row mb-4">
  17. <div class="col-6">
  18. <img class="img-thumbnail bg-light p-5" src="img/logo_sirius_blau.png" />
  19. </div>
  20. <div class="col-6">
  21. <img class="img-thumbnail bg-primary p-5" src="img/logo_sirius_weiss.png" />
  22. </div>
  23. </div>
  24. <p>
  25. <a href="other.html">Hier geht's noch woanders hin ...</a>
  26. </p>
  27. <h2>Login zum eingeschränkten Bereich</h2>
  28. <form method="POST" action="/auth/login" enctype="application/x-www-form-urlencoded" class="login-form">
  29. <table border="0" cellpadding="0" cellspacing="0">
  30. <tr>
  31. <td>Benutzer:</td>
  32. <td>
  33. <input type="text" name="user" value="testuser" />
  34. </td>
  35. </tr>
  36. <tr>
  37. <td>Passwort:</td>
  38. <td>
  39. <input type="password" name="password" value="pass1234" />
  40. </td>
  41. </tr>
  42. <tr>
  43. <td colspan="2">
  44. <input type="submit" name="submit" value="Login" />
  45. </td>
  46. </tr>
  47. </table>
  48. </form>
  49. </div>
  50. </body>
  51. </html>