index.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  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 style="margin: 0px;box-sizing: border-box;width: 100vw;">
  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="{dreamer-cms:global name='website' /}">
  30. <img class="logo" src="{dreamer-cms:template /}assets/img/logo2.png" alt="logo"
  31. style="margin: 0 .5rem 0 0;" width="50px" height="50px">
  32. <span>{dreamer-cms:global name="title" /}</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>
  36. <span class="navbar-toggler-icon"></span>
  37. </button>
  38. <div class="collapse navbar-collapse" id="navcol-2">
  39. <ul class="navbar-nav ms-auto">
  40. <li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
  41. {dreamer-cms:categoryartlist length="5"}
  42. {dreamer-cms:if test="('true' eq [field:haschildren/])"}
  43. <li class="nav-item dropdown">
  44. <a class="dropdown-toggle nav-link active" aria-expanded="false"
  45. data-bs-toggle="dropdown" href="[field:typeurl/]">[field:typenamecn /]</a>
  46. <div class="dropdown-menu">
  47. {dreamer-cms:channel}
  48. <a class="dropdown-item" href="[field:typeurl/]">[field:typenamecn /]</a>
  49. {/dreamer-cms:channel}
  50. </div>
  51. </li>
  52. {/dreamer-cms:if}
  53. {dreamer-cms:if test="('false' eq [field:haschildren/])"}
  54. <li class="nav-item">
  55. <a class="nav-link active" href="[field:typeurl /]"
  56. title="[field:typenamecn /]">[field:typenamecn /]</a>
  57. </li>
  58. {/dreamer-cms:if}
  59. {/dreamer-cms:categoryartlist}
  60. </ul>
  61. </div>
  62. </div>
  63. </nav>
  64. </div>
  65. </header>
  66. <main>
  67. <section class="py-2 py-md-3 py-xl-8">
  68. <div class="container" style="margin: 0 auto;padding: 0;">
  69. <div class="row gx-0">
  70. <div class="col-12">
  71. <div class="container-fluid bsb-hero-pro-5 bsb-overlay" style="padding: 0;">
  72. <div>
  73. <div class="carousel slide" data-bs-ride="carousel" id="carousel-1"
  74. style="height: 600px;width: auto;">
  75. <div class="carousel-inner h-100">
  76. <div class="carousel-item active h-100">
  77. <img class="w-100 d-block position-absolute h-100 fit-cover"
  78. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  79. alt="Slide Image" style="z-index: -1;" loading="lazy" />
  80. <div class="container d-flex flex-column justify-content-center h-100">
  81. <div class="row">
  82. <div class="col-md-6 col-xl-4 offset-md-2">
  83. <div style="max-width: 350px;"></div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="carousel-item h-100">
  89. <img class="w-100 d-block position-absolute h-100 fit-cover"
  90. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/fef4d873cd266540e10dbf1e1a843026.jpg"
  91. alt="Slide Image" style="z-index: -1;" loading="lazy" />
  92. <div class="container d-flex flex-column justify-content-center h-100">
  93. <div class="row">
  94. <div class="col-md-6 col-xl-4 offset-md-2">
  95. <div style="max-width: 350px;"></div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="carousel-item h-100">
  101. <img class="w-100 d-block position-absolute h-100 fit-cover"
  102. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/ebad58b2279361821e3feda290172c2c.jpg"
  103. alt="Slide Image" style="z-index: -1;" loading="lazy" />
  104. <div class="container d-flex flex-column justify-content-center h-100">
  105. <div class="row">
  106. <div class="col-md-6 col-xl-4 offset-md-2">
  107. <div style="max-width: 350px;">
  108. <h1 class="text-uppercase fw-bold"></h1>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div>
  116. <a class="carousel-control-prev" href="#carousel-1" role="button"
  117. data-bs-slide="prev">
  118. <span class="carousel-control-prev-icon"
  119. style="width: 50px;height: 50px;"></span>
  120. <span class="visually-hidden">Previous</span>
  121. </a>
  122. <a class="carousel-control-next" href="#carousel-1" role="button"
  123. data-bs-slide="next">
  124. <span class="carousel-control-next-icon"
  125. style="width: 50px;height: 50px;"></span>
  126. <span class="visually-hidden">Next</span>
  127. </a>
  128. </div>
  129. <div class="carousel-indicators">
  130. <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0"
  131. class="active"></button>
  132. <button type="button" data-bs-target="#carousel-1"
  133. data-bs-slide-to="1"></button>
  134. <button type="button" data-bs-target="#carousel-1"
  135. data-bs-slide-to="2"></button>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </section>
  144. <section>
  145. <div class="container" style="margin: 0 auto;padding: 0;">
  146. <div class="row py-4 gx-3 gy-3 slide-box">
  147. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
  148. data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  149. <div class="hovai-demo-box">
  150. <div class="hovai-box-image" style="height: 100%;"><img
  151. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  152. width="100%"></div><a class="hovai-box-details" href="work_content.html">
  153. <p>Duis fringilla erat sit amet</p>
  154. </a>
  155. </div>
  156. </div>
  157. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
  158. data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  159. <div class="hovai-demo-box">
  160. <div class="hovai-box-image" style="height: 100%;"><img
  161. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  162. width="100%"></div><a class="hovai-box-details" href="work_content.html">
  163. <p>Duis fringilla erat sit amet</p>
  164. </a>
  165. </div>
  166. </div>
  167. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
  168. data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  169. <div class="hovai-demo-box">
  170. <div class="hovai-box-image" style="height: 100%;"><img
  171. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  172. width="100%"></div><a class="hovai-box-details" href="work_content.html">
  173. <p>Duis fringilla erat sit amet</p>
  174. </a>
  175. </div>
  176. </div>
  177. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
  178. data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  179. <div class="hovai-demo-box">
  180. <div class="hovai-box-image" style="height: 100%;"><img
  181. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  182. width="100%"></div><a class="hovai-box-details" href="work_content.html">
  183. <p>Duis fringilla erat sit amet</p>
  184. </a>
  185. </div>
  186. </div>
  187. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
  188. data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  189. <div class="hovai-demo-box">
  190. <div class="hovai-box-image" style="height: 100%;"><img
  191. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  192. width="100%"></div><a class="hovai-box-details" href="work_content.html">
  193. <p>Duis fringilla erat sit amet</p>
  194. </a>
  195. </div>
  196. </div>
  197. <div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
  198. data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
  199. <div class="hovai-demo-box">
  200. <div class="hovai-box-image" style="height: 100%;"><img
  201. src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
  202. width="100%"></div><a class="hovai-box-details" href="work_content.html">
  203. <p>Duis fringilla erat sit amet</p>
  204. </a>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </section>
  210. </main>
  211. <footer>
  212. <div class="container py-4 py-lg-5" style="margin: 0 auto;padding: 0 0 1rem 0;">
  213. <div class="row justify-content-center" style="height: auto;">
  214. <div
  215. class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start order-lg-last">
  216. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  217. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  218. fill="currentColor" viewBox="0 0 16 16" class="bi bi-geo-alt-fill" style="font-size: 24px;">
  219. <path
  220. 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">
  221. </path>
  222. </svg>
  223. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Location</h3>
  224. </div>
  225. <div>
  226. <p>地址:深圳市宝安区西乡街道宝源路1065号F518时尚创意园F5栋102</p>
  227. </div>
  228. </div>
  229. <div
  230. 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">
  231. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  232. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  233. fill="currentColor" viewBox="0 0 16 16" class="bi bi-person-fill" style="font-size: 24px;">
  234. <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>
  235. </svg>
  236. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Phone</h3>
  237. </div>
  238. <div>
  239. <p>电话:13512345678</p>
  240. </div>
  241. </div>
  242. <div
  243. class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start item">
  244. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  245. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  246. fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope-fill"
  247. style="font-size: 24px;">
  248. <path
  249. 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">
  250. </path>
  251. </svg>
  252. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">Email</h3>
  253. </div>
  254. <div>
  255. <p>邮箱:13512345678@qq.com</p>
  256. </div>
  257. </div>
  258. <div
  259. class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start">
  260. <div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
  261. style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  262. fill="currentColor" viewBox="0 0 16 16" class="bi bi-qr-code" style="font-size: 24px;">
  263. <path d="M2 2h2v2H2z"></path>
  264. <path d="M6 0v6H0V0zM5 1H1v4h4zM4 12H2v2h2z"></path>
  265. <path d="M6 10v6H0v-6zm-5 1v4h4v-4zm11-9h2v2h-2z"></path>
  266. <path
  267. 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">
  268. </path>
  269. <path d="M7 12h1v3h4v1H7zm9 2v2h-3v-1h2v-1z"></path>
  270. </svg>
  271. <h3 class="fs-6" style="margin: 0px;font-size: 24px;">QR-code</h3>
  272. </div>
  273. <div><img
  274. src="{dreamer-cms:template /}assets/img/bing_generated_qrcode.png?h=0f216ae03372c93581dad2437e5ab489">
  275. </div>
  276. </div>
  277. </div>
  278. <hr>
  279. <div class="d-flex justify-content-between align-items-center pt-3">
  280. <p class="text-muted mb-0">Copyright © 2024 Brand</p>
  281. <ul class="list-inline mb-0">
  282. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  283. fill="currentColor" viewBox="0 0 16 16" class="bi bi-sina-weibo">
  284. <path
  285. 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">
  286. </path>
  287. <path
  288. 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">
  289. </path>
  290. </svg></li>
  291. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  292. fill="currentColor" viewBox="0 0 16 16" class="bi bi-wechat">
  293. <path
  294. 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">
  295. </path>
  296. <path
  297. 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">
  298. </path>
  299. </svg></li>
  300. <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
  301. viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
  302. stroke-linecap="round" stroke-linejoin="round"
  303. class="icon icon-tabler icon-tabler-brand-baidu">
  304. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  305. <path d="M5 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  306. <path
  307. 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">
  308. </path>
  309. <path d="M9 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  310. <path d="M15 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  311. <path d="M19 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  312. </svg></li>
  313. </ul>
  314. </div>
  315. </div>
  316. </footer>
  317. <script
  318. src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js?h=e55bde7d6e36ebf17ba0b8c1e80e4065"></script>
  319. <script src="{dreamer-cms:template /}assets/js/aos.min.js?h=d3718e34eeb0355be8e3179a2e2bccb7"></script>
  320. <script src="{dreamer-cms:template /}assets/js/bs-init.js?h=83edaeb814574dfa3c394ba88d22a18c"></script>
  321. </body>
  322. </html>