service_list.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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>{dreamer-cms:global name="title" /}</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. <section>
  21. <div class="px-2 pt-3 pt-md-3 pt-xl-8">
  22. <div class="wow fadeIn slide-animate" data-wow-duration="1000"
  23. style="height: auto;">
  24. {dreamer-cms:type typeid="x1ttlx6s"}
  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. {/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. src="{dreamer-cms:template /}assets/img/none.png">
  40. </div>
  41. <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">
  42. {dreamer-cms:list typeid="[field:typecode /]" pagenum="0" pagesize="3" flag="p"}
  43. <div class="col-12 col-md-4 work-col-box wow fadeIn mt-2">
  44. <div class="h-100 position-relative">
  45. <div class="position-absolute w-100 h-100 work-col-title-box">
  46. <a class="text-decoration-none text-light fw-bold fs-4 d-inline-block w-100 text-center position-absolute work-col-title"
  47. href="[field:arcurl/]">
  48. [field:title /]
  49. </a>
  50. </div>
  51. <div class="work-img-box h-100 w-100 position-absolute">
  52. <img class="position-absolute work-img" data-src="[field:litpic/]" loading="lazy"/>
  53. </div>
  54. </div>
  55. </div>
  56. {/dreamer-cms:list}
  57. </div>
  58. <hr class="mt-2 mt-md-3 mt-xl-5">
  59. </div>
  60. </section>
  61. {/dreamer-cms:channel}
  62. </main>
  63. {dreamer-cms:include file='footer.html'/}
  64. <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
  65. <script type="text/javascript" src="{dreamer-cms:template /}assets/js/wow.min.js"></script>
  66. <script src="{dreamer-cms:template /}assets/js/main.js"></script>
  67. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
  68. <script src="{dreamer-cms:template /}assets/js/aos.min.js"></script>
  69. <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
  70. <script src="{dreamer-cms:template /}assets/js/image.js"></script>
  71. </body>
  72. </html>