login.html 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>WFM - Login</title>
  8. <!-- Latest compiled and minified CSS -->
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="login - 1.css">
  11. </head>
  12. <body>
  13. <div class="container">
  14. <div class="login">
  15. <div class="login-container">
  16. <div class="login-left">
  17. <div class="lbox">
  18. <!-- <svg viewBox="0 0 150 200" xmlns="http://www.w3.org/2000/svg" style="position: absolute;top: -235px;left: -91px;">
  19. <path fill="#C52F33" d="M45.6,-46C55.7,-45.7,58.4,-28.3,58.6,-12.5C58.7,3.2,56.4,17.2,48.3,24.7C40.2,32.2,26.3,33.3,12.3,42C-1.8,50.7,-16.1,67.1,-26.7,66.3C-37.2,65.5,-44,47.4,-53.6,30.9C-63.2,14.4,-75.6,-0.6,-75.3,-15.2C-75,-29.8,-62,-44.1,-47.3,-43.5C-32.7,-43,-16.3,-27.6,0.7,-28.4C17.7,-29.3,35.4,-46.2,45.6,-46Z" transform="translate(100 100)"></path>
  20. </svg>
  21. <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" style=" position: absolute; right: -191px; top: 223px; ">
  22. <path fill="#C52F33" d="M39.8,-73.6C47.6,-64.5,47.2,-45.8,46.9,-31.9C46.6,-18,46.5,-9,50,2C53.4,13.1,60.6,26.1,59.3,37.1C57.9,48.1,48,57,36.7,58.9C25.4,60.9,12.7,55.8,2.6,51.3C-7.5,46.8,-15,42.9,-25.4,40.5C-35.9,38.1,-49.2,37.1,-60.9,30.6C-72.6,24,-82.8,12,-78.5,2.5C-74.2,-7.1,-55.6,-14.2,-45.3,-23.2C-35,-32.1,-33,-42.9,-26.8,-53C-20.7,-63.1,-10.3,-72.5,2.8,-77.5C16,-82.4,32,-82.8,39.8,-73.6Z" transform="translate(100 100)" />
  23. </svg> -->
  24. <h2 class="clogo">Forecast</h2>
  25. <img src="./dist/img/logo.png" alt="Lumina Datamatics" class="llogo">
  26. <!-- <p>© 2022 Lumina Datamatics Ltd. All Rights Reserved.</p> -->
  27. </div>
  28. </div>
  29. <div class="login-right">
  30. <form action="#" method="get" class="form-signin" onsubmit="return validateLogin()">
  31. <h2 class="form-signin-heading">Login</h2>
  32. <div class="group">
  33. <input type="text" name="username" id="username">
  34. <label>Email address</label>
  35. </div>
  36. <div class="group">
  37. <input type="password" id="password">
  38. <label>Password</label>
  39. </div>
  40. <div class="group" style="margin-bottom: 30px;">
  41. <button class="btn btn-lg btn-outline-dark btn-block" type="submit" onclick="window.location = 'index.html'">Sign in</button>
  42. <!-- <a href="#" class="forgotPass">Forgot your password?</a> -->
  43. </div>
  44. </form>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  51. <!-- Latest compiled and minified JavaScript -->
  52. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  53. <script>
  54. function validateLogin() {
  55. if ($("#username").val() == "" || $("#password").val() == "") {
  56. $("#missing").fadeTo(2000, 500).slideUp(500, function () {
  57. $("#missing").slideUp(500);
  58. });
  59. return false;
  60. } else if ($("#username").val() != "admin" && $("#password").val() != "admin") {
  61. $("#wrong").fadeTo(2000, 500).slideUp(500, function () {
  62. $("#wrong").slideUp(500);
  63. });
  64. return false;
  65. } else if ($("#username").val() == "admin" && $("#password").val() == "admin") {
  66. $("#success").fadeTo(2000, 500).slideUp(500, function () {
  67. $("#success").slideUp(500);
  68. });
  69. return true;
  70. }
  71. }
  72. </script>
  73. </body>
  74. </html>