portal html css js resource

InvitationNew.html 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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. <link rel="stylesheet" href="../css/share.css">
  11. <style type="text/css">
  12. html,body{min-height: auto;background: url(../images/wechat_bg_img_nor@3x.png) no-repeat;background-size:cover;background-attachment: fixed;}
  13. </style>
  14. </head>
  15. <body class="invitebody">
  16. <div class="contentBody2" style="max-width: 640px;margin:auto;">
  17. <div class="logobox">
  18. <a class="logolink" href="javascript:;">
  19. <img class="logoimg" src="../images/wechat_icon_logo_nor@3x.png" />
  20. </a>
  21. </div>
  22. <form class="form-inline" role="form" style="width: 90%;margin:auto">
  23. <!--填写表单信息-->
  24. <div class="formblock">
  25. <div class="inviteTit">
  26. <span></span> 邀请您加入「科袖」
  27. </div>
  28. <div class="form-group">
  29. <div class="input-group">
  30. <input type="text" class="form-control input_name" placeholder="请输入您的姓名" id="username" autocomplete="off">
  31. </div>
  32. <div class="input-group">
  33. <input type="phone" class="form-control input_phone" placeholder="请输入您的手机号码" id="userphone" autocomplete="off">
  34. </div>
  35. <div class="input-group">
  36. <input class="form-control input_code" type="text" placeholder="请输入验证码" id="code" autocomplete="off">
  37. <button type="button" class="btn input-group-addon canPoint" id="obtain-code">获取验证码</button>
  38. </div>
  39. <div class="input-group">
  40. <input type="password" class="form-control input_pwd" placeholder="请设置您的登录密码" id="password" autocomplete="off">
  41. </div>
  42. </div>
  43. <div class="checkboxT checkReg">
  44. <div class="checkBg">
  45. 已同意 <a href="privacyApp.html" class="protocollink" target="_blank">科袖网用户协议</a>
  46. </div>
  47. </div>
  48. <button type="button" class="btn btn-lg btn-block canPoint" disabled id="regbtn">注册</button>
  49. </div>
  50. <!--注册成功时显示-->
  51. <div class="inviteSucceed displayNone">
  52. <div class="inviteTit">
  53. 注册成功!<br/>欢迎您加入「科袖」
  54. </div>
  55. <a style="margin:60px 0 54px;" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app" class="btn btn-lg btn-block canPoint">点击下载「科袖」app</a>
  56. </div>
  57. <!--文档信息-->
  58. <div class="inforbox">
  59. <img src="../images/wechat_bg_img_wenben_nor@3x.png" width="100%"/>
  60. <ul>
  61. <li>
  62. <img class="lefticon" src="../images/wechat_icon_pro_nor@3x.png"/>
  63. <div class="rightcon">
  64. <h2>认证成为「科袖」专家</h2>
  65. <p>寻找企业合作,将您的科研价值变现!</p>
  66. </div>
  67. </li>
  68. <li>
  69. <img class="lefticon" src="../images/wechat_icon_xuqiu_nor@3x.png"/>
  70. <div class="rightcon">
  71. <h2>发布研发需求</h2>
  72. <p>寻找专家帮您解决研发难题!</p>
  73. </div>
  74. </li>
  75. <li>
  76. <img class="lefticon" src="../images/wechat_icon_yaoqing_nor@3x.png"/>
  77. <div class="rightcon">
  78. <h2>邀请好友加入</h2>
  79. <p>获取丰厚积分奖励,好礼随意换!</p>
  80. </div>
  81. </li>
  82. </ul>
  83. </div>
  84. </form>
  85. </div>
  86. <div class="bomb-box" style="display: none;"></div>
  87. <script type="text/javascript" src="../js/jquery-1.11.1.js" ></script>
  88. <script type="text/javascript" src="../js/jquery.cookie.js" ></script>
  89. <script type="text/javascript" src="../js/common.js" ></script>
  90. <script type="text/javascript" src="../js/invite-friends.js" ></script>
  91. </body>
  92. </html>