portal html css js resource

Invitation.html 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>科袖网,搭建企业与专家的桥梁</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link rel="stylesheet" href="../css/bootstrap.min.css">
  8. <link rel="stylesheet" href="../css/reset.css">
  9. <link rel="stylesheet" href="../css/common.css">
  10. <style>
  11. body{background: url(../images/frmPageBg.jpg) no-repeat;background-size:cover;background-attachment: fixed;}
  12. .form-group{border-radius:4px;overflow: hidden;background:#FFFFFF;padding:2%;}
  13. .form-control{width:98%;border:none;border-radius:0;margin:4px;box-shadow: none;border-bottom:1px solid #efefef;}
  14. .form-control:focus{box-shadow: none;border-bottom:1px solid #efefef;}
  15. .form-control:last-child{border:none;}
  16. .input-group-addon{border:none;cursor: pointer;color:#FFFFFF;}
  17. .input-group-addon:last-child{border:none;}
  18. .btn{font-size: 16px;line-height: 1;color:#FFFFFF;margin: 30px 0;}
  19. .protocollink{ color: #FF9900;}
  20. .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height: 24px; background-size:auto 60%}
  21. .canPoint{background:#ff9900;color:#FFFFFF;}/*按钮可点击状态*/
  22. .canPoint2{background:#ccc;color:#FFFFFF;}/*按钮可点击状态*/
  23. .canPoint:hover{color:#FFFFFF;box-shadow: 0px 0px 16px rgba(255,255,255,0.4) inset;}
  24. /*logo盒子的相关*/
  25. .logobox{ padding:6% 6% 3% 6%; margin:20% auto 6% ; }
  26. .logolink{display: block;max-width:28%;min-width:100px;margin: auto;}
  27. .logoimg{ width: 100%; margin: auto; text-align:center;}
  28. .inviteTit{text-align: center; font-size: 18px;line-height: 40px;margin-top:30px;}
  29. .inviteTit span{font-size:20px;line-height: 44px; padding:0 6px; color:#FF9900}
  30. .bomb-box{background-color:rgba(000,000,000,0.5); padding:5px 15px; border-radius:50px; font-size: 12px; color: #fff; text-align:center; position: absolute; display: inline; left:50%; top:25%}
  31. </style>
  32. </head>
  33. <body>
  34. <div class="contentBody2" style="max-width: 640px;margin:auto;">
  35. <div class="logobox">
  36. <a class="logolink" href="javascript:;">
  37. <img class="logoimg" src="../images/logo4.png" />
  38. </a>
  39. <div class="inviteTit">
  40. <span></span> 邀请您加入科袖
  41. </div>
  42. </div>
  43. <form class="form-inline" role="form" style="width: 90%;margin:auto">
  44. <div class="form-group">
  45. <input type="phone" class="form-control" placeholder="请输入您的手机号码" id="userphone" autocomplete="off">
  46. <div class="input-group" style="margin:6px 0;">
  47. <input class="form-control" style="width: 97%;" type="text" placeholder="请输入验证码" id="code" autocomplete="off">
  48. <div class="input-group-addon canPoint" id="obtain-code" >获取验证码</div>
  49. <div class="input-group-addon canPoint2" id="getcodeoff" style="display: none;"></div>
  50. </div>
  51. <input type="password" class="form-control" placeholder="请设置您的登录密码" id="password" autocomplete="off">
  52. </div>
  53. <div class="checkbox" style="padding:0">
  54. <label style="font-size:13px;color:#efefef;">
  55. <div class="checkBg">
  56. 已同意 <a href="privacyApp.html" class="protocollink" target="_blank">科袖网用户协议</a>
  57. </div>
  58. </label>
  59. </div>
  60. <button type="button" class="btn btn-lg btn-block canPoint" id="regbtn" disabled="disabled">注册</button>
  61. </form>
  62. </div>
  63. <div class="bomb-box" style="display: none;"></div>
  64. <script type="text/javascript" src="../js/jquery-1.11.1.js" ></script>
  65. <script type="text/javascript" src="../js/jquery.cookie.js" ></script>
  66. <script type="text/javascript" src="../js/common.js" ></script>
  67. <script type="text/javascript" src="../js/invite-friends.js" ></script>
  68. </body>
  69. </html>