صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
dever-product
/
xiaomaxia
2
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 8eebe9f44f
شاخه‌ها تگ‌ها
xiaomaxia
/
main
/
assets
/
default
/
index.html

index.html 11 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.   <meta charset="UTF-8">
    5. 

  5.   <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    6. 

  6.   <title>网络公司-首页</title>
    7. 

  7.   <link rel="stylesheet" href="../res/layui/css/layui.css">
    8. 

  8.   <link rel="stylesheet" href="../res/static/css/index.css">
    9. 

  9. </head>
    10. 

  10. <body>
    11. 

  11.   <!-- nav部分 -->
    12. 

  12.   <div class="nav">
    13. 

  13.     <div class="layui-container">
    14. 

  14.       <!-- 公司logo -->
    15. 

  15.       <div class="nav-logo">
    16. 

  16.         <a href="index.html">
    17. 

  17.           <img src="../res/static/img/logo.png" alt="网络公司">
    18. 

  18.         </a>
    19. 

  19.       </div>
    20. 

  20.       <div class="nav-list">
    21. 

  21.         <button>
    22. 

  22.           <span></span><span></span><span></span>
    23. 

  23.         </button>
    24. 

  24.         <ul class="layui-nav" lay-filter="">
    25. 

  25.           <li class="layui-nav-item"><a href="product.html">产品</a></li>
    26. 

  26.           <li class="layui-nav-item"><a href="news.html">动态</a></li>
    27. 

  27.           <li class="layui-nav-item"><a href="case.html">案例</a></li>
    28. 

  28.           <li class="layui-nav-item"><a href="about.html">关于</a></li>
    29. 

  29.           <li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
    30. 

  30.         </ul>
    31. 

  31.       </div>
    32. 

  32.     </div>
    33. 

  33.   </div>
    34. 

  34.   <!-- banner部分 -->
    35. 

  35.   <div>
    36. 

  36.     <div class="layui-carousel" id="banner">
    37. 

  37.       <div carousel-item>
    38. 

  38.         <div class="carousel-item-one">
    39. 

  39.           <img src="../res/static/img/banner1.jpg">
    40. 

  40.           <div class="panel">
    41. 

  41.             <p class="title">网络公司</p>
    42. 

  42.             <p class="desc">完美前端体验</p>
    43. 

  43.           </div>
    44. 

  44.         </div>
    45. 

  45.         <div class="carousel-item-one">
    46. 

  46.           <img src="../res/static/img/banner2.jpg">
    47. 

  47.           <div class="panel">
    48. 

  48.             <p class="title">网络公司</p>
    49. 

  49.             <p>完美前端体验</p>
    50. 

  50.           </div>
    51. 

  51.         </div>
    52. 

  52.       </div>
    53. 

  53.     </div>
    54. 

  54.   </div>
    55. 

  55.   <!-- main部分 -->
    56. 

  56.   <div class="main-product">
    57. 

  57.     <div class="layui-container">
    58. 

  58.       <p class="title">专为前端而研制的<span>核心产品</span></p>
    59. 

  59.       <div class="layui-row layui-col-space25">
    60. 

  60.         <div class="layui-col-sm6 layui-col-md3">
    61. 

  61.           <div class="content">
    62. 

  62.             <div><img src="../res/static/img/Big_icon1.png"></div>
    63. 

  63.             <div>
    64. 

  64.               <p class="label">JS基础库</p>
    65. 

  65.               <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
    66. 

  66.             </div>
    67. 

  67.             <a href="javascript:;">查看产品 ></a>
    68. 

  68.           </div>
    69. 

  69.         </div>
    70. 

  70.         <div class="layui-col-sm6 layui-col-md3 ">
    71. 

  71.           <div class="content">
    72. 

  72.             <div><img src="../res/static/img/Big_icon2.png"></div>
    73. 

  73.             <div>
    74. 

  74.               <p class="label">CSS处理</p>
    75. 

  75.               <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
    76. 

  76.             </div>
    77. 

  77.             <a href="javascript:;">查看产品 ></a>
    78. 

  78.           </div>
    79. 

  79.         </div>
    80. 

  80.         <div class="layui-col-sm6 layui-col-md3 ">
    81. 

  81.           <div class="content">
    82. 

  82.             <div><img src="../res/static/img/Big_icon3.png"></div>
    83. 

  83.             <div>
    84. 

  84.               <p class="label">兼容性</p>
    85. 

  85.               <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
    86. 

  86.             </div>
    87. 

  87.             <a href="javascript:;">查看产品 ></a>
    88. 

  88.           </div>
    89. 

  89.         </div>
    90. 

  90.         <div class="layui-col-sm6 layui-col-md3 ">
    91. 

  91.           <div class="content">
    92. 

  92.             <div><img src="../res/static/img/Big_icon4.png"></div>
    93. 

  93.             <div>
    94. 

  94.               <p class="label">响应式</p>
    95. 

  95.               <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
    96. 

  96.             </div>
    97. 

  97.             <a href="javascript:;">查看产品 ></a>
    98. 

  98.           </div>
    99. 

  99.         </div>
    100. 

  100.       </div>
    101. 

  101.     </div>
    102. 

  102.   </div>
    103. 

  103.   <div class="main-service">
    104. 

  104.     <div class="layui-container">
    105. 

  105.       <p class="title">为客户打造完美的<span>专业服务</span></p>
    106. 

  106.       <div class="layui-row layui-col-space80">
    107. 

  107.         <div class="layui-col-sm6">
    108. 

  108.           <div class="content">
    109. 

  109.             <div class="content-left"><img src="../res/static/img/home_img1.jpg"></div>
    110. 

  110.             <div class="content-right">
    111. 

  111.               <p class="label">1 对 1 前端指导</p>
    112. 

  112.               <span></span>
    113. 

  113.               <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
    114. 

  114.             </div>
    115. 

  115.           </div>
    116. 

  116.         </div>
    117. 

  117.         <div class="layui-col-sm6">
    118. 

  118.           <div class="content">
    119. 

  119.             <div class="content-left"><img src="../res/static/img/home_img2.jpg"></div>
    120. 

  120.             <div class="content-right">
    121. 

  121.               <p class="label">1 对 1 前端指导</p>
    122. 

  122.               <span></span>
    123. 

  123.               <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
    124. 

  124.             </div>
    125. 

  125.           </div>
    126. 

  126.         </div>
    127. 

  127.         <div class="layui-col-sm6">
    128. 

  128.           <div class="content">
    129. 

  129.             <div class="content-left"><img src="../res/static/img/home_img3.jpg"></div>
    130. 

  130.             <div class="content-right">
    131. 

  131.               <p class="label">1 对 1 前端指导</p>
    132. 

  132.               <span></span>
    133. 

  133.               <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
    134. 

  134.             </div>
    135. 

  135.           </div>
    136. 

  136.         </div>
    137. 

  137.         <div class="layui-col-sm6">
    138. 

  138.           <div class="content">
    139. 

  139.             <div class="content-left"><img src="../res/static/img/home_img4.jpg"></div>
    140. 

  140.             <div class="content-right">
    141. 

  141.               <p class="label">1 对 1 前端指导</p>
    142. 

  142.               <span></span>
    143. 

  143.               <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
    144. 

  144.             </div>
    145. 

  145.           </div>
    146. 

  146.         </div>
    147. 

  147.       </div>
    148. 

  148.     </div>
    149. 

  149.   </div>
    150. 

  150. 

  151.   <!-- main -->
    152. 

  152.   <div class="main-news">
    153. 

  153.     <div class="layui-container">
    154. 

  154.       <p class="title">为客户打造完美的<span>专业服务</span></p>
    155. 

  155.       <div class="layui-row layui-col-space20">
    156. 

  156.         <div class="layui-col-lg6 content">
    157. 

  157.           <div>
    158. 

  158.             <div class="news-img"><a href="newsDetail.html"><img src="../res/static/img/news_img1.jpg"></a></div><div class="news-panel">
    159. 

  159.               <strong><a href="newsDetail.html">一直在你身边对你好，你却没有发现。</a></strong>
    160. 

  160.               <p class="detail"><span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a href="newsDetail.html">[详细]</a></p>
    161. 

  161.               <p class="read-push"><span class="num">阅读 120&nbsp;&nbsp;&nbsp;&nbsp;</span>发布时间：<span class="time">2018-06-21</span></p>
    162. 

  162.             </div>
    163. 

  163.           </div>
    164. 

  164.         </div>
    165. 

  165.         <div class="layui-col-lg6 content">
    166. 

  166.           <div>
    167. 

  167.             <div class="news-img"><a href="newsDetail.html"><img src="../res/static/img/news_img1.jpg"></a></div><div class="news-panel">
    168. 

  168.               <strong><a href="newsDetail.html">写经验交流材料的技巧全在这了！</a></strong>
    169. 

  169.               <p class="detail"><span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a href="newsDetail.html">[详细]</a></p>
    170. 

  170.               <p class="read-push">阅读 <span>835</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
    171. 

  171.             </div>
    172. 

  172.           </div>
    173. 

  173.         </div>
    174. 

  174.         <div class="layui-col-lg6 content">
    175. 

  175.           <div>
    176. 

  176.             <div class="news-img"><a href="newsDetail.html"><img src="../res/static/img/news_img1.jpg"></a></div><div class="news-panel">
    177. 

  177.               <strong><a href="newsDetail.html">经验分享：我是如何做好每日计划的</a></strong>
    178. 

  178.               <p class="detail"><span>在日常的工作中，不知道大家有没有遇到以下这些问题：面对这样的问题，我养成了一个习惯就是每天写工作计划。想在此与大家分享，希望对你们有所帮助，同时欢迎指正及共同探讨。</span><a href="newsDetail.html">[详细]</a></p>
    179. 

  179.               <p class="read-push">阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
    180. 

  180.             </div>
    181. 

  181.           </div>
    182. 

  182.         </div>
    183. 

  183.         <div class="layui-col-lg6 content">
    184. 

  184.           <div>
    185. 

  185.             <div class="news-img"><a href="newsDetail.html"><img src="../res/static/img/news_img1.jpg"></a></div><div class="news-panel">
    186. 

  186.               <strong><a href="newsDetail.html">经验分享：我是如何做好每日计划的</a></strong>
    187. 

  187.               <p class="detail"><span>在日常的工作中，不知道大家有没有遇到以下这些问题：面对这样的问题，我养成了一个习惯就是每天写工作计划。想在此与大家分享，希望对你们有所帮助，同时欢迎指正及共同探讨。</span><a href="newsDetail.html">[详细]</a></p>
    188. 

  188.               <p class="read-push">阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
    189. 

  189.             </div>
    190. 

  190.           </div>
    191. 

  191.         </div>
    192. 

  192.         
    193. 

  193.       </div>
    194. 

  194.     </div>
    195. 

  195.   </div>
    196. 

  196.   <!-- footer部分 -->
    197. 

  197.   <div class="footer">
    198. 

  198.     <div class="layui-container">
    199. 

  199.       <p class="footer-web">
    200. 

  200.         <a href="javascript:;">合作伙伴</a>
    201. 

  201.         <a href="javascript:;">企业画报</a>
    202. 

  202.         <a href="javascript:;">JS网</a>
    203. 

  203.         <a href="javascript:;">千图网</a>
    204. 

  204.         <a href="javascript:;">昵图网</a>
    205. 

  205.         <a href="javascript:;">素材网</a>
    206. 

  206.         <a href="javascript:;">花瓣网</a>
    207. 

  207.       </p>
    208. 

  208.       <div class="layui-row footer-contact">
    209. 

  209.         <div class="layui-col-sm2 layui-col-lg1"><img src="../res/static/img/erweima.jpg"></div>
    210. 

  210.         <div class="layui-col-sm10 layui-col-lg11">
    211. 

  211.           <div class="layui-row">
    212. 

  212.             <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
    213. 

  213.               <p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;<span id="tel">400-8888888</span>&nbsp;&nbsp;(<span id="curtime">9:00-18:00</span>)</p>
    214. 

  214.               <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;<span id="email">88888888@163.com</span></p>
    215. 

  215.             </div>
    216. 

  216.             <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
    217. 

  217.               <p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
    218. 

  218.               <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
    219. 

  219.             </div>
    220. 

  220.           </div>
    221. 

  221.         </div>
    222. 

  222.       </div>
    223. 

  223.     </div>
    224. 

  224.   </div>
    225. 

  225. <script src="../res/layui/layui.js"></script>
    226. 

  226. <!--[if lt IE 9]>
    227. 

  227.   <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    228. 

  228.   <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    229. 

  229. <![endif]-->
    230. 

  230. <script>
    231. 

  231.   layui.config({
    232. 

  232.     base: '../res/static/js/' 
    233. 

  233.   }).use('firm'); 
    234. 

  234. </script>
    235. 

  235. </body>
    236. 

  236. </html>
    237.