index.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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>Document</title>
  7. <link rel="stylesheet" href="./index.css">
  8. </head>
  9. <body>
  10. <div id="box">
  11. <div id="header">
  12. <div class="container">
  13. <div class="left"></div>
  14. <div class="right"></div>
  15. </div>
  16. </div>
  17. <div id="main">
  18. <!-- 第一部分 -->
  19. <div class="tip">
  20. <div class="container">
  21. <div class="logo"></div>
  22. <div class="search"></div>
  23. <div class="shop"></div>
  24. </div>
  25. </div>
  26. <!-- 第二部分 -->
  27. <div class="nav">
  28. <ul>
  29. <li><a href="">全部商品分类</a></li>
  30. <li><a href="">商城首页</a></li>
  31. <li><a href="">所有商品</a></li>
  32. <li><a href="">团购专区</a></li>
  33. <li><a href="">秒杀专区</a></li>
  34. <li><a href="">实体店</a></li>
  35. <li><a href="">客户实拍</a></li>
  36. </ul>
  37. <img src="./images/hot.png" class="hot" alt="">
  38. </div>
  39. <!-- 第三部分 -->
  40. <div class="banner">
  41. <img src="./images/banner.png" alt="">
  42. <div class="container">
  43. <div class="dialog"></div>
  44. </div>
  45. </div>
  46. <!-- 第四部分 -->
  47. <div class="shop">
  48. <div class="left"></div>
  49. <div class="right"></div>
  50. </div>
  51. <!-- 第五部分 -->
  52. <div class="list">
  53. <div class="container">
  54. <div class="partOne"></div>
  55. <div class="partTwo"></div>
  56. <div class="partThree"></div>
  57. <img src="./images/logo2.png" alt="">
  58. </div>
  59. </div>
  60. </div>
  61. <div id="footer">
  62. <div class="container">
  63. <div class="top"></div>
  64. <div class="mid"></div>
  65. <div class="bottom"></div>
  66. </div>
  67. </div>
  68. </div>
  69. </body>
  70. </html>