work_list.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  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?h=cd822b7fd22c8a95a68470c795adea69">
  8. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css?h=6228d9e0a7ba796049393d5465fe3742">
  9. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css?h=6228d9e0a7ba796049393d5465fe3742">
  10. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css?h=d7f2e450c2aeb44ab8ed8799eecc5c79">
  11. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/aos.min.css?h=ea67d3638a91cd05d22f1b4e31c7b746">
  12. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css?h=b172296e5849c06d325e91d829be587a">
  13. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css?h=befd8a398792e305b7ffd4a176b5b585">
  14. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css?h=72bdad73735ba5a0d60fc6ed50a99e69">
  15. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css?h=2bf54df413781017b12488f807b9411c">
  16. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css?h=a7933a1685dae26a21a3aca0b97e0f6e">
  17. </head>
  18. <body>
  19. <header>
  20. <div class="container pt-xl-4" style="margin: 0 auto;padding: 0;">
  21. <nav class="navbar navbar-expand-md bg-body py-3" style="width: 100%;">
  22. <div class="container"><a class="navbar-brand d-flex align-items-center" href="index.html"><img class="logo" src="{dreamer-cms:template /}assets/img/logo.png?h=723ac36b04c313166beddacfd4686966" alt="logo" style="margin: 0 .5rem 0 0;" width="50px" height="50px"><span>Brand</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
  23. <div class="collapse navbar-collapse" id="navcol-2">
  24. <ul class="navbar-nav ms-auto">
  25. <li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
  26. <li class="nav-item"><a class="nav-link active" href="work_list.html">Work</a></li>
  27. <li class="nav-item"><a class="nav-link active" href="service_list.html">Service</a></li>
  28. <li class="nav-item"><a class="nav-link active" href="about_list.html">About</a></li>
  29. <li class="nav-item"><a class="nav-link active" href="contact_list.html">Contact</a></li>
  30. <li class="nav-item"><a class="nav-link active" href="news_list.html">News</a></li>
  31. <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Other</a>
  32. <div class="dropdown-menu"><a class="dropdown-item" href="#">Other1</a><a class="dropdown-item" href="#">Other2</a><a class="dropdown-item" href="#">Other3</a></div>
  33. </li>
  34. </ul>
  35. </div>
  36. </div>
  37. </nav>
  38. </div>
  39. </header>
  40. <main>
  41. <section>
  42. <div class="container" style="margin: 0 auto;padding: 0;">
  43. <div class="row py-4 gx-3 gy-3 slide-box">
  44. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  45. <div class="hovai-demo-box">
  46. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  47. <p>Duis fringilla erat sit amet</p>
  48. </a>
  49. </div>
  50. </div>
  51. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  52. <div class="hovai-demo-box">
  53. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  54. <p>Duis fringilla erat sit amet</p>
  55. </a>
  56. </div>
  57. </div>
  58. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  59. <div class="hovai-demo-box">
  60. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  61. <p>Duis fringilla erat sit amet</p>
  62. </a>
  63. </div>
  64. </div>
  65. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  66. <div class="hovai-demo-box">
  67. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  68. <p>Duis fringilla erat sit amet</p>
  69. </a>
  70. </div>
  71. </div>
  72. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  73. <div class="hovai-demo-box">
  74. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  75. <p>Duis fringilla erat sit amet</p>
  76. </a>
  77. </div>
  78. </div>
  79. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  80. <div class="hovai-demo-box">
  81. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  82. <p>Duis fringilla erat sit amet</p>
  83. </a>
  84. </div>
  85. </div>
  86. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate" data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  87. <div class="hovai-demo-box">
  88. <div class="hovai-box-image" style="height: 100%;"><img src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg" width="100%"></div><a class="hovai-box-details" href="work_content.html">
  89. <p>Duis fringilla erat sit amet</p>
  90. </a>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </section>
  96. </main>
  97. <footer>
  98. <div class="container py-4 py-lg-5" style="margin: 0 auto;padding: 0 0 1rem 0;">
  99. <div class="row justify-content-center" style="height: auto;">
  100. <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start order-lg-last">
  101. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end" style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-geo-alt-fill" style="font-size: 24px;">
  102. <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path>
  103. </svg>
  104. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Location</h3>
  105. </div>
  106. <div>
  107. <p>地址:深圳市宝安区西乡街道宝源路1065号F518时尚创意园F5栋102</p>
  108. </div>
  109. </div>
  110. <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-content-center align-items-lg-start item">
  111. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end" style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-person-fill" style="font-size: 24px;">
  112. <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"></path>
  113. </svg>
  114. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Phone</h3>
  115. </div>
  116. <div>
  117. <p>电话:13512345678</p>
  118. </div>
  119. </div>
  120. <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start item">
  121. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end" style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope-fill" style="font-size: 24px;">
  122. <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
  123. </svg>
  124. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Email</h3>
  125. </div>
  126. <div>
  127. <p>邮箱:13512345678@qq.com</p>
  128. </div>
  129. </div>
  130. <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start">
  131. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end" style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-qr-code" style="font-size: 24px;">
  132. <path d="M2 2h2v2H2z"></path>
  133. <path d="M6 0v6H0V0zM5 1H1v4h4zM4 12H2v2h2z"></path>
  134. <path d="M6 10v6H0v-6zm-5 1v4h4v-4zm11-9h2v2h-2z"></path>
  135. <path d="M10 0v6h6V0zm5 1v4h-4V1zM8 1V0h1v2H8v2H7V1zm0 5V4h1v2zM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8zm0 0v1H2V8H1v1H0V7h3v1zm10 1h-1V7h1zm-1 0h-1v2h2v-1h-1zm-4 0h2v1h-1v1h-1zm2 3v-1h-1v1h-1v1H9v1h3v-2zm0 0h3v1h-2v1h-1zm-4-1v1h1v-2H7v1z"></path>
  136. <path d="M7 12h1v3h4v1H7zm9 2v2h-3v-1h2v-1z"></path>
  137. </svg>
  138. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">QR-code</h3>
  139. </div>
  140. <div><img src="{dreamer-cms:template /}assets/img/bing_generated_qrcode.png?h=0f216ae03372c93581dad2437e5ab489"></div>
  141. </div>
  142. </div>
  143. <hr>
  144. <div class="d-flex justify-content-between align-items-center pt-3">
  145. <p class="text-muted mb-0">Copyright © 2024 Brand</p>
  146. <ul class="list-inline mb-0">
  147. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sina-weibo">
  148. <path d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.225 4.225 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196ZM3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802Zm2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397Zm-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06"></path>
  149. <path d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407Zm-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623Zm11.681-6.484a2.056 2.056 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.062 2.062 0 0 0-.432-2.018Z"></path>
  150. </svg></li>
  151. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-wechat">
  152. <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356"></path>
  153. <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0"></path>
  154. </svg></li>
  155. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-baidu">
  156. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  157. <path d="M5 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  158. <path d="M14.463 11.596c1.282 1.774 3.476 3.416 3.476 3.416s1.921 1.574 .593 3.636c-1.328 2.063 -4.892 1.152 -4.892 1.152s-1.416 -.44 -3.06 -.088c-1.644 .356 -3.06 .22 -3.06 .22s-2.055 -.22 -2.47 -2.304c-.416 -2.084 1.918 -3.638 2.102 -3.858c.182 -.222 1.409 -.966 2.284 -2.394c.875 -1.428 3.337 -2.287 5.027 .221z"></path>
  159. <path d="M9 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  160. <path d="M15 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  161. <path d="M19 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  162. </svg></li>
  163. </ul>
  164. </div>
  165. </div>
  166. </footer>
  167. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js?h=e55bde7d6e36ebf17ba0b8c1e80e4065"></script>
  168. <script src="{dreamer-cms:template /}assets/js/aos.min.js?h=d3718e34eeb0355be8e3179a2e2bccb7"></script>
  169. <script src="{dreamer-cms:template /}assets/js/bs-init.js?h=83edaeb814574dfa3c394ba88d22a18c"></script>
  170. </body>
  171. </html>