list.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. </head>
  9. <style>
  10. .list li{
  11. width: 95% !important;
  12. }
  13. </style>
  14. <body>
  15. <header>
  16. <img class="logo" src="img/logo.jpg" alt="logo">
  17. <div class="nav">
  18. <a class="act" href="">猿人学面试</a>
  19. <a href="">爬虫比赛</a>
  20. <a href="">关于猿人学</a>
  21. </div>
  22. <div class="login">
  23. <img width="30px" src="img/logo.jpg" alt="logo">
  24. <a href="#">请先登录</a>
  25. </div>
  26. </header>
  27. <div class="content">
  28. <div class="left">
  29. <div class="banner">广告</div>
  30. </div>
  31. <div class="right">
  32. <div class="banner">广告</div>
  33. </div>
  34. <p class="navtation"><a href="">回到首页</a> - 爬虫面试题</p>
  35. <div class="left">
  36. <div class="part">
  37. <ul class="list">
  38. <li><a href="">1.瑞树的整个逆向流程瑞树的整个逆向流程</a></li>
  39. <li><a href="">2.瑞树的整个逆向流程瑞树的整个逆向流程</a></li>
  40. <li><a href="">3.瑞树的整个逆向流程瑞树的整个逆向流程</a></li>
  41. <li><a href="">4.瑞树的整个逆向流程瑞树的整个逆向流程</a></li>
  42. <li><a href="">5.瑞树的整个逆向流程瑞树的整个逆向流程</a></li>
  43. <li><a href="">6.瑞树的整个逆向流程瑞树的整个逆向流程</a></li>
  44. </ul>
  45. <p class="page">
  46. <button>上一页</button>
  47. <span><b>2</b>/5</span>
  48. <button>下一页</button>
  49. </p>
  50. </div>
  51. </div>
  52. <div class="right">
  53. <div class="part">
  54. <h2 class="sec_title"><span>面试排行榜</span> <a href="">更多</a></h2>
  55. <ul class="list list_100">
  56. <li><a href="">蛋黄酱</a><span>555</span></li>
  57. <li><a href="">蛋黄酱</a><span>555</span></li>
  58. <li><a href="">蛋黄酱</a><span>555</span></li>
  59. <li><a href="">蛋黄酱</a><span>555</span></li>
  60. </ul>
  61. </div>
  62. <div class="part">
  63. <h2 class="sec_title"><span>贡献面试题</span></h2>
  64. <form class="form" action="">
  65. <input type="text" placeholder="面试题目">
  66. <textarea></textarea>
  67. <button>提交</button>
  68. </form>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. </html>