sign-in1.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  6. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  7. <title>流水线管理页</title>
  8. <!-- Favicon-->
  9. <link rel="icon" href="favicon.ico" type="image/x-icon">
  10. <!-- Google Fonts -->
  11. <link href="css/cyllic.css" rel="stylesheet" type="text/css">
  12. <link href="css/mateial.css" rel="stylesheet" type="text/css">
  13. <!-- Bootstrap Core Css -->
  14. <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
  15. integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  16. <!-- Waves Effect Css -->
  17. <link href="plugins/node-waves/waves.css" rel="stylesheet"/>
  18. <!-- Animation Css -->
  19. <link href="plugins/animate-css/animate.css" rel="stylesheet"/>
  20. <!-- Morris Chart Css-->
  21. <link href="plugins/morrisjs/morris.css" rel="stylesheet"/>
  22. <!-- Custom Css -->
  23. <link href="css/style.css" rel="stylesheet">
  24. <!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
  25. <link href="css/themes/all-themes.css" rel="stylesheet"/>
  26. <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  27. <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
  28. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  29. crossorigin="anonymous"></script>
  30. <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
  31. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  32. crossorigin="anonymous"></script>
  33. <link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
  34. <meta name="viewport" content="width=device-width, initial-scale=1">
  35. <style>
  36. /* css 代码 */
  37. </style>
  38. <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
  39. <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
  40. <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
  41. <script src="https://img.hcharts.cn/highcharts/themes/dark-unica.js"></script>
  42. </head>
  43. <body class="login-page ls-closed " style="background-color: #303030 ">
  44. <div class="login-box text-center" style="">
  45. <div class="logo">
  46. <a href="javascript:void(0);">工厂产能监控登陆</a>
  47. </div>
  48. <div class="card">
  49. <div class="body">
  50. <form id="sign_in" method="POST">
  51. <div class="msg">登录开始</div>
  52. <div class="input-group">
  53. <span class="input-group-addon">
  54. <i class="material-icons">person</i>
  55. </span>
  56. <div class="form-line">
  57. <input type="text" class="form-control" name="username" placeholder="用户名" required autofocus>
  58. </div>
  59. </div>
  60. <div class="input-group">
  61. <span class="input-group-addon">
  62. <i class="material-icons">lock</i>
  63. </span>
  64. <div class="form-line">
  65. <input type="password" class="form-control" name="password" placeholder="密码" required>
  66. </div>
  67. </div>
  68. <div class="row">
  69. <div class="col-8"></div>
  70. <div class="col-4" style="float: right">
  71. <button class="btn btn-block bg-pink waves-effect" type="submit">登陆</button>
  72. </div>
  73. </div>
  74. </form>
  75. </div>
  76. </div>
  77. </div>
  78. <!-- Jquery Core Js -->
  79. <script src="../../plugins/jquery/jquery.min.js"></script>
  80. <!-- Bootstrap Core Js -->
  81. <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
  82. <!-- Waves Effect Plugin Js -->
  83. <script src="../../plugins/node-waves/waves.js"></script>
  84. <!-- Validation Plugin Js -->
  85. <script src="../../plugins/jquery-validation/jquery.validate.js"></script>
  86. <!-- Custom Js -->
  87. <script src="../../js/admin.js"></script>
  88. <script src="../../js/pages/examples/sign-in.js"></script>
  89. </body>
  90. </html>