service_list.html 3.3 KB

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