service_list.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. <!DOCTYPE html>
  2. <html data-bs-theme="light" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  6. <title>test1</title>
  7. <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
  8. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
  9. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
  10. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css">
  11. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/aos.min.css">
  12. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css">
  13. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css">
  14. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css">
  15. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css">
  16. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
  17. </head>
  18. <body>
  19. {dreamer-cms:include file='header.html'/}
  20. <main class="service">
  21. <section>
  22. <div class="container pt-3 pt-md-5 pt-xl-8 px-0">
  23. <div data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true" class="slide-animate" style="height: 450px;"><img width="100%" loading="lazy" style="width: 100%;height: 100%;object-fit: cover;" src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"></div>
  24. <div class="row gx-0 gy-3 gx-sm-3 gx-md-3 gx-lg-3 gx-xl-3 gx-xxl-3 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
  25. <div class="col">
  26. <div class="hovai-demo-box">
  27. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  28. <p>Duis fringilla erat sit amet</p>
  29. </a>
  30. </div>
  31. </div>
  32. <div class="col">
  33. <div class="hovai-demo-box">
  34. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  35. <p>Duis fringilla erat sit amet</p>
  36. </a>
  37. </div>
  38. </div>
  39. <div class="col">
  40. <div class="hovai-demo-box">
  41. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  42. <p>Duis fringilla erat sit amet</p>
  43. </a>
  44. </div>
  45. </div>
  46. <div class="col">
  47. <div class="hovai-demo-box">
  48. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  49. <p>Duis fringilla erat sit amet</p>
  50. </a>
  51. </div>
  52. </div>
  53. <div class="col">
  54. <div class="hovai-demo-box">
  55. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  56. <p>Duis fringilla erat sit amet</p>
  57. </a>
  58. </div>
  59. </div>
  60. </div>
  61. <hr class="mt-3 mt-md-5 mt-xl-8">
  62. </div>
  63. </section>
  64. <section>
  65. <div class="container pt-3 pt-md-5 pt-xl-8 px-0">
  66. <div data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true" class="slide-animate" style="height: 450px;"><img width="100%" loading="lazy" style="width: 100%;height: 100%;object-fit: cover;" src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"></div>
  67. <div class="row gx-0 gy-3 gx-sm-3 gx-md-3 gx-lg-3 gx-xl-3 gx-xxl-3 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
  68. <div class="col">
  69. <div class="hovai-demo-box">
  70. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  71. <p>Duis fringilla erat sit amet</p>
  72. </a>
  73. </div>
  74. </div>
  75. <div class="col">
  76. <div class="hovai-demo-box">
  77. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  78. <p>Duis fringilla erat sit amet</p>
  79. </a>
  80. </div>
  81. </div>
  82. <div class="col">
  83. <div class="hovai-demo-box">
  84. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  85. <p>Duis fringilla erat sit amet</p>
  86. </a>
  87. </div>
  88. </div>
  89. <div class="col">
  90. <div class="hovai-demo-box">
  91. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  92. <p>Duis fringilla erat sit amet</p>
  93. </a>
  94. </div>
  95. </div>
  96. <div class="col">
  97. <div class="hovai-demo-box">
  98. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  99. <p>Duis fringilla erat sit amet</p>
  100. </a>
  101. </div>
  102. </div>
  103. </div>
  104. <hr class="mt-3 mt-md-5 mt-xl-8">
  105. </div>
  106. </section>
  107. <section>
  108. <div class="container pt-3 pt-md-5 pt-xl-8 px-0">
  109. <div data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true" class="slide-animate" style="height: 450px;"><img width="100%" loading="lazy" style="width: 100%;height: 100%;object-fit: cover;" src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"></div>
  110. <div class="row gx-0 gy-3 gx-sm-3 gx-md-3 gx-lg-3 gx-xl-3 gx-xxl-3 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
  111. <div class="col">
  112. <div class="hovai-demo-box">
  113. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  114. <p>Duis fringilla erat sit amet</p>
  115. </a>
  116. </div>
  117. </div>
  118. <div class="col">
  119. <div class="hovai-demo-box">
  120. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  121. <p>Duis fringilla erat sit amet</p>
  122. </a>
  123. </div>
  124. </div>
  125. <div class="col">
  126. <div class="hovai-demo-box">
  127. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  128. <p>Duis fringilla erat sit amet</p>
  129. </a>
  130. </div>
  131. </div>
  132. <div class="col">
  133. <div class="hovai-demo-box">
  134. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  135. <p>Duis fringilla erat sit amet</p>
  136. </a>
  137. </div>
  138. </div>
  139. <div class="col">
  140. <div class="hovai-demo-box">
  141. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  142. <p>Duis fringilla erat sit amet</p>
  143. </a>
  144. </div>
  145. </div>
  146. </div>
  147. <hr class="mt-3 mt-md-5 mt-xl-8">
  148. </div>
  149. </section>
  150. <section>
  151. <div class="container pt-3 pt-md-5 pt-xl-8 px-0">
  152. <div data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true" class="slide-animate" style="height: 450px;"><img width="100%" loading="lazy" style="width: 100%;height: 100%;object-fit: cover;" src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"></div>
  153. <div class="row gx-0 gy-3 gx-sm-3 gx-md-3 gx-lg-3 gx-xl-3 gx-xxl-3 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
  154. <div class="col">
  155. <div class="hovai-demo-box">
  156. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  157. <p>Duis fringilla erat sit amet</p>
  158. </a>
  159. </div>
  160. </div>
  161. <div class="col">
  162. <div class="hovai-demo-box">
  163. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  164. <p>Duis fringilla erat sit amet</p>
  165. </a>
  166. </div>
  167. </div>
  168. <div class="col">
  169. <div class="hovai-demo-box">
  170. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  171. <p>Duis fringilla erat sit amet</p>
  172. </a>
  173. </div>
  174. </div>
  175. <div class="col">
  176. <div class="hovai-demo-box">
  177. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  178. <p>Duis fringilla erat sit amet</p>
  179. </a>
  180. </div>
  181. </div>
  182. <div class="col">
  183. <div class="hovai-demo-box">
  184. <div class="hovai-box-image" style="height: 100%;"><img style="width:100%;" src="{dreamer-cms:template /}assets/img/1798255986046169088.jpg"></div><a class="hovai-box-details" href="/list_work.html">
  185. <p>Duis fringilla erat sit amet</p>
  186. </a>
  187. </div>
  188. </div>
  189. </div>
  190. <hr class="mt-3 mt-md-5 mt-xl-8">
  191. </div>
  192. </section>
  193. </main>
  194. {dreamer-cms:include file='footer.html'/}
  195. <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
  196. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
  197. <script src="{dreamer-cms:template /}assets/js/aos.min.js"></script>
  198. <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
  199. </body>
  200. </html>