service_list.html 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
  7. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
  8. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
  9. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
  10. <link rel="stylesheet" type="text/css" href="{dreamer-cms:template /}assets/css/animate.min.css">
  11. <link rel="stylesheet" type="text/css" href="{dreamer-cms:template /}assets/css/work.css">
  12. <style>
  13. </style>
  14. </head>
  15. <body>
  16. {dreamer-cms:include file='loading.html'/}
  17. {dreamer-cms:include file='header.html'/}
  18. <main class="service">
  19. <section>
  20. <div class="px-2 pt-3 pt-md-3 pt-xl-8">
  21. <div class="wow fadeIn slide-animate" data-wow-duration="1000"
  22. style="height: auto;">
  23. {dreamer-cms:type typeid="x1ttlx6s"}
  24. <img style="width: 100%;object-fit: cover;height: auto;"
  25. data-src="[field:typeimg/]" loading="lazy"
  26. alt="[field:typenamecn/]"
  27. src="{dreamer-cms:template /}assets/img/none.png" />
  28. {/dreamer-cms:type}
  29. </div>
  30. </div>
  31. </section>
  32. {dreamer-cms:channel typeid="x1ttlx6s" showall="false" type="son"}
  33. <section>
  34. <div class="px-2 pt-3 pt-md-3 pt-xl-8">
  35. <div class="wow fadeIn slide-animate" data-wow-duration="1000"
  36. style="height: auto;">
  37. <img style="width: 100%;object-fit: cover;height: auto;"
  38. data-src="[field:typeimg /]" loading="lazy"
  39. alt="[field:typenamecn/]"
  40. src="{dreamer-cms:template /}assets/img/none.png">
  41. </div>
  42. <div class="row gx-0 gy-0 gx-sm-2 gx-md-2 gx-lg-2 gx-xl-2 gx-xxl-2 row-cols-1 row-cols-md-3 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
  43. {dreamer-cms:list typeid="[field:typecode /]" pagenum="0" pagesize="3" flag="p"}
  44. <div class="col-12 col-md-4 work-col-box wow fadeIn mt-2">
  45. <div class="h-100 position-relative">
  46. <div class="position-absolute w-100 h-100 work-col-title-box">
  47. <a class="text-decoration-none text-light fw-bold fs-4 d-inline-block w-100 text-center position-absolute work-col-title"
  48. href="[field:arcurl/]">
  49. [field:title /]
  50. </a>
  51. </div>
  52. <div class="work-img-box h-100 w-100 position-absolute">
  53. <img class="position-absolute work-img" data-src="[field:litpic/]" loading="lazy"
  54. alt="[field:title/]"/>
  55. </div>
  56. </div>
  57. </div>
  58. {/dreamer-cms:list}
  59. </div>
  60. <hr class="mt-2 mt-md-3 mt-xl-5">
  61. </div>
  62. </section>
  63. {/dreamer-cms:channel}
  64. </main>
  65. {dreamer-cms:include file='footer.html'/}
  66. <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
  67. <script type="text/javascript" src="{dreamer-cms:template /}assets/js/wow.min.js"></script>
  68. <script src="{dreamer-cms:template /}assets/js/main.js"></script>
  69. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
  70. <script src="{dreamer-cms:template /}assets/js/aos.min.js"></script>
  71. <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
  72. <script src="{dreamer-cms:template /}assets/js/image.js"></script>
  73. </body>
  74. </html>