about_list.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  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"
  8. href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css?h=cd822b7fd22c8a95a68470c795adea69">
  9. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css?h=6228d9e0a7ba796049393d5465fe3742">
  10. <link rel="stylesheet"
  11. href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css?h=6228d9e0a7ba796049393d5465fe3742">
  12. <link rel="stylesheet"
  13. href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css?h=d7f2e450c2aeb44ab8ed8799eecc5c79">
  14. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/aos.min.css?h=ea67d3638a91cd05d22f1b4e31c7b746">
  15. <link rel="stylesheet"
  16. href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css?h=b172296e5849c06d325e91d829be587a">
  17. <link rel="stylesheet"
  18. href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css?h=befd8a398792e305b7ffd4a176b5b585">
  19. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css?h=72bdad73735ba5a0d60fc6ed50a99e69">
  20. <link rel="stylesheet"
  21. href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css?h=2bf54df413781017b12488f807b9411c">
  22. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css?h=a7933a1685dae26a21a3aca0b97e0f6e">
  23. </head>
  24. <body>
  25. <header>
  26. <div class="container pt-xl-4" style="margin: 0 auto;padding: 0;">
  27. <nav class="navbar navbar-expand-md bg-body py-3" style="width: 100%;">
  28. <div class="container">
  29. <a class="navbar-brand d-flex align-items-center" href="index.html">
  30. <img class="logo"
  31. src="{dreamer-cms:template /}assets/img/logo.png?h=723ac36b04c313166beddacfd4686966"
  32. alt="logo" style="margin: 0 .5rem 0 0;" width="50px" height="50px"><span>Brand</span>
  33. </a>
  34. <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2">
  35. <span class="visually-hidden">Toggle navigation</span><span
  36. class="navbar-toggler-icon"></span></button>
  37. <div class="collapse navbar-collapse" id="navcol-2">
  38. <ul class="navbar-nav ms-auto">
  39. <li class="nav-item">
  40. <a class="nav-link active" href="index.html">Home</a>
  41. </li>
  42. <li class="nav-item">
  43. <a class="nav-link active" href="work_list.html">Work</a>
  44. </li>
  45. <li class="nav-item">
  46. <a class="nav-link active" href="service_list.html">Service</a>
  47. </li>
  48. <li class="nav-item">
  49. <a class="nav-link active" href="about_list.html">About</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="nav-link active" href="news_list.html">News</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link active" href="contact_list.html">Contact</a>
  56. </li>
  57. <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false"
  58. data-bs-toggle="dropdown" href="#">Other</a>
  59. <div class="dropdown-menu">
  60. <a class="dropdown-item" href="#">Other1</a>
  61. <a class="dropdown-item" href="#">Other2</a>
  62. <a class="dropdown-item" href="#">Other3</a>
  63. </div>
  64. </li>
  65. </ul>
  66. </div>
  67. </div>
  68. </nav>
  69. </div>
  70. </header>
  71. <main>
  72. <section>
  73. <div class="container">
  74. <div>
  75. <img style="width: 100%;object-fit: cover;"
  76. src="{dreamer-cms:template /}assets/img/fef4d873cd266540e10dbf1e1a843026.jpg?h=edee0c5897ba11ab292f797d627c1eab"
  77. loading="lazy">
  78. </div>
  79. <hr class="ahout-hr">
  80. </div>
  81. </section>
  82. <section>
  83. <div class="container">
  84. <div>
  85. <p>公司介绍,公司介绍,公司介绍,公司介绍<br>公司介绍,公司介绍,公司介绍,公司介绍,<br>公司介绍,公司介绍,公司介绍,公司介绍</p>
  86. </div>
  87. <hr class="ahout-hr">
  88. </div>
  89. </section>
  90. <section>
  91. <div class="container">
  92. <h3>团建照片</h3>
  93. <div class="pt-3 pt-xl-4"><img loading="lazy"
  94. src="{dreamer-cms:template /}assets/img/fef4d873cd266540e10dbf1e1a843026.jpg?h=edee0c5897ba11ab292f797d627c1eab"
  95. width="100%" height="auto" alt="11">
  96. <div class="row gx-2 row-cols-1 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
  97. <div class="col pt-xl-4 pt-md-5 pt-2" data-aos="fade-down-right" data-aos-duration="1000">
  98. <img class="auto-img"
  99. src="{dreamer-cms:template /}assets/img/fef4d873cd266540e10dbf1e1a843026.jpg?h=edee0c5897ba11ab292f797d627c1eab">
  100. </div>
  101. <div class="col pt-xl-4 pt-md-5 pt-2" data-aos="fade-down-right" data-aos-duration="1000">
  102. <img class="auto-img"
  103. src="{dreamer-cms:template /}assets/img/fef4d873cd266540e10dbf1e1a843026.jpg?h=edee0c5897ba11ab292f797d627c1eab">
  104. </div>
  105. <div class="col pt-xl-4 pt-md-5 pt-2" data-aos="fade-down-right" data-aos-duration="1000">
  106. <img class="auto-img"
  107. src="{dreamer-cms:template /}assets/img/fef4d873cd266540e10dbf1e1a843026.jpg?h=edee0c5897ba11ab292f797d627c1eab">
  108. </div>
  109. </div>
  110. </div>
  111. <hr class="ahout-hr">
  112. </div>
  113. </section>
  114. <section>
  115. <div class="container">
  116. <h3>人员介绍</h3>
  117. <div class="row gy-2 row-cols-1 row-cols-sm-4 row-cols-xl-6 pt-xl-4 row-cols-lg-6 pt-3 pt-xl-4">
  118. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  119. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  120. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  121. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  122. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  123. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  124. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  125. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  126. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  127. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  128. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  129. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  130. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  131. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  132. <div class="col" data-aos="fade-down-right" data-aos-duration="1000"><img class="auto-img"
  133. src="{dreamer-cms:template /}assets/img/1798256067944148992(1).png?h=7ee77781ab200aa4ce1a80d27913a2fc"></div>
  134. </div>
  135. <hr class="ahout-hr">
  136. </div>
  137. </section>
  138. </main>
  139. <footer>
  140. <div class="container py-4 py-lg-5" style="margin: 0 auto;padding: 0 0 1rem 0;">
  141. <div class="row justify-content-center" style="height: auto;">
  142. <div
  143. class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start order-lg-last">
  144. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  145. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  146. fill="currentColor" viewBox="0 0 16 16" class="bi bi-geo-alt-fill" style="font-size: 24px;">
  147. <path
  148. 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">
  149. </path>
  150. </svg>
  151. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Location</h3>
  152. </div>
  153. <div>
  154. <p>地址:深圳市宝安区西乡街道宝源路1065号F518时尚创意园F5栋102</p>
  155. </div>
  156. </div>
  157. <div
  158. 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">
  159. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  160. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  161. fill="currentColor" viewBox="0 0 16 16" class="bi bi-person-fill" style="font-size: 24px;">
  162. <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>
  163. </svg>
  164. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Phone</h3>
  165. </div>
  166. <div>
  167. <p>电话:13512345678</p>
  168. </div>
  169. </div>
  170. <div
  171. class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start item">
  172. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  173. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  174. fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope-fill"
  175. style="font-size: 24px;">
  176. <path
  177. 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">
  178. </path>
  179. </svg>
  180. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Email</h3>
  181. </div>
  182. <div>
  183. <p>邮箱:13512345678@qq.com</p>
  184. </div>
  185. </div>
  186. <div
  187. class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start">
  188. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  189. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  190. fill="currentColor" viewBox="0 0 16 16" class="bi bi-qr-code" style="font-size: 24px;">
  191. <path d="M2 2h2v2H2z"></path>
  192. <path d="M6 0v6H0V0zM5 1H1v4h4zM4 12H2v2h2z"></path>
  193. <path d="M6 10v6H0v-6zm-5 1v4h4v-4zm11-9h2v2h-2z"></path>
  194. <path
  195. 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">
  196. </path>
  197. <path d="M7 12h1v3h4v1H7zm9 2v2h-3v-1h2v-1z"></path>
  198. </svg>
  199. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">QR-code</h3>
  200. </div>
  201. <div><img src="assets/img/bing_generated_qrcode.png?h=0f216ae03372c93581dad2437e5ab489"></div>
  202. </div>
  203. </div>
  204. <hr>
  205. <div class="d-flex justify-content-between align-items-center pt-3">
  206. <p class="text-muted mb-0">Copyright © 2024 Brand</p>
  207. <ul class="list-inline mb-0">
  208. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  209. fill="currentColor" viewBox="0 0 16 16" class="bi bi-sina-weibo">
  210. <path
  211. 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">
  212. </path>
  213. <path
  214. 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">
  215. </path>
  216. </svg></li>
  217. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  218. fill="currentColor" viewBox="0 0 16 16" class="bi bi-wechat">
  219. <path
  220. 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">
  221. </path>
  222. <path
  223. 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">
  224. </path>
  225. </svg></li>
  226. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  227. viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
  228. stroke-linecap="round" stroke-linejoin="round"
  229. class="icon icon-tabler icon-tabler-brand-baidu">
  230. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  231. <path d="M5 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  232. <path
  233. 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">
  234. </path>
  235. <path d="M9 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  236. <path d="M15 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  237. <path d="M19 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  238. </svg></li>
  239. </ul>
  240. </div>
  241. </div>
  242. </footer>
  243. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js?h=e55bde7d6e36ebf17ba0b8c1e80e4065"></script>
  244. <script src="{dreamer-cms:template /}assets/js/aos.min.js?h=d3718e34eeb0355be8e3179a2e2bccb7"></script>
  245. <script src="{dreamer-cms:template /}assets/js/bs-init.js?h=83edaeb814574dfa3c394ba88d22a18c"></script>
  246. </body>
  247. </html>