index.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>小说网首页</title>
  6. <link rel="stylesheet" type="text/css" href="css/index.css">
  7. <link rel="stylesheet" type="text/css" href="css/reset.css">
  8. </head>
  9. <body>
  10. <header>
  11. <div class="container headBar">
  12. <!-- Logo -->
  13. <div class="logo"></div>
  14. <!-- 导航栏 -->
  15. <nav>
  16. <a href="" class="navItem active">首页</a>
  17. <a href="" class="navItem">分类</a>
  18. <a href="" class="navItem">排行榜</a>
  19. <a href="" class="navItem">个性小说</a>
  20. </nav>
  21. <!-- 搜索框 -->
  22. <form class="search-wrap">
  23. <input type="search" spellcheck="true">
  24. <button type="submit">搜索</button>
  25. </form>
  26. </div>
  27. </header>
  28. <article class="container">
  29. <!-- 网站介绍 -->
  30. <div class="fiction-text">
  31. <h1>网站介绍</h1>
  32. <p>
  33. 小说网创建于2008 年,原名一起看小说网,是集创作、阅读于一体的在线鸿读网站。我们以“让
  34. 每个人都享受创作的乐趣” 为出发点,提供玄幻奇幻、都市言情、武侠仙侠、青春校园、穿越架空、惊
  35. 悚悬疑、经典文学、二次元等小说,读者可在线阅读及免费下载。
  36. </p>
  37. </div>
  38. <!-- 小说列表 -->
  39. <section class="iframeWrap">
  40. <iframe name="Iframe" src="list1.html" style="border: 0;" frameborder="0"></iframe>
  41. </section>
  42. <!-- 分页栏 -->
  43. <section class="pageWrap">
  44. <ul class="page">
  45. <li><a href="list1.html" target="Iframe" class="pageItem">1</a></li>
  46. <li><a href="list2.html" (3)="Iframe" class="pageItem">2</a></li>
  47. </ul>
  48. </section>
  49. </article>
  50. <footer>
  51. <a href="">关于小说</a> |
  52. <a href="">友情链接</a> |
  53. <a href="">联系我们</a> |
  54. <a href="">帮助中心</a>
  55. </footer>
  56. </body>
  57. </html>