down.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>down</title>
  6. <link rel="stylesheet" type="text/css" href="./css/index.css">
  7. <link rel="stylesheet" type="text/css" href="./css/fonts.css">
  8. </head>
  9. <body>
  10. <div class="header header_child">
  11. <div class="logo">5</div>
  12. <div class="nav">
  13. <a href="##" class="download"><i class="down"></i>APP下载</a>
  14. <ul class="nav_list clearfix">
  15. <li><a href="/html/index.html">首页</a></li>
  16. <li><a href="##">最新活动</a></li>
  17. <li><a href="##">我们的理念</a></li>
  18. </ul>
  19. </div>
  20. </div>
  21. <div class="main_child_z">
  22. <div class="main_child">
  23. <div class="down_box clearfix">
  24. <div class="down_btn">
  25. <a href="#" class="iphone_btn"></a>
  26. <a href="#" class="android_btn"></a>
  27. </div>
  28. <div class="er_ma"><img src="./images/er_ma.png" width="112" height="112"></div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="child_list">
  33. <span class="child_tit_span"><b>功能</b>概览</span>
  34. <div class="child_list_bor">
  35. <ul class="clearfix">
  36. <li>
  37. <div class="transtion_div">
  38. <div class="fun_icon"><img src="./images/fun_icon1.png" width="44" height="45"></div>
  39. <span>3大模式</span>
  40. </div>
  41. <div class="transtion_img">
  42. <img src="./images/fun_img.png" width="160" height="220">
  43. </div>
  44. </li>
  45. <li>
  46. <div class="transtion_div">
  47. <div class="fun_icon"><img src="./images/fun_icon2.png" width="44" height="45"></div>
  48. <span>课程分享给好友</span>
  49. </div>
  50. <div class="transtion_img">
  51. <img src="./images/fun_img.png" width="160" height="220">
  52. </div>
  53. </li>
  54. <li>
  55. <div class="transtion_div">
  56. <div class="fun_icon"><img src="./images/fun_icon3.png" width="44" height="45"></div>
  57. <span>单词广场课程多</span>
  58. </div>
  59. <div class="transtion_img">
  60. <img src="./images/fun_img.png" width="160" height="220">
  61. </div>
  62. </li>
  63. <li>
  64. <div class="transtion_div">
  65. <div class="fun_icon"><img src="./images/fun_icon4.png" width="44" height="45"></div>
  66. <span>自由记随时记</span>
  67. </div>
  68. <div class="transtion_img">
  69. <img src="./images/fun_img.png" width="160" height="220">
  70. </div>
  71. </li>
  72. <li>
  73. <div class="transtion_div">
  74. <div class="fun_icon"><img src="./images/fun_icon5.png" width="44" height="45"></div>
  75. <span>自定义课程</span>
  76. </div>
  77. <div class="transtion_img">
  78. <img src="./images/fun_img.png" width="160" height="220">
  79. </div>
  80. </li>
  81. </ul>
  82. </div>
  83. </div>
  84. <div class="fotter">
  85. 沈ICP备13071670-2号<br>Copyright © 2017- 2018 沈阳先璞后玉科技有限公司
  86. </div>
  87. </body>
  88. </html>