login.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>登录</title>
  7. <link rel="stylesheet" href="css/index.css">
  8. <link rel="stylesheet" href="css/login.css">
  9. </head>
  10. <body>
  11. <header>
  12. <img class="logo" src="img/logo.jpg" alt="logo">
  13. <div class="nav">
  14. <a class="act" href="">猿人学面试</a>
  15. <a href="">爬虫比赛</a>
  16. <a href="">关于猿人学</a>
  17. </div>
  18. <div class="login">
  19. <img width="30px" src="img/logo.jpg" alt="logo">
  20. <a href="#">请先登录</a>
  21. </div>
  22. </header>
  23. <div class="content">
  24. <p class="navtation"><a href="">首页</a> - 登录页</p>
  25. <div class="addvx">
  26. 扫码加我微信 <br>
  27. <b>免费领取注册邀请码</b><br>
  28. <img width="200" src="img/logo.jpg" alt=""><br>
  29. 备注“面试邀请码” <br>
  30. 拉你入猿人学 - 面试交流群
  31. </div>
  32. <div class="signup">
  33. <form action="" class="form reg">
  34. <label>昵称</label>
  35. <input type="text" placeholder="昵称将会展示出来">
  36. <label>注册账号</label>
  37. <input type="text" placeholder="登录时的账号">
  38. <label>登录密码</label>
  39. <input type="password">
  40. <label>确认密码</label>
  41. <input type="password">
  42. <label>注册邀请码</label>
  43. <input type="text" placeholder="右侧扫码加我微信,免费领取">
  44. <button>立即注册</button>
  45. </form>
  46. </div>
  47. </div>
  48. </body>
  49. </html>