case.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  6. <title>网络公司-案例</title>
  7. <link rel="stylesheet" href="../res/layui/css/layui.css">
  8. <link rel="stylesheet" href="../res/static/css/index.css">
  9. </head>
  10. <body>
  11. <!-- nav部分 -->
  12. <div class="nav">
  13. <div class="layui-container">
  14. <!-- 公司logo -->
  15. <div class="nav-logo">
  16. <a href="index.html">
  17. <img src="../res/static/img/logo.png" alt="网络公司">
  18. </a>
  19. </div>
  20. <div class="nav-list">
  21. <button>
  22. <span></span><span></span><span></span>
  23. </button>
  24. <ul class="layui-nav" lay-filter="">
  25. <li class="layui-nav-item"><a href="product.html">产品</a></li>
  26. <li class="layui-nav-item"><a href="news.html">动态</a></li>
  27. <li class="layui-nav-item layui-this"><a href="case.html">案例</a></li>
  28. <li class="layui-nav-item"><a href="about.html">关于</a></li>
  29. <li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. </div>
  34. <!-- banner部分 -->
  35. <div class="banner case">
  36. <div class="title">
  37. <p>成功案例</p>
  38. <p class="en">Successful Case</p>
  39. </div>
  40. </div>
  41. <!-- main部分 -->
  42. <div class="main-case">
  43. <div class="layui-container">
  44. <div class="layui-row">
  45. <div class="layui-inline content">
  46. <div class="layui-inline case-img"><img src="../res/static/img/case1.jpg"></div>
  47. <p class="lable">名牌工厂店</p>
  48. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  49. </div>
  50. <div class="layui-inline content even center">
  51. <div class="layui-inline case-img"><img src="../res/static/img/case2.jpg"></div>
  52. <p class="lable">名牌工厂店</p>
  53. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  54. </div>
  55. <div class="layui-inline content">
  56. <div class="layui-inline case-img"><img src="../res/static/img/case3.jpg"></div>
  57. <p class="lable">名牌工厂店</p>
  58. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  59. </div>
  60. <div class="layui-inline content even">
  61. <div class="layui-inline case-img"><img src="../res/static/img/case4.jpg"></div>
  62. <p class="lable">名牌工厂店</p>
  63. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  64. </div>
  65. <div class="layui-inline content center">
  66. <div class="layui-inline case-img"><img src="../res/static/img/case5.jpg"></div>
  67. <p class="lable">名牌工厂店</p>
  68. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  69. </div>
  70. <div class="layui-inline content even">
  71. <div class="layui-inline case-img"><img src="../res/static/img/case6.jpg"></div>
  72. <p class="lable">名牌工厂店</p>
  73. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  74. </div>
  75. <div class="layui-inline content">
  76. <div class="layui-inline case-img"><img src="../res/static/img/case7.jpg"></div>
  77. <p class="lable">名牌工厂店</p>
  78. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  79. </div>
  80. <div class="layui-inline content even center">
  81. <div class="layui-inline case-img"><img src="../res/static/img/case8.jpg"></div>
  82. <p class="lable">名牌工厂店</p>
  83. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  84. </div>
  85. <div class="layui-inline content">
  86. <div class="layui-inline case-img"><img src="../res/static/img/case9.jpg"></div>
  87. <p class="lable">名牌工厂店</p>
  88. <p>一家工厂企业的商品展示网站,主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
  89. </div>
  90. </div>
  91. <div id="newsPage"></div>
  92. </div>
  93. </div>
  94. <!-- footer部分 -->
  95. <div class="footer">
  96. <div class="layui-container">
  97. <p class="footer-web">
  98. <a href="javascript:;">合作伙伴</a>
  99. <a href="javascript:;">企业画报</a>
  100. <a href="javascript:;">JS网</a>
  101. <a href="javascript:;">千图网</a>
  102. <a href="javascript:;">昵图网</a>
  103. <a href="javascript:;">素材网</a>
  104. <a href="javascript:;">花瓣网</a>
  105. </p>
  106. <div class="layui-row footer-contact">
  107. <div class="layui-col-sm2 layui-col-lg1"><img src="../res/static/img/erweima.jpg"></div>
  108. <div class="layui-col-sm10 layui-col-lg11">
  109. <div class="layui-row">
  110. <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
  111. <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>
  112. <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;<span id="email">88888888@163.com</span></p>
  113. </div>
  114. <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
  115. <p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
  116. <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <script src="../res/layui/layui.js"></script>
  124. <!--[if lt IE 9]>
  125. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  126. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  127. <![endif]-->
  128. <script>
  129. layui.config({
  130. base: '../res/static/js/'
  131. }).use('firm');
  132. </script>
  133. </body>
  134. </html>