work_list.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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" href="{dreamer-cms:template /}assets/css/work.css">
  12. <link rel="stylesheet" type="text/css" href="{dreamer-cms:template /}assets/css/animate.min.css">
  13. </head>
  14. <body>
  15. {dreamer-cms:include file='loading.html'/}
  16. {dreamer-cms:include file='header.html'/}
  17. <main>
  18. <section class="py-2">
  19. <div class="row gx-2 gy-2">
  20. {dreamer-cms:list typeid="r1dl60bu" pagenum="0" flag="p" sortBy="weight" sortWay="desc"}
  21. <div class="col-12 col-md-4 work-col-box wow fadeIn">
  22. <div class="h-100 position-relative">
  23. <div class="position-absolute w-100 h-100 work-col-title-box">
  24. <a class="text-decoration-none text-light fw-bold fs-4 d-inline-block w-100 text-center position-absolute work-col-title"
  25. href="[field:arcurl/]">
  26. [field:title /]
  27. </a>
  28. </div>
  29. <div class="work-img-box h-100 w-100 position-absolute">
  30. <img class="position-absolute work-img" src="resources/uploads/[field:imgs /]" data-src="[field:litpic/]" loading="lazy" alt="[field:title /]"/>
  31. </div>
  32. </div>
  33. </div>
  34. {/dreamer-cms:list}
  35. </div>
  36. </section>
  37. </main>
  38. {dreamer-cms:include file='footer.html'/}
  39. <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
  40. <script type="text/javascript" src="{dreamer-cms:template /}assets/js/wow.min.js"></script>
  41. <script src="{dreamer-cms:template /}assets/js/main.js"></script>
  42. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
  43. <script src="{dreamer-cms:template /}assets/js/aos.min.js"></script>
  44. <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
  45. <script src="{dreamer-cms:template /}assets/js/image.js"></script>
  46. </body>
  47. </html>