sofa.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
  1. <head>
  2. <!-- <meta charset="UTF-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  5. <!-- bootstrap -->
  6. <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
  7. integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
  8. <link rel="stylesheet" href="/css/style.css">
  9. <title>小寶優居-首購族首選 安心成家 室內設計品牌</title> -->
  10. {{ partial "headers.html" . }}
  11. </head>
  12. <body style="overflow-x: hidden;">
  13. <!-- <div class="header-template"></div> -->
  14. {{ partial "nav.html" . }}
  15. <div class="furniture-design">
  16. <div class="design-banner"></div>
  17. <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
  18. <li class="nav-item" role="presentation">
  19. <button class="nav-link active" id="all-design-tab" data-bs-toggle="pill" data-bs-target="#all-design"
  20. type="button" role="tab" aria-controls="all-design" aria-selected="true">全部設計單品</button>
  21. </li>
  22. <li class="nav-item" role="presentation">
  23. <button class="nav-link" id="systeam-furniture-tab" data-bs-toggle="pill" data-bs-target="#systeam-furniture"
  24. type="button" role="tab" aria-controls="systeam-furniture" aria-selected="false">關於系統櫃</button>
  25. </li>
  26. <li class="nav-item" role="presentation">
  27. <button class="nav-link" id="furniture-tab" data-bs-toggle="pill" data-bs-target="#furniture" type="button"
  28. role="tab" aria-controls="furniture" aria-selected="false">關於家具</button>
  29. </li>
  30. <li class="nav-item" role="presentation">
  31. <button class="nav-link" id="mattress-tab" data-bs-toggle="pill" data-bs-target="#mattress" type="button"
  32. role="tab" aria-controls="mattress" aria-selected="false">關於床墊</button>
  33. </li>
  34. </ul>
  35. <div class="tab-content bhouseweb_loc_content" id="pills-tabContent">
  36. <div class="tab-pane fade show active" id="all-design" role="tabpanel" aria-labelledby="all-design-tab">
  37. <!-- 全部設計單品 -->
  38. <ul class="nav nav-pills mb-3 sub-tab-title pt-3" id="pills-tab" role="tablist">
  39. <li class="nav-item" role="presentation">
  40. <button class="nav-link active" id="pills-tab-01" data-bs-toggle="pill" data-bs-target="#pills-01"
  41. type="button" role="tab" aria-controls="pills-01" aria-selected="true">沙發</button>
  42. </li>
  43. <li class="nav-item" role="presentation">
  44. <button class="nav-link" id="pills-tab-02" data-bs-toggle="pill" data-bs-target="#pills-02" type="button"
  45. role="tab" aria-controls="pills-02" aria-selected="false">茶几</button>
  46. </li>
  47. <li class="nav-item" role="presentation">
  48. <button class="nav-link" id="pills-tab-03" data-bs-toggle="pill" data-bs-target="#pills-03" type="button"
  49. role="tab" aria-controls="pills-03" aria-selected="false">餐桌</button>
  50. </li>
  51. <li class="nav-item" role="presentation">
  52. <button class="nav-link" id="pills-tab-04" data-bs-toggle="pill" data-bs-target="#pills-04" type="button"
  53. role="tab" aria-controls="pills-04" aria-selected="false">餐椅/中島椅</button>
  54. </li>
  55. <li class="nav-item" role="presentation">
  56. <button class="nav-link" id="pills-tab-05" data-bs-toggle="pill" data-bs-target="#pills-05" type="button"
  57. role="tab" aria-controls="pills-05" aria-selected="false">床組</button>
  58. </li>
  59. <li class="nav-item" role="presentation">
  60. <button class="nav-link" id="pills-tab-06" data-bs-toggle="pill" data-bs-target="#pills-06" type="button"
  61. role="tab" aria-controls="pills-06" aria-selected="false">電視櫃</button>
  62. </li>
  63. <li class="nav-item" role="presentation">
  64. <button class="nav-link" id="pills-tab-07" data-bs-toggle="pill" data-bs-target="#pills-07" type="button"
  65. role="tab" aria-controls="pills-07" aria-selected="false">衣櫃/收納櫃/中島</button>
  66. </li>
  67. <li class="nav-item" role="presentation">
  68. <button class="nav-link" id="pills-tab-08" data-bs-toggle="pill" data-bs-target="#pills-08" type="button"
  69. role="tab" aria-controls="pills-08" aria-selected="false">邊櫃/邊几</button>
  70. </li>
  71. <li class="nav-item" role="presentation">
  72. <button class="nav-link" id="pills-tab-09" data-bs-toggle="pill" data-bs-target="#pills-09" type="button"
  73. role="tab" aria-controls="pills-09" aria-selected="false">書桌/工作桌</button>
  74. </li>
  75. <li class="nav-item" role="presentation">
  76. <button class="nav-link" id="pills-tab-10" data-bs-toggle="pill" data-bs-target="#pills-10" type="button"
  77. role="tab" aria-controls="pills-10" aria-selected="false">其他設計單品</button>
  78. </li>
  79. </ul>
  80. <div class="tab-content sub-tab-content" id="nav-tabContent">
  81. <div class="tab-pane fade show active" id="pills-01" role="tabpanel" aria-labelledby="pills-tab-01">
  82. <div class="container">
  83. <div class="row sofa-container">
  84. <!-- forLoop -->
  85. <div class="container">
  86. <div class="row">
  87. <div class="col-12 col-md-6 mb-4">
  88. {{ $paginator := .Paginate .Data.Pages }}
  89. {{ range $paginator.Pages }}
  90. <div class="position-relative text-item">
  91. <a href="{{ .RelPermalink }}">
  92. <img src="/img/content/設計家具/客廳/蜜絲媞沙發/cbd997f5-a688-42c8-a740-4047fbd17fab.webp" alt="">
  93. <div>
  94. <h4>{{ .Title }}</h4>
  95. </div>
  96. </a>
  97. </div>
  98. </div>
  99. {{ end }}
  100. <div class="col-12 col-md-6 mb-4">
  101. <div class="position-relative text-item">
  102. <a href="#">
  103. <img src="/img/content/設計家具/客廳/1.阪本沙發/1.webp" alt="">
  104. <div>
  105. <h4>坂本沙發</h4>
  106. </div>
  107. </a>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="tab-pane fade" id="pills-02" role="tabpanel" aria-labelledby="pills-tab-02">
  116. <div class="container">
  117. <div class="row tea-table-container">
  118. <!-- forLoop -->
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="tab-pane fade" id="systeam-furniture" role="tabpanel" aria-labelledby="systeam-furniture-tab">
  125. <!-- 關於系統櫃 -->
  126. <div class="container" style="margin-top: 100px;">
  127. <div class="row gy-5 mb-5 pb-5 align-items-center b-bottom">
  128. <div class="col-12 col-lg-6">
  129. <img src="/img/system_furniture/bn_product_cabinet_01@2x.webp" alt="">
  130. </div>
  131. <div class="col-12 col-lg-6">
  132. <h5 class="text-center text-lg-start">因你而設計</h5>
  133. <p class="fw-bold m-0 text-center text-lg-start">我們以「人」為中心,用人因工程的設計概念,<br>
  134. 設計讓你最順手、最符合需求的系統櫃。</p>
  135. </div>
  136. <div class="col-12 col-lg-6">
  137. <img src="/img/system_furniture/bn_product_cabinet_02@2x.webp" alt="">
  138. </div>
  139. <div class="col-12 col-lg-6">
  140. <h5 class="text-center text-lg-start">板材品牌</h5>
  141. <p class="fw-bold m-0 text-center text-lg-start">奧地利 KAINDL 塑合板<br>
  142. 奧地利 EGGER 塑合板<br>
  143. 義大利 GRUPPO MAURO SAVIOLA 塑合板<br>
  144. 台灣 薪豐豐業塑合板</p>
  145. </div>
  146. <div class="col-12 col-lg-6 cabinet-03">
  147. <img src="/img/system_furniture/bn_product_cabinet_03@2x.png" alt="">
  148. <h5 class="text-center">最低甲醛 F1/E1 等級</h5>
  149. <p class="fw-bold m-0 text-center text-lg-start">甲醛釋出量經認證檢驗<br>
  150. 符合『國家經濟部標準檢驗局』F1等級<br>
  151. (最低甲醛釋出量,且無添加甲醛物質)<br><br>
  152. 符合『歐盟 』E1等級<br>
  153. (最低甲醛釋出量,且無添加甲醛物質)</p>
  154. </div>
  155. <div class="col-12 col-lg-6 cabinet-03">
  156. <img src="/img/system_furniture/bn_product_cabinet_04@2x.png" alt="">
  157. <h5 class="text-center">防潮 V313 最高級數抗潮</h5>
  158. <p class="fw-bold m-0 text-center text-lg-start">防潮檢驗<br>
  159. 經『國家經濟部標準檢驗局 CNS2215』<br>
  160. 吸水膨脹率檢測數值為6%以下,符合V313<br>
  161. 最高防潮等級。<br><br>
  162. 經『歐盟標準EN317』檢驗結果<br>
  163. 因驗出來的吸水膨脹率在6%以下,為V313<br>
  164. 最高防潮等級。</p>
  165. </div>
  166. </div>
  167. <div class="row gy-5 mb-5 pb-5 align-items-center b-bottom">
  168. <div class="col-12 col-lg-6">
  169. <img src="/img/system_furniture/bn_product_cabinet_05@2x.webp" alt="">
  170. </div>
  171. <div class="col-12 col-lg-6">
  172. <h5 class="text-center text-lg-start">五金品牌</h5>
  173. <p class="fw-bold m-0 text-center text-lg-start">
  174. 奧地利 BLUM 五金<br>
  175. 台灣 KING SLIDE 滑軌
  176. </p>
  177. </div>
  178. <div class="col-12 col-lg-6">
  179. <img src="/img/system_furniture/bn_product_cabinet_06@2x.webp" alt="">
  180. </div>
  181. <div class="col-12 col-lg-6">
  182. <h5 class="text-center text-lg-start">五金等級</h5>
  183. <p class="fw-bold m-0 text-center text-lg-start">
  184. 內政部綠建築SGS標章<br>
  185. INTERTEK全球耐用度認證
  186. </p>
  187. </div>
  188. </div>
  189. <div class="row mb-5 pb-5">
  190. <div class="col-12 col-lg-6">
  191. <img src="/img/bn_product_cabinet_06@2x.png" alt="">
  192. </div>
  193. <div class="col-12 col-lg-6">
  194. <img src="/img/bn_product_cabinet_07@2x.png" alt="">
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="tab-pane fade" id="furniture" role="tabpanel" aria-labelledby="furniture-tab">
  200. <!-- 關於家具 -->
  201. <div class="container" style="margin-top: 100px;">
  202. <div class="row mb-5 pb-5 align-items-center b-bottom">
  203. <div class="col-12 col-lg-6">
  204. <img src="/img/system_furniture/bn_product_cabinet_01@2x.webp" alt="">
  205. </div>
  206. <div class="col-12 col-lg-6">
  207. <h5 class="text-center text-lg-start">因你而設計</h5>
  208. <p class="fw-bold m-0 text-center text-lg-start">我們以「人」為中心,用人因工程的設計概念,<br>
  209. 設計讓你最順手、最符合需求的系統櫃。</p>
  210. </div>
  211. </div>
  212. <div class="row g-2 mb-5 pb-5 b-bottom">
  213. <div class="col-12">
  214. <img src="/img/bn_product_furniture_02_1@2x.png" alt="">
  215. </div>
  216. <div class="col-12 col-md-4">
  217. <img src="/img/bn_product_furniture_02_2@2x.png" alt="">
  218. <h5 class="mt-4 mb-3 text-center text-md-start">尺寸客製</h5>
  219. <p class="fw-bold text-center text-md-start">不管三人座還五人座<br>只要有人坐,都不是問題</p>
  220. </div>
  221. <div class="col-12 col-md-4">
  222. <img src="/img/bn_product_furniture_02_3@2x.png" alt="">
  223. <h5 class="mt-4 mb-3 text-center text-md-start">顏色客製</h5>
  224. <p class="fw-bold text-center text-md-start">130 種布料配色<br>自己配或我們幫你配都好配</p>
  225. </div>
  226. <div class="col-12 col-md-4">
  227. <img src="/img/bn_product_furniture_02_4@2x.png" alt="">
  228. <h5 class="mt-4 mb-3 text-center text-md-start">材質客製</h5>
  229. <p class="fw-bold text-center text-md-start">7 種表布材質<br>各有各的風格跟個性</p>
  230. </div>
  231. </div>
  232. <div class="row g-2 mb-5 pb-5 b-bottom">
  233. <div class="col-12">
  234. <img src="/img/bn_product_furniture_03_1@2x.png" alt="">
  235. </div>
  236. <div class="col-12 col-md-4">
  237. <img src="/img/bn_product_furniture_03_2@2x.png" alt="">
  238. <h5 class="mt-4 mb-3 text-center text-md-start">架高床底|<br>最常見的選擇</h5>
  239. <p class="fw-bold">實木床腳,架高12公分,容易清潔,床箱採「前後分割」受力更平均。</p>
  240. </div>
  241. <div class="col-12 col-md-4">
  242. <img src="/img/bn_product_furniture_03_3@2x.png" alt="">
  243. <h5 class="mt-4 mb-3 text-center text-md-start">抽屜床底|<br>單抽、雙抽更彈性</h5>
  244. <p class="fw-bold">安裝工業級滑輪,承重200公斤側邊採用實木滑軌,不怕銹蝕更耐久。</p>
  245. </div>
  246. <div class="col-12 col-md-4">
  247. <img src="/img/bn_product_furniture_03_4@2x.png" alt="">
  248. <h5 class="mt-4 mb-3 text-center text-md-start">掀床床底|<br>小坪數創造大收納</h5>
  249. <p class="fw-bold">採用「自動安全扣」 與「MIT專利油氣壓桿」安全省力,讓女生能夠輕鬆開闔,拿取物品時也能更安心。</p>
  250. </div>
  251. </div>
  252. <div class="row g-2 mb-5 pb-5 b-bottom">
  253. <div class="col-12">
  254. <img src="/img/bn_product_furniture_04_1@2x.png" alt="">
  255. </div>
  256. <div class="col-12 col-md-4">
  257. <img src="/img/bn_product_furniture_04_2@2x.png" alt="">
  258. <h5 class="mt-4 mb-3 text-center text-md-start">梣木</h5>
  259. <p class="fw-bold text-center text-md-start">硬度密度高,穩定、堅固、耐衝擊<br>適合製作大型家具</p>
  260. </div>
  261. <div class="col-12 col-md-4 text-center text-md-start">
  262. <img src="/img/bn_product_furniture_04_3@2x.png" alt="">
  263. <h5 class="mt-4 mb-3 text-center text-md-start">山毛櫸</h5>
  264. <p class="fw-bold text-center text-md-start">材質重、抗壓能力強,不易分裂<br>細密紋理易於加工染色</p>
  265. </div>
  266. <div class="col-12 col-md-4">
  267. <img src="/img/bn_product_furniture_04_4@2x.png" alt="">
  268. <h5 class="mt-4 mb-3 text-center text-md-start">雲杉實木</h5>
  269. <p class="fw-bold text-center text-md-start">紋理通直,富有彈性容易乾燥<br>而且具有耐磨性</p>
  270. </div>
  271. </div>
  272. <div class="row mb-5 pb-5 b-bottom">
  273. <div class="col-12">
  274. <img src="/img/bn_product_furniture_05@2x.png" alt="">
  275. </div>
  276. <div class="col-12">
  277. <img src="/img/bn_product_furniture_06@2x.png" alt="">
  278. </div>
  279. </div>
  280. <div class="row g-3 mb-5 pb-5">
  281. <div class="col-12">
  282. <img src="/img/bn_product_furniture_07@2x.png" alt="">
  283. </div>
  284. <div class="col-12 col-lg-6">
  285. <img src="/img/bn_product_furniture_08@2x.png" alt="">
  286. </div>
  287. <div class="col-12 col-lg-6">
  288. <img src="/img/bn_product_furniture_09@2x.png" alt="">
  289. </div>
  290. <div class="col-12 col-lg-6">
  291. <img src="/img/bn_product_furniture_10@2x.png" alt="">
  292. </div>
  293. <div class="col-12 col-lg-6">
  294. <img src="/img/bn_product_furniture_11@2x.png" alt="">
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. <div class="tab-pane fade" id="mattress" role="tabpanel" aria-labelledby="mattress-tab">
  300. <!-- 關於床墊 -->
  301. <div class="container" style="margin-top: 100px;">
  302. <div class="row mb-5 align-items-center b-bottom">
  303. <div class="col-12">
  304. <h5>小寶優居 zzsleeper吾居床墊</h5>
  305. <img class="my-4" src="/img/system_furniture/bn_product_bed_01@2x.png" alt="">
  306. <h5 class="my-4">找到適合自己的房子,你也該有一張適合自己的床</h5>
  307. <p class="fw-bold mb-5">一輩子的家,交給最貼心的小寶優居。<br>
  308. 三分之一的人生,就交給由專業治療師團隊組成的 ZZ 你的睡眠顧問。</p>
  309. <img src="/img/system_furniture/bn_product_bed_02@2x.png" alt="">
  310. </div>
  311. </div>
  312. <div class="row pb-5 b-bottom">
  313. <div class="col-12 col-lg-6">
  314. <h5 class="text-center text-lg-start">我們想要,給你一場無拘無束的睡眠體驗</h5>
  315. <p class="fw-bold m-0 text-center text-lg-start">
  316. ZZ五年以來,<br>
  317. 我們治療師親自服務了近6000人,<br>
  318. 客製了1832床後,<br>
  319. 根據實際數據所做出的<br>
  320. ⸺最「平衡」的一張床墊。
  321. </p>
  322. </div>
  323. <div class="col-12 col-lg-6">
  324. <img src="/img/system_furniture/bn_product_bed_03@2x.png" alt="">
  325. </div>
  326. </div>
  327. <div class="row mb-5 pb-5 align-items-center b-bottom">
  328. <div class="col-12">
  329. <h5 class="my-5">舒適與耐用兼具的獨家設計</h5>
  330. <img src="/img/system_furniture/bn_product_bed_04@2x.png" alt="">
  331. <img src="/img/system_furniture/bn_product_bed_05@2x.png" alt="">
  332. </div>
  333. </div>
  334. <div class="row pb-5 align-items-center">
  335. <div class="col-12 col-lg-6">
  336. <h5 class="text-center text-lg-start">超越獨立筒的極限抗干擾功能</h5>
  337. <p class="fw-bold m-0 text-center text-lg-start">
  338. 不管你的另一半睡姿如何,<br>
  339. 他怎麼翻身,你依然安穩。
  340. </p>
  341. </div>
  342. <div class="col-12 col-lg-6">
  343. <img src="/img/system_furniture/bn_product_bed_03@2x.png" alt="">
  344. </div>
  345. </div>
  346. <div class="bg-text">
  347. <p>住在自己喜歡的房子,睡在一張舒服的床,<br>
  348. 這是小寶優居和ZZ想給你的最棒成家禮!</p>
  349. </div>
  350. <section style="margin-top: 280px;">
  351. <h5>保固政策及售後服務</h5>
  352. <p class="mt-4">試睡期:<br>
  353. 恕不提供。因床墊屬於個人衛生用品,不適用網購7天無條件退貨條件內。<br>
  354. 新品更換判定標準:顧客收到床墊的30天內提出,屬產品瑕疵認定可更換新品。《不屬於瑕疵定義》見下方說明<br>
  355. 保固期:<br>
  356. 我們提供10年保固,範圍限於床墊主結構。以表面高低差 20% 為保固標準,意指若20公分厚之床墊,凹陷超過
  357. 4公分就算保固內。《非保固條件》見下方說明<br>
  358. 保固時間從床墊送達當天開始計算,以簽收單日期為準。<br>
  359. 售後服務:<br>
  360. 產品使用上有任何問題都可致電ZZ sleeper客服(04-22542880)或line@詢問(@zzsleeper)</p>
  361. <ul class="mt-4">
  362. <li>《不屬於瑕疵定義》</li>
  363. <li>1. 床墊本身不添加抗氧化劑等不必要的化學添加物,所以正常使用下會逐漸轉為淡黃色是自然現象,不會影響
  364. 產品功能。</li>
  365. <li>2. 製作過程中會添加的無毒介面活性劑,剛開始可能會有一點點異味,通風後大約1~2周就會完全散掉了,不用
  366. 擔心!</li>
  367. <li>3. 邊緣處可能有些許波浪狀 (切割線處) 的現象,屬正常現象,若追求完美者請勿下單。</li>
  368. <li>4. 製作過程中可能產生自然發泡的小孔洞,若孔洞在直徑1cm內,屬正常現象,若追求完美者請勿下單。</li>
  369. <li>5. 床墊尺寸長.寬.高會有些許約±2公分的誤差值為正常範圍內,若追求完美者請勿下單。</li>
  370. </ul>
  371. <ul class="mt-4">
  372. <li>《非保固條件》</li>
  373. <li>1. 床墊表布的自然損耗。</li>
  374. <li>2. 非常規使用方式,如:於床墊上跑跳、不當切割、刮傷,或不當清潔方式所導致的人為意外損壞。</li>
  375. <li>3. 受到外在因素或環境所導致的損毀、耗損,如:陽光曝曬、環境濕氣過重導致黴菌孳生、蟲害造成的問題。</li>
  376. <li>4. 因為自行搬移、拆除或者修補產品而造成的毀損。</li>
  377. <li>5. 因為天災或意外事件所引起的毀損。</li>
  378. <li>6. 贈品不在保固範圍內。</li>
  379. <li>7. 違反產品的保固權益只涵蓋原始購買人,權益不得轉讓原則。</li>
  380. </ul>
  381. </section>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. {{ partial "footer.html" . }}
  387. <!-- <div class="footer-template"></div> -->
  388. <!-- jquery -->
  389. <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script> -->
  390. <!-- bootstrap -->
  391. <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
  392. integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
  393. crossorigin="anonymous"></script>
  394. <script src="./js/index.js"></script> -->
  395. {{ partial "scripts.html" . }}
  396. </body>
  397. </html>