login1.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>登录CLD.System</title>
  6. <meta name=description content=纵横内部信息管理系统>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.7.1.min.js></script>
  11. <script src=js/global.js></script>
  12. </head>
  13. <style>
  14. #animation{
  15. -webkit-animation:infinite pulse 4s 1s ease both;
  16. -moz-animation:infinite pulse 4s 1s ease both;}
  17. @-webkit-keyframes pulse{
  18. 0%{-webkit-transform:scale(1)}
  19. 50%{-webkit-transform:scale(1.1)}
  20. 100%{-webkit-transform:scale(1)}
  21. }
  22. @-moz-keyframes pulse{
  23. 0%{-moz-transform:scale(1)}
  24. 50%{-moz-transform:scale(1.1)}
  25. 100%{-moz-transform:scale(1)}
  26. }
  27. </style>
  28. <body class="loginBg">
  29. <div class="loginIndex">
  30. <div class="loginPanel inputErrow">
  31. <div class="warpLogin clearfix">
  32. <h2>CLD.System<sup> 1.0</sup></h2>
  33. <form id="loginform" name="loginform" method="post">
  34. <div class="formLine">
  35. <label class="textTips">帐号</label>
  36. <input class="text" type="text">
  37. </div>
  38. <div class="formLine">
  39. <label class="textTips">密码</label>
  40. <input type="password" class="text">
  41. </div>
  42. <div class="formLine clearfix">
  43. <a href="#welcome" data-toggle="modal" class="button">登录</a><span class="submitSus"></span>
  44. </div>
  45. </form>
  46. </div>
  47. <p class="formLink"><a href="http://smartcost.com.cn" target="_blabk">公司主页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://h.smartcost.com.cn" target="_blabk">内部论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://gs.smartcost.com.cn" target="_blabk">工时系统</a></p>
  48. </div>
  49. </div>
  50. <!--弹出(新员工信息填写)-->
  51. <div class="modal hide fade" id="welcome">
  52. <div class="modal-dialog">
  53. <div class="modal-content">
  54. <div class="modal-header">
  55. <h3>温馨提示:</h3>
  56. </div>
  57. <div class="modal-body">
  58. <p class="alert alert-">您的申请正在审批中,请耐心等候!</p>
  59. </div>
  60. <div class="modal-footer">
  61. <a href="#" class="button" data-dismiss="modal" aria-hidden="true">确定</a>
  62. <!-- <a href="#" class="button btn-gray">关闭</a> -->
  63. </div>
  64. </div></div>
  65. </div>
  66. </body>