signup.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="Author" content=" ">
  6. <title>Document</title>
  7. </head>
  8. <link rel='stylesheet' href='1.css'>
  9. <body>
  10. <div class='header'>
  11. <div class="header-title_row">
  12. <span>CloudSQL Admin Panel</span>
  13. </div>
  14. <div class="header-btn_row">
  15. <div class="header-btn-col">登录</div>
  16. <div class="header-btn-col">注册</div>
  17. </div>
  18. </div>
  19. <div class='body'>
  20. <div class='ziti1'>用户注册</div>
  21. <div class='content'>
  22. <div class='content_row1'></div>
  23. <div class='content_row2'>
  24. <div class='content_content'>
  25. <div class='rectangle'>
  26. <img class='picture' src='1.png'>
  27. <input class='input' style='outline:none;' type='text' placeholder='用户名/邮箱'>
  28. </div>
  29. <div class='rectangle'>
  30. <img class='picture' src='2.png'>
  31. <input class='input' style='outline:none;' type='text' placeholder='密码'>
  32. </div>
  33. <div class='rectangle'>
  34. <img class='picture' src='3.png'>
  35. <input class='input' style='outline:none;' type='text' placeholder='邀请码'>
  36. </div>
  37. <div class='rectangle'>
  38. <img src='http://admin.cloudsql.1473.cn/v1/captcha?1527510514585' class='picture1'>
  39. <input class='input1' style='outline:none;' type='text' placeholder='验证码'>
  40. </div>
  41. <div id='box'>
  42. <a href=''><div class='ziti2' id='ziti2'>已有户账,点击登陆</div></a>
  43. <div class='underline' id='underline'></div>
  44. </div>
  45. <div class='button'><p class='ziti3'>注册</p></div>
  46. </div>
  47. </div>
  48. <div class='content_row3'></div>
  49. </div>
  50. </div>
  51. <div class='bottom'>
  52. <div class='bottom_row1'></div>
  53. <div class='bottom_row2'>
  54. <span>Copyright © 2016 - 2017 CloudSQL All rights reserved. </span>
  55. </div>
  56. <div class='bottom_row3'></div>
  57. </div>
  58. </body>
  59. <!-- <script>
  60. function underline(){
  61. var a=document.getElementById('underline');
  62. if(a){
  63. a.style.display='block';
  64. }
  65. }
  66. function underline1(){
  67. var a=document.getElementById('underline');
  68. if(a){
  69. a.style.display='none';
  70. }
  71. }
  72. document.getElementById('ziti2').onmouseover=underline;
  73. document.getElementById('ziti2').onmouseout=underline1;
  74. </script> -->
  75. </html>