login.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <title>Global Cube</title>
  5. <!-- HTML5 Shim and Respond.js IE11 support of HTML5 elements and media queries -->
  6. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  7. <!--[if lt IE 11]>
  8. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  9. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  10. <![endif]-->
  11. <!-- Meta -->
  12. <meta charset="utf-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  15. <meta name="description" content="Elite Able Bootstrap admin template made using Bootstrap 4 and it has huge amount of ready made feature, UI components, pages which completely fulfills any dashboard needs." />
  16. <meta name="keywords" content="admin templates, bootstrap admin templates, bootstrap 4, dashboard, dashboard templets, sass admin templets, html admin templates, responsive, bootstrap admin templates free download,premium bootstrap admin templates, Elite Able, Elite Able bootstrap admin template">
  17. <meta name="author" content="Phoenixcoded" />
  18. <!-- Favicon icon -->
  19. <link rel="icon" href="/static/assets/images/favicon.ico" type="image/x-icon">
  20. <!-- fontawesome icon -->
  21. <link rel="stylesheet" href="/static/assets/fonts/fontawesome/css/fontawesome-all.min.css">
  22. <!-- animation css -->
  23. <link rel="stylesheet" href="/static/assets/plugins/animation/css/animate.min.css">
  24. <!-- vendor css -->
  25. <link rel="stylesheet" href="/static/assets/css/style.css">
  26. </head>
  27. <!-- [ signin-img-tabs ] start -->
  28. <div class="blur-bg-images"></div>
  29. <div class="auth-wrapper">
  30. <div class="auth-content container">
  31. <div class="card">
  32. <div class="row align-items-center">
  33. <div class="col-md-6">
  34. <div class="card-body">
  35. <h2 class="mb-4">Global Cube<br> <span class="text-c-blue">Datenverfeinerungsplattform</span></h2>
  36. <p>Aus Freude am Zahlen.</p>
  37. <div class="toggle-block">
  38. <ol class="position-relative carousel-indicators justify-content-start">
  39. <li class=""></li>
  40. <li class="active"></li>
  41. </ol>
  42. <div class="input-group mb-2">
  43. <div class="input-group-prepend">
  44. <span class="input-group-text"><i class="feather icon-user"></i></span>
  45. </div>
  46. <input type="email" class="form-control" placeholder="Benutzername">
  47. </div>
  48. <div class="input-group mb-4">
  49. <div class="input-group-prepend">
  50. <span class="input-group-text"><i class="feather icon-lock"></i></span>
  51. </div>
  52. <input type="password" class="form-control" placeholder="Passwort">
  53. </div>
  54. <!--
  55. <div class="form-group text-left">
  56. <div class="checkbox checkbox-primary d-inline">
  57. <input type="checkbox" name="checkbox-fill-1" id="checkbox-fill-a1" checked="">
  58. <label for="checkbox-fill-a1" class="cr"> Anmeldung merken</label>
  59. </div>
  60. </div> -->
  61. <a href="/select"><button class="btn btn-primary mb-4">Anmelden</button></a>
  62. <button class="btn btn-primary btn-outline-primary mb-4 toggle-btn">Registrieren</button>
  63. <p class="mb-2 text-muted">Passwort vergessen? <a href="reset-password.html" class="f-w-400">Hier zur&uuml;cksetzen</a></p>
  64. </div>
  65. <div class="toggle-block collapse">
  66. <ol class="position-relative carousel-indicators justify-content-start">
  67. <li class="active"></li>
  68. <li class=""></li>
  69. </ol>
  70. <div class="input-group mb-2">
  71. <div class="input-group-prepend">
  72. <span class="input-group-text"><i class="feather icon-user"></i></span>
  73. </div>
  74. <input type="text" class="form-control" placeholder="Benutzername">
  75. </div>
  76. <div class="input-group mb-2">
  77. <div class="input-group-prepend">
  78. <span class="input-group-text"><i class="feather icon-mail"></i></span>
  79. </div>
  80. <input type="email" class="form-control" placeholder="Emailadresse">
  81. </div>
  82. <div class="input-group mb-3">
  83. <div class="input-group-prepend">
  84. <span class="input-group-text"><i class="feather icon-lock"></i></span>
  85. </div>
  86. <input type="password" class="form-control" placeholder="Passwort">
  87. </div>
  88. <!--
  89. <div class="form-group text-left mt-2">
  90. <div class="checkbox checkbox-primary d-inline">
  91. <input type="checkbox" name="checkbox-fill-2" id="checkbox-fill-2">
  92. <label for="checkbox-fill-2" class="cr">Send me the <a href="#!"> Newsletter</a> weekly.</label>
  93. </div>
  94. </div>-->
  95. <a href="/select"><button class="btn btn-primary mb-4">Anmelden</button></a>
  96. <button class="btn btn-primary btn-outline-primary mb-4 toggle-btn">Vorhandener Benutzer</button>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="col-md-6 d-none d-md-block">
  101. <img src="/static/assets/images/auth/akten.jpg" alt="" class="img-fluid bd-placeholder-img bd-placeholder-img-lg d-block w-100">
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- [ signin-img-tabs ] end -->
  108. <!-- Required Js -->
  109. <script src="/static/assets/js/vendor-all.min.js"></script>
  110. <script src="/static/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  111. <script>
  112. $('.toggle-btn').on('click', function() {
  113. $('.toggle-block').toggle();
  114. })
  115. </script>
  116. </body>
  117. </html>