index.html 102 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563
  1. <!DOCTYPE html>
  2. <html lang="zh_TW">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
  7. <meta http-equiv="Cache-Control" content="no-cache">
  8. <meta name="copyright" content="2021 © 幸福空間 │ All Rights Reserved.">
  9. <meta name="creation-date" content="2021-06-16 12:00:04 GTM+8">
  10. <meta name="description" content="攜手走過疫情,幸福空間與設計師們一起邀請您打造家園">
  11. <meta name="distribution" content="Taiwan">
  12. <meta name="keywords" content="">
  13. <meta name="revisit-after" content="1 days">
  14. <meta name="robots" content="all">
  15. <meta name="format-detection" content="telephone=no">
  16. <meta property="og:description" content="攜手走過疫情,幸福空間與設計師們一起邀請您打造家園"/>
  17. <meta property="og:site_name" content="幸福空間"/>
  18. <meta property="og:title" content="攜手走過疫情,幸福空間與設計師們一起邀請您打造家園"/>
  19. <meta property="og:type" content="website"/>
  20. <meta property="og:locale" content="zh_TW">
  21. <title>攜手走過疫情,幸福空間與設計師們一起邀請您打造家園</title>
  22. <link rel="icon" href="images/favicon.ico">
  23. <link rel="stylesheet" href="css/reset.css">
  24. <link rel="stylesheet" href="css/animate.min.css">
  25. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
  26. crossorigin="anonymous">
  27. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
  28. rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
  29. crossorigin="anonymous">
  30. <link
  31. href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css"
  32. rel="stylesheet"
  33. />
  34. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  35. <link rel="stylesheet" href="css/owl.carousel.min.css">
  36. <link rel="stylesheet" href="css/owl.theme.default.min.css">
  37. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
  38. <link rel="stylesheet" href="css/style.css">
  39. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  40. </head>
  41. <body>
  42. <div style="overflow-x:hidden;">
  43. <!-- Header -->
  44. <header class="header">
  45. <div class="header__logo-box">
  46. <a href="https://hhh.com.tw/" class="header__logo"></a>
  47. <hr class="header__line">
  48. </div>
  49. <div class="header__text-box">
  50. <img class="title__img d-none d-md-block" src="images/title_pc.webp" alt="">
  51. <img class="title__img d-block d-md-none" src="images/title_pc.webp" alt="">
  52. <img class="pen__img" src="images/pencil.png">
  53. </div>
  54. <div class="header__polygon-box">
  55. <img src="./images/Polygon.webp" width="28px" alt="">
  56. <img src="./images/Polygon.webp" width="28px" alt="">
  57. <img src="./images/Polygon.webp" width="28px" alt="">
  58. </div>
  59. </header>
  60. <!-- Path -->
  61. <div class='deco__path1'>
  62. <img src="images/Path1.webp" alt="" >
  63. </div>
  64. <!-- 活動辦法 -->
  65. <section class="regulation">
  66. <img class="regulation__square d-none d-md-block" src="images/squares.webp" alt="" width="180px" height="170px">
  67. <img class="regulation__cricle d-none d-md-block" src="images/circle.webp" alt="" width="80px" >
  68. <img class="regulation__line d-none d-md-block" src="images/curve_line4.webp" alt="" width="420px">
  69. <div class="regulation__box">
  70. <h3 class="regulation__box__title">活動辦法</h3>
  71. <div class="regulation__box__list">
  72. <ol class="ps-0">
  73. <li>1. 民眾收到行銷訊息之後,至本行銷活動專屬頁面完成問券,以及個資填寫,即可收到本活動“折價券”。</li>
  74. <li>2. 與幸福空間平台上,“指定設計師”洽談,並且與設計師表示想要參加本活動,指定設計師一覽表如下。
  75. </li>
  76. <li>3. 與“指定設計師”簽約完成,並於合約簽訂時出示“折價券”,立享合約總金額再折5萬元!
  77. </li>
  78. <li>4. 設計師保留最終合約簽訂與否權利。</li>
  79. <li>5. 5萬元折價券可分別於設計約,以及工程約使用。</li>
  80. <li>6. 若僅簽訂設計合約,恕不適用本活動。</li>
  81. <li>7. 若設計師想主動提供屋主優惠,可邀請屋主參與活動,並獲得折價券。</li>
  82. <li>8. 活動時間:即日起至8/31為止,以合約簽訂時間為準。</li>
  83. <li>9. 幸福空間保有最終修改,變動,活動解釋以及取消本活動之權利,任何相關異動,將於幸福空間官網公布,不另行通知。</li>
  84. </ol>
  85. </div>
  86. </div>
  87. <div class="regulation__imgbox">
  88. </div>
  89. </section>
  90. <section class="designers">
  91. <small class="designers__small">Designated Designers</small>
  92. <h2 class="designers__title">指定設計師</h2>
  93. <img class="designers__left d-none d-md-block" src="images/workspace1.webp" alt="" width="400px">
  94. <img class="designers__cricle d-none d-md-block" src="images/circle.webp" alt="" width="65px" >
  95. <!-- pc-carousel -->
  96. <div class="d-none d-md-block">
  97. <ul class="nav nav-tabs mb-3 " id="ex1" role="tablist">
  98. <li class="nav-item" role="presentation">
  99. <a
  100. class="nav-link active"
  101. id="ex1-tab-1"
  102. data-mdb-toggle="tab"
  103. href="#ex1-tabs-1"
  104. role="tab"
  105. aria-controls="ex1-tabs-1"
  106. aria-selected="true"
  107. >雙 北</a
  108. >
  109. </li>
  110. <li class="nav-item" role="presentation">
  111. <a
  112. class="nav-link"
  113. id="ex1-tab-2"
  114. data-mdb-toggle="tab"
  115. href="#ex1-tabs-2"
  116. role="tab"
  117. aria-controls="ex1-tabs-2"
  118. aria-selected="false"
  119. >桃竹苗</a
  120. >
  121. </li>
  122. <li class="nav-item" role="presentation">
  123. <a
  124. class="nav-link"
  125. id="ex1-tab-3"
  126. data-mdb-toggle="tab"
  127. href="#ex1-tabs-3"
  128. role="tab"
  129. aria-controls="ex1-tabs-3"
  130. aria-selected="false"
  131. >中彰投</a
  132. >
  133. </li>
  134. <li class="nav-item" role="presentation">
  135. <a
  136. class="nav-link"
  137. id="ex1-tab-4"
  138. data-mdb-toggle="tab"
  139. href="#ex1-tabs-4"
  140. role="tab"
  141. aria-controls="ex1-tabs-4"
  142. aria-selected="false"
  143. >雲嘉南</a
  144. >
  145. </li>
  146. <li class="nav-item" role="presentation">
  147. <a
  148. class="nav-link"
  149. id="ex1-tab-5"
  150. data-mdb-toggle="tab"
  151. href="#ex1-tabs-5"
  152. role="tab"
  153. aria-controls="ex1-tabs-5"
  154. aria-selected="false"
  155. >高高屏</a
  156. >
  157. </li>
  158. <li class="nav-item" role="presentation">
  159. <a
  160. class="nav-link"
  161. id="ex1-tab-6"
  162. data-mdb-toggle="tab"
  163. href="#ex1-tabs-6"
  164. role="tab"
  165. aria-controls="ex1-tabs-6"
  166. aria-selected="false"
  167. >不 限</a
  168. >
  169. </li>
  170. </ul>
  171. </div>
  172. <div class="tab-content d-none d-md-block" id="ex1-content">
  173. <div class="tab-pane show active" id="ex1-tabs-1" role="tabpanel" aria-labelledby="ex1-tab-1">
  174. <div class="owl-carousel owl-theme d-none d-md-block owl-carousel-pc">
  175. <div class="container-fluid item">
  176. <div class="row g-4">
  177. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/448/1-page/new-sort/" target="_blank">
  178. <div class="designers__card__imgfr"><img src="images/webps/448.webp" alt=""></div>
  179. <div class="designers__card__text">
  180. <p><strong>林繹寬&卓林設計團隊</strong></p>
  181. <p>卓林室內設計有限公司</p>
  182. </div>
  183. </a>
  184. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/405/1-page/new-sort/" target="_blank">
  185. <div class="designers__card__imgfr"><img src="images/webps/405.webp" alt=""></div>
  186. <div class="designers__card__text">
  187. <p><strong>羅靜如&林保秀</strong></p>
  188. <p>映荷空間設計</p>
  189. </div>
  190. </a>
  191. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/31/1-page/new-sort/" target="_blank">
  192. <div class="designers__card__imgfr"><img src="images/webps/31.webp" alt=""></div>
  193. <div class="designers__card__text">
  194. <p><strong>陳錦樹</strong></p>
  195. <p>富億空間設計</p>
  196. </div>
  197. </a>
  198. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/536/1-page/new-sort/" target="_blank">
  199. <div class="designers__card__imgfr"><img src="images/webps/536.webp" alt=""></div>
  200. <div class="designers__card__text">
  201. <p><strong>葉佳奇</strong></p>
  202. <p>苡希創意設計有限公司</p>
  203. </div>
  204. </a>
  205. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/301/1-page/new-sort/" target="_blank">
  206. <div class="designers__card__imgfr"><img src="images/webps/301.webp" alt=""></div>
  207. <div class="designers__card__text">
  208. <p><strong>李宗育</strong></p>
  209. <p>YS暘昇國際室內裝修工程有限公司</p>
  210. </div>
  211. </a>
  212. </div>
  213. <div class="row g-4">
  214. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/101/1-page/new-sort/" target="_blank">
  215. <div class="designers__card__imgfr"><img src="images/webps/101.webp" alt=""></div>
  216. <div class="designers__card__text">
  217. <p><strong>鄭秋如</strong></p>
  218. <p>尚屋設計</p>
  219. </div>
  220. </a>
  221. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/719/1-page/new-sort/" target="_blank">
  222. <div class="designers__card__imgfr"><img src="images/webps/719.webp" alt=""></div>
  223. <div class="designers__card__text">
  224. <p><strong>蔡承軒</strong></p>
  225. <p>湧緻開發工程</p>
  226. </div>
  227. </a>
  228. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/706/1-page/new-sort/" target="_blank">
  229. <div class="designers__card__imgfr"><img src="images/webps/706.webp" alt=""></div>
  230. <div class="designers__card__text">
  231. <p><strong>李宜蔓</strong></p>
  232. <p>麻石設計</p>
  233. </div>
  234. </a>
  235. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/702/1-page/new-sort/" target="_blank">
  236. <div class="designers__card__imgfr"><img src="images/webps/702.webp" alt=""></div>
  237. <div class="designers__card__text">
  238. <p><strong>李佳蓉</strong></p>
  239. <p>綠竹室內裝修設計有限公司</p>
  240. </div>
  241. </a>
  242. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/145/1-page/new-sort/" target="_blank">
  243. <div class="designers__card__imgfr"><img src="images/webps/145.webp" alt=""></div>
  244. <div class="designers__card__text">
  245. <p><strong>張凱</strong></p>
  246. <p>惹雅國際設計</p>
  247. </div>
  248. </a>
  249. </div>
  250. <div class="row g-4">
  251. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/720/1-page/new-sort/" target="_blank">
  252. <div class="designers__card__imgfr"><img src="images/webps/720.webp" alt=""></div>
  253. <div class="designers__card__text">
  254. <p><strong>秦詣擎 劉瀚陽 陳正倫</strong></p>
  255. <p>緣初設計</p>
  256. </div>
  257. </a>
  258. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/332/1-page/new-sort/" target="_blank">
  259. <div class="designers__card__imgfr"><img src="images/webps/332.webp" alt=""></div>
  260. <div class="designers__card__text">
  261. <p><strong>鄭抿丹</strong></p>
  262. <p>澄境室內設計有限公司</p>
  263. </div>
  264. </a>
  265. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/714/1-page/new-sort/" target="_blank">
  266. <div class="designers__card__imgfr"><img src="images/webps/714.webp" alt=""></div>
  267. <div class="designers__card__text">
  268. <p><strong>陳逸詳執行長&陳品瑄</strong></p>
  269. <p>橙藝室內裝修工程有限公司</p>
  270. </div>
  271. </a>
  272. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/491/1-page/new-sort/" target="_blank">
  273. <div class="designers__card__imgfr"><img src="images/webps/491.webp" alt=""></div>
  274. <div class="designers__card__text">
  275. <p><strong>黃仲均</strong></p>
  276. <p>優尼客空間設計有限公司</p>
  277. </div>
  278. </a>
  279. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/520/1-page/new-sort/" target="_blank">
  280. <div class="designers__card__imgfr"><img src="images/webps/520.webp" alt="" width="100px"></div>
  281. <div class="designers__card__text">
  282. <p><strong>邱沛彤</strong></p>
  283. <p>祥祥設計有限公司</p>
  284. </div>
  285. </a>
  286. </div>
  287. </div>
  288. <div class="container-fluid item">
  289. <div class="row g-4">
  290. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/718/1-page/new-sort/" target="_blank">
  291. <div class="designers__card__imgfr"><img src="images/webps/718.webp" alt=""></div>
  292. <div class="designers__card__text">
  293. <p><strong>楊佳惠</strong></p>
  294. <p>鼎毓室內裝修設計工程有限公司</p>
  295. </div>
  296. </a>
  297. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/447/1-page/new-sort/" target="_blank">
  298. <div class="designers__card__imgfr"><img src="images/webps/447.webp" alt=""></div>
  299. <div class="designers__card__text">
  300. <p><strong>蔡岳儒</strong></p>
  301. <p>恆岳空間設計</p>
  302. </div>
  303. </a>
  304. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/363/1-page/new-sort/" target="_blank">
  305. <div class="designers__card__imgfr"><img src="images/webps/363.webp" alt=""></div>
  306. <div class="designers__card__text">
  307. <p><strong>廖笠庭&周言叡</strong></p>
  308. <p>雲司國際設計</p>
  309. </div>
  310. </a>
  311. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/98/1-page/new-sort/" target="_blank">
  312. <div class="designers__card__imgfr"><img src="images/webps/98.webp" alt=""></div>
  313. <div class="designers__card__text">
  314. <p><strong>楊煥生&郭士豪</strong></p>
  315. <p>YHS DESIGN</p>
  316. </div>
  317. </a>
  318. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/685/1-page/new-sort/" target="_blank">
  319. <div class="designers__card__imgfr"><img src="images/webps/685.webp" alt=""></div>
  320. <div class="designers__card__text">
  321. <p><strong>林豋瀚</strong></p>
  322. <p>藝大利國際設計</p>
  323. </div>
  324. </a>
  325. </div>
  326. <div class="row g-4">
  327. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/315/1-page/new-sort/" target="_blank">
  328. <div class="designers__card__imgfr"><img src="images/webps/315.webp" alt=""></div>
  329. <div class="designers__card__text">
  330. <p><strong>邱郁雯</strong></p>
  331. <p>原境國際室內設計</p>
  332. </div>
  333. </a>
  334. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/510/1-page/new-sort/" target="_blank">
  335. <div class="designers__card__imgfr"><img src="images/webps/510.webp" alt=""></div>
  336. <div class="designers__card__text">
  337. <p><strong>謝張志昇&林宗儀</strong></p>
  338. <p>禾熙室內裝修設計有限公司</p>
  339. </div>
  340. </a>
  341. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/72/1-page/new-sort/" target="_blank">
  342. <div class="designers__card__imgfr"><img src="images/webps/72.webp" alt=""></div>
  343. <div class="designers__card__text">
  344. <p><strong>陳永祥</strong></p>
  345. <p>依舍&筑域國際空間設計</p>
  346. </div>
  347. </a>
  348. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/611/1-page/new-sort/" target="_blank">
  349. <div class="designers__card__imgfr"><img src="images/webps/611.webp" alt=""></div>
  350. <div class="designers__card__text">
  351. <p><strong>莊庭緯</strong></p>
  352. <p>霆沃空間設計</p>
  353. </div>
  354. </a>
  355. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/593/1-page/new-sort/" target="_blank">
  356. <div class="designers__card__imgfr"><img src="images/webps/593.webp" alt=""></div>
  357. <div class="designers__card__text">
  358. <p><strong>簡伯諺</strong></p>
  359. <p>鼎士達室內裝修企劃</p>
  360. </div>
  361. </a>
  362. </div>
  363. <div class="row g-4">
  364. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/465/1-page/new-sort/" target="_blank">
  365. <div class="designers__card__imgfr"><img src="images/webps/465.webp" alt=""></div>
  366. <div class="designers__card__text">
  367. <p><strong>劉獻文</strong></p>
  368. <p>垼程聯合建築師事務所&浮見月設計工程有限公司</p>
  369. </div>
  370. </a>
  371. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/32/1-page/new-sort/" target="_blank">
  372. <div class="designers__card__imgfr"><img src="images/webps/32.webp" alt=""></div>
  373. <div class="designers__card__text">
  374. <p><strong>吳函霖</strong></p>
  375. <p>理揚室內設計有限公司</p>
  376. </div>
  377. </a>
  378. <a class="col designers__card" href="www.hyper-string.com.tw" target="_blank">
  379. <div class="designers__card__imgfr"><img src="images/webps/弦鉅.webp" alt=""></div>
  380. <div class="designers__card__text">
  381. <p><strong>洪瑋寧</strong></p>
  382. <p>弦鉅設計有限公司</p>
  383. </div>
  384. </a>
  385. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/505/1-page/new-sort/" target="_blank">
  386. <div class="designers__card__imgfr"><img src="images/webps/505.webp" alt=""></div>
  387. <div class="designers__card__text">
  388. <p><strong>胡捷荏</strong></p>
  389. <p>橙碩室內設計</p>
  390. </div>
  391. </a>
  392. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/506/1-page/new-sort/" target="_blank">
  393. <div class="designers__card__imgfr"><img src="images/webps/506.webp" alt=""></div>
  394. <div class="designers__card__text">
  395. <p><strong>任依仁&張庭熙&林魁堅</strong></p>
  396. <p>大晴國際室內裝修設計股份有限公司</p>
  397. </div>
  398. </a>
  399. </div>
  400. </div>
  401. <div class="container-fluid item">
  402. <div class="row g-4">
  403. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/554/1-page/new-sort/" target="_blank">
  404. <div class="designers__card__imgfr"><img src="images/webps/554.webp" alt=""></div>
  405. <div class="designers__card__text">
  406. <p><strong>劉嘉雯&吉作室內設計團隊</strong><br><small>室內設計團隊</small></p>
  407. <p>吉作室內裝修有限公司</p>
  408. </div>
  409. </a>
  410. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/668/1-page/new-sort/" target="_blank">
  411. <div class="designers__card__imgfr"><img src="images/webps/668.webp" alt=""></div>
  412. <div class="designers__card__text">
  413. <p><strong>汪孟臻</strong></p>
  414. <p>承炫裝修有限公司</p>
  415. </div>
  416. </a>
  417. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/666/1-page/new-sort/" target="_blank">
  418. <div class="designers__card__imgfr"><img src="images/webps/666.webp" alt=""></div>
  419. <div class="designers__card__text">
  420. <p><strong>王川仁</strong></p>
  421. <p>周石室內裝修設計有限公司</p>
  422. </div>
  423. </a>
  424. </div>
  425. <div class="row g-4">
  426. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/682/1-page/new-sort/" target="_blank">
  427. <div class="designers__card__imgfr"><img src="images/webps/682.webp" alt=""></div>
  428. <div class="designers__card__text">
  429. <p><strong>魏騰峰&鄧有任</strong></p>
  430. <p>樺研室內設計</p>
  431. </div>
  432. </a>
  433. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/675/1-page/new-sort/" target="_blank">
  434. <div class="designers__card__imgfr"><img src="images/webps/675.webp" alt=""></div>
  435. <div class="designers__card__text">
  436. <p><strong>莊金隆</strong></p>
  437. <p>豐臣室內裝修設計有限公司</p>
  438. </div>
  439. </a>
  440. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/688/1-page/new-sort/" target="_blank">
  441. <div class="designers__card__imgfr"><img src="images/webps/688.webp" alt=""></div>
  442. <div class="designers__card__text">
  443. <p><strong>王誌霆</strong></p>
  444. <p>富麗室內裝修設計</p>
  445. </div>
  446. </a>
  447. </div>
  448. <div class="row g-4 mx-0" style="width:98%;">
  449. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/589/1-page/new-sort/" target="_blank">
  450. <div class="designers__card__imgfr"><img src="images/webps/589.webp" alt=""></div>
  451. <div class="designers__card__text">
  452. <p><strong>林昱村</strong></p>
  453. <p>弘悅空間事務所</p>
  454. </div>
  455. </a>
  456. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/639/1-page/new-sort/" target="_blank">
  457. <div class="designers__card__imgfr"><img src="images/webps/639.webp" alt=""></div>
  458. <div class="designers__card__text">
  459. <p><strong>許捷甯</strong></p>
  460. <p>艾美幸福設計有限公司</p>
  461. </div>
  462. </a>
  463. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/148/1-page/new-sort/" target="_blank">
  464. <div class="designers__card__imgfr"><img src="images/webps/694.webp" alt="" width="100px"></div>
  465. <div class="designers__card__text">
  466. <p><strong>陳弘芫</strong></p>
  467. <p>禾郅室內設計</p>
  468. </div>
  469. </a>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. <div class="tab-pane" id="ex1-tabs-2" role="tabpanel" aria-labelledby="ex1-tabs-2">
  475. <div class="container-fluid d-none d-md-block">
  476. <div class="row g-4">
  477. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/699/1-page/new-sort/" target="_blank">
  478. <div class="designers__card__imgfr"><img src="images/webps/699.webp" alt=""></div>
  479. <div class="designers__card__text">
  480. <p><strong>Louis Jack</strong></p>
  481. <p>帝鼎&方源室內設計</p>
  482. </div>
  483. </a>
  484. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/404/1-page/new-sort/" target="_blank">
  485. <div class="designers__card__imgfr"><img src="images/webps/404.webp" alt=""></div>
  486. <div class="designers__card__text">
  487. <p><strong>蔡林沖</strong></p>
  488. <p>彙禾設計</p>
  489. </div>
  490. </a>
  491. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/705/1-page/new-sort/" target="_blank">
  492. <div class="designers__card__imgfr"><img src="images/webps/705.webp" alt=""></div>
  493. <div class="designers__card__text">
  494. <p><strong>鄧湘盈</strong></p>
  495. <p>恆星設計</p>
  496. </div>
  497. </a>
  498. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/531/1-page/new-sort/" target="_blank">
  499. <div class="designers__card__imgfr"><img src="images/webps/531.webp" alt=""></div>
  500. <div class="designers__card__text">
  501. <p><strong>吳樂琦</strong></p>
  502. <p>合唯室內裝修設計有限公司</p>
  503. </div>
  504. </a>
  505. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/542/1-page/new-sort/" target="_blank">
  506. <div class="designers__card__imgfr"><img src="images/webps/542.webp" alt=""></div>
  507. <div class="designers__card__text">
  508. <p><strong>涂義傑&柏爾設計團隊</strong></p>
  509. <p>柏爾室內設計事務所</p>
  510. </div>
  511. </a>
  512. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/418/1-page/new-sort/" target="_blank">
  513. <div class="designers__card__imgfr"><img src="images/webps/418.webp" alt=""></div>
  514. <div class="designers__card__text">
  515. <p><strong>盧慧珊&采品設計團隊</strong></p>
  516. <p>采品室內設計</p>
  517. </div>
  518. </a>
  519. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/158/1-page/new-sort/" target="_blank">
  520. <div class="designers__card__imgfr"><img src="images/webps/158.webp" alt=""></div>
  521. <div class="designers__card__text">
  522. <p><strong>王立崢</strong></p>
  523. <p>京彩室內設計</p>
  524. </div>
  525. </a>
  526. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/711/1-page/new-sort/" target="_blank">
  527. <div class="designers__card__imgfr"><img src="images/webps/711.webp" alt=""></div>
  528. <div class="designers__card__text">
  529. <p><strong>蘇智銘</strong></p>
  530. <p>富陞空間設計</p>
  531. </div>
  532. </a>
  533. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/382/1-page/new-sort/" target="_blank">
  534. <div class="designers__card__imgfr"><img src="images/webps/382.webp" alt=""></div>
  535. <div class="designers__card__text">
  536. <p><strong>徐以倫</strong></p>
  537. <p>微自然室內裝修設計有限公司</p>
  538. </div>
  539. </a>
  540. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/514/1-page/new-sort/" target="_blank">
  541. <div class="designers__card__imgfr"><img src="images/webps/514.webp" alt=""></div>
  542. <div class="designers__card__text">
  543. <p><strong>林志豪</strong></p>
  544. <p>巧軒空間設計有限公司</p>
  545. </div>
  546. </a>
  547. <div class="row g-4">
  548. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/663/1-page/new-sort/" target="_blank">
  549. <div class="designers__card__imgfr"><img src="images/webps/663.webp" alt=""></div>
  550. <div class="designers__card__text">
  551. <p><strong>陳星龍</strong></p>
  552. <p>SD_Design 空間設計</p>
  553. </div>
  554. </a>
  555. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/723/1-page/new-sort/" target="_blank">
  556. <div class="designers__card__imgfr"><img src="images/webps/723.webp" alt=""></div>
  557. <div class="designers__card__text">
  558. <p><strong>林慧珊</strong></p>
  559. <p>菓子空間室內設計</p>
  560. </div>
  561. </a>
  562. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/710/1-page/new-sort/" target="_blank">
  563. <div class="designers__card__imgfr"><img src="images/webps/710.webp" alt=""></div>
  564. <div class="designers__card__text">
  565. <p><strong>陳佳暄&林威任</strong></p>
  566. <p>安喆空間設計</p>
  567. </div>
  568. </a>
  569. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/694/1-page/new-sort/" target="_blank">
  570. <div class="designers__card__imgfr"><img src="images/webps/694.webp" alt="" width="100px"></div>
  571. <div class="designers__card__text">
  572. <p><strong>張躍騰</strong></p>
  573. <p>澄築室內裝修有限公司</p>
  574. </div>
  575. </a>
  576. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/573/1-page/new-sort/" target="_blank">
  577. <div class="designers__card__imgfr"><img src="images/webps/573.webp" alt=""></div>
  578. <div class="designers__card__text">
  579. <p><strong>詹晧</strong></p>
  580. <p>詹晧室內裝修設計有限公司</p>
  581. </div>
  582. </a>
  583. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/678/1-page/new-sort/" target="_blank">
  584. <div class="designers__card__imgfr"><img src="images/webps/678.webp" alt=""></div>
  585. <div class="designers__card__text">
  586. <p><strong>陸冠穎</strong></p>
  587. <p>含仰空間設計</p>
  588. </div>
  589. </a>
  590. <a class="col designers__card" target="_blank">
  591. </a>
  592. <a class="col designers__card" target="_blank">
  593. </a>
  594. <a class="col designers__card" target="_blank">
  595. </a>
  596. <a class="col designers__card" target="_blank">
  597. </a>
  598. </div>
  599. </div>
  600. </div>
  601. </div>
  602. <div class="tab-pane" id="ex1-tabs-3" role="tabpanel" aria-labelledby="ex1-tabs-3">
  603. <div class="container-fluid d-none d-md-block">
  604. <div class="row g-4">
  605. <a class="col designers__card" href="https://www.feather-interiordesign.com/" target="_blank">
  606. <div class="designers__card__imgfr"><img src="images/webps/羽築.webp" alt="" width="100px"></div>
  607. <div class="designers__card__text">
  608. <p><strong>徐汎羽</strong></p>
  609. <p>羽築空間設計</p>
  610. </div>
  611. </a>
  612. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/19/1-page/new-sort/" target="_blank">
  613. <div class="designers__card__imgfr"><img src="images/webps/19.webp" alt=""></div>
  614. <div class="designers__card__text">
  615. <p><strong>陳為彤</strong></p>
  616. <p>由非室內裝修設計有限公司</p>
  617. </div>
  618. </a>
  619. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/713/1-page/new-sort/" target="_blank">
  620. <div class="designers__card__imgfr"><img src="images/webps/713.webp" alt=""></div>
  621. <div class="designers__card__text">
  622. <p><strong>陳奕訢</strong></p>
  623. <p>傑詩設計</p>
  624. </div>
  625. </a>
  626. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/598/1-page/new-sort/" target="_blank">
  627. <div class="designers__card__imgfr"><img src="images/webps/598.webp" alt=""></div>
  628. <div class="designers__card__text">
  629. <p><strong>林育正</strong></p>
  630. <p>栩.室內設計</p>
  631. </div>
  632. </a>
  633. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/586/1-page/new-sort/" target="_blank">
  634. <div class="designers__card__imgfr"><img src="images/webps/586.webp" alt=""></div>
  635. <div class="designers__card__text">
  636. <p><strong>張于廷</strong></p>
  637. <p>澤序空間設計有限公司</p>
  638. </div>
  639. </a>
  640. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/721/1-page/new-sort/" target="_blank">
  641. <div class="designers__card__imgfr"><img src="images/webps/721.webp" alt=""></div>
  642. <div class="designers__card__text">
  643. <p><strong>黃金旭</strong></p>
  644. <p>大言室內裝修有限公司</p>
  645. </div>
  646. </a>
  647. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/177/1-page/new-sort/" target="_blank">
  648. <div class="designers__card__imgfr"><img src="images/webps/177.webp" alt=""></div>
  649. <div class="designers__card__text">
  650. <p><strong>古振宏</strong></p>
  651. <p>子境室內裝修設計工程有限公司</p>
  652. </div>
  653. </a>
  654. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/700/1-page/new-sort/" target="_blank">
  655. <div class="designers__card__imgfr"><img src="images/webps/700.webp" alt=""></div>
  656. <div class="designers__card__text">
  657. <p><strong>許書銘</strong></p>
  658. <p>寶誠空間美學有限公司</p>
  659. </div>
  660. </a>
  661. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/673/1-page/new-sort/" target="_blank">
  662. <div class="designers__card__imgfr"><img src="images/webps/673.webp" alt=""></div>
  663. <div class="designers__card__text">
  664. <p><strong>謝金廷</strong></p>
  665. <p>日常陽空間設計有限公司</p>
  666. </div>
  667. </a>
  668. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/594/1-page/new-sort/" target="_blank">
  669. <div class="designers__card__imgfr"><img src="images/webps/594.webp" alt=""></div>
  670. <div class="designers__card__text">
  671. <p><strong>魏子涵</strong></p>
  672. <p>上築空間設計</p>
  673. </div>
  674. </a>
  675. </div>
  676. </div>
  677. </div>
  678. <div class="tab-pane" id="ex1-tabs-4" role="tabpanel" aria-labelledby="ex1-tabs-4">
  679. <div class="container-fluid d-none d-md-block">
  680. <div class="row g-4">
  681. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/704/1-page/new-sort/" target="_blank">
  682. <div class="designers__card__imgfr"><img src="images/webps/704.webp" alt=""></div>
  683. <div class="designers__card__text">
  684. <p><strong>蔡尚倫</strong></p>
  685. <p>洛克空間設計開發有限公司</p>
  686. </div>
  687. </a>
  688. </div>
  689. </div>
  690. </div>
  691. <div class="tab-pane" id="ex1-tabs-5" role="tabpanel" aria-labelledby="ex1-tabs-5">
  692. <div class="container-fluid d-none d-md-block">
  693. <div class="row g-4">
  694. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/347/1-page/new-sort/" target="_blank">
  695. <div class="designers__card__imgfr"><img src="images/webps/347.webp" alt=""></div>
  696. <div class="designers__card__text">
  697. <p><strong>李千惠</strong></p>
  698. <p>千綵胤空間設計有限公司</p>
  699. </div>
  700. </a>
  701. </div>
  702. </div>
  703. </div>
  704. <div class="tab-pane" id="ex1-tabs-6" role="tabpanel" aria-labelledby="ex1-tabs-6">
  705. <div class="container-fluid d-none d-md-block">
  706. <div class="row g-4">
  707. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/716/1-page/new-sort/" target="_blank">
  708. <div class="designers__card__imgfr"><img src="images/webps/716.webp" alt=""></div>
  709. <div class="designers__card__text">
  710. <p><strong>小寶優居設計團隊</strong></p>
  711. <p>小寶優居</p>
  712. </div>
  713. </a>
  714. </div>
  715. </div>
  716. </div>
  717. </div>
  718. <div class="d-block d-md-none tabdiv">
  719. <ul class="nav nav-tabs mb-1" id="ph1" role="tablist">
  720. <li class="nav-item" role="presentation">
  721. <a
  722. class="nav-link active"
  723. id="ph1-tab-1"
  724. data-mdb-toggle="tab"
  725. href="#ph1-tabs-1"
  726. role="tab"
  727. aria-controls="ph1-tabs-1"
  728. aria-selected="true"
  729. >雙北</a
  730. >
  731. </li>
  732. <li class="nav-item" role="presentation">
  733. <a
  734. class="nav-link"
  735. id="ph1-tab-2"
  736. data-mdb-toggle="tab"
  737. href="#ph1-tabs-2"
  738. role="tab"
  739. aria-controls="ph1-tabs-2"
  740. aria-selected="false"
  741. >桃竹苗</a
  742. >
  743. </li>
  744. <li class="nav-item" role="presentation">
  745. <a
  746. class="nav-link"
  747. id="ph1-tab-3"
  748. data-mdb-toggle="tab"
  749. href="#ph1-tabs-3"
  750. role="tab"
  751. aria-controls="ph1-tabs-3"
  752. aria-selected="false"
  753. >中彰投</a
  754. >
  755. </li>
  756. <li class="nav-item" role="presentation">
  757. <a
  758. class="nav-link"
  759. id="ph1-tab-4"
  760. data-mdb-toggle="tab"
  761. href="#ph1-tabs-4"
  762. role="tab"
  763. aria-controls="ph1-tabs-4"
  764. aria-selected="false"
  765. >雲嘉南</a
  766. >
  767. </li>
  768. <li class="nav-item" role="presentation">
  769. <a
  770. class="nav-link"
  771. id="ph1-tab-5"
  772. data-mdb-toggle="tab"
  773. href="#ph1-tabs-5"
  774. role="tab"
  775. aria-controls="ph1-tabs-5"
  776. aria-selected="false"
  777. >高高屏</a
  778. >
  779. </li>
  780. <li class="nav-item" role="presentation">
  781. <a
  782. class="nav-link"
  783. id="ph1-tab-6"
  784. data-mdb-toggle="tab"
  785. href="#ph1-tabs-6"
  786. role="tab"
  787. aria-controls="ph1-tabs-6"
  788. aria-selected="false"
  789. >不限</a
  790. >
  791. </li>
  792. </ul>
  793. </div>
  794. <div class="tab-content d-block d-md-none" id="ph1-content">
  795. <div class="tab-pane show active" id="ph1-tabs-1" role="tabpanel" aria-labelledby="ph1-tab-1">
  796. <div class="owl-carousel owl-theme d-block d-md-none owl-carousel-mb">
  797. <div class="container-fluid item">
  798. <div class="row g-4">
  799. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/448/1-page/new-sort/" target="_blank">
  800. <div class="designers__card__imgfr"><img src="images/webps/448.webp" alt=""></div>
  801. <div class="designers__card__text">
  802. <p><strong>林繹寬&卓林設計團隊</strong></p>
  803. <p>卓林室內設計有限公司</p>
  804. </div>
  805. </a>
  806. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/405/1-page/new-sort/" target="_blank">
  807. <div class="designers__card__imgfr"><img src="images/webps/405.webp" alt=""></div>
  808. <div class="designers__card__text">
  809. <p><strong>羅靜如&林保秀</strong></p>
  810. <p>映荷空間設計</p>
  811. </div>
  812. </a>
  813. </div>
  814. <div class="row g-4">
  815. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/31/1-page/new-sort/" target="_blank">
  816. <div class="designers__card__imgfr"><img src="images/webps/31.webp" alt=""></div>
  817. <div class="designers__card__text">
  818. <p><strong>陳錦樹</strong></p>
  819. <p>富億空間設計</p>
  820. </div>
  821. </a>
  822. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/536/1-page/new-sort/" target="_blank">
  823. <div class="designers__card__imgfr"><img src="images/webps/536.webp" alt=""></div>
  824. <div class="designers__card__text">
  825. <p><strong>葉佳奇</strong></p>
  826. <p>苡希創意設計有限公司</p>
  827. </div>
  828. </a>
  829. </div>
  830. <div class="row g-4">
  831. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/301/1-page/new-sort/" target="_blank">
  832. <div class="designers__card__imgfr"><img src="images/webps/301.webp" alt=""></div>
  833. <div class="designers__card__text">
  834. <p><strong>李宗育</strong></p>
  835. <p>YS暘昇國際室內裝修工程有限公司</p>
  836. </div>
  837. </a>
  838. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/101/1-page/new-sort/" target="_blank">
  839. <div class="designers__card__imgfr"><img src="images/webps/101.webp" alt=""></div>
  840. <div class="designers__card__text">
  841. <p><strong>鄭秋如</strong></p>
  842. <p>尚屋設計</p>
  843. </div>
  844. </a>
  845. </div>
  846. </div>
  847. <div class="container-fluid item">
  848. <div class="row g-4">
  849. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/719/1-page/new-sort/" target="_blank">
  850. <div class="designers__card__imgfr"><img src="images/webps/719.webp" alt=""></div>
  851. <div class="designers__card__text">
  852. <p><strong>蔡承軒</strong></p>
  853. <p>湧緻開發工程</p>
  854. </div>
  855. </a>
  856. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/706/1-page/new-sort/" target="_blank">
  857. <div class="designers__card__imgfr"><img src="images/webps/706.webp" alt=""></div>
  858. <div class="designers__card__text">
  859. <p><strong>李宜蔓</strong></p>
  860. <p>麻石設計</p>
  861. </div>
  862. </a>
  863. </div>
  864. <div class="row g-4">
  865. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/702/1-page/new-sort/" target="_blank">
  866. <div class="designers__card__imgfr"><img src="images/webps/702.webp" alt=""></div>
  867. <div class="designers__card__text">
  868. <p><strong>李佳蓉</strong></p>
  869. <p>綠竹室內裝修設計有限公司</p>
  870. </div>
  871. </a>
  872. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/145/1-page/new-sort/" target="_blank">
  873. <div class="designers__card__imgfr"><img src="images/webps/145.webp" alt=""></div>
  874. <div class="designers__card__text">
  875. <p><strong>張凱</strong></p>
  876. <p>惹雅國際設計</p>
  877. </div>
  878. </a>
  879. </div>
  880. <div class="row g-4">
  881. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/720/1-page/new-sort/" target="_blank">
  882. <div class="designers__card__imgfr"><img src="images/webps/720.webp" alt=""></div>
  883. <div class="designers__card__text">
  884. <p><strong>秦詣擎 劉瀚陽 陳正倫</strong></p>
  885. <p>緣初設計</p>
  886. </div>
  887. </a>
  888. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/332/1-page/new-sort/" target="_blank">
  889. <div class="designers__card__imgfr"><img src="images/webps/332.webp" alt=""></div>
  890. <div class="designers__card__text">
  891. <p><strong>鄭抿丹</strong></p>
  892. <p>澄境室內設計有限公司</p>
  893. </div>
  894. </a>
  895. </div>
  896. </div>
  897. <div class="container-fluid item">
  898. <div class="row g-4">
  899. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/714/1-page/new-sort/" target="_blank">
  900. <div class="designers__card__imgfr"><img src="images/webps/714.webp" alt=""></div>
  901. <div class="designers__card__text">
  902. <p><strong>陳逸詳執行長&陳品瑄</strong></p>
  903. <p>橙藝室內裝修工程有限公司</p>
  904. </div>
  905. </a>
  906. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/491/1-page/new-sort/" target="_blank">
  907. <div class="designers__card__imgfr"><img src="images/webps/491.webp" alt=""></div>
  908. <div class="designers__card__text">
  909. <p><strong>黃仲均</strong></p>
  910. <p>優尼客空間設計有限公司</p>
  911. </div>
  912. </a>
  913. </div>
  914. <div class="row g-4">
  915. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/520/1-page/new-sort/" target="_blank">
  916. <div class="designers__card__imgfr"><img src="images/webps/520.webp" alt="" width="100px"></div>
  917. <div class="designers__card__text">
  918. <p><strong>邱沛彤</strong></p>
  919. <p>祥祥設計有限公司</p>
  920. </div>
  921. </a>
  922. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/718/1-page/new-sort/" target="_blank">
  923. <div class="designers__card__imgfr"><img src="images/webps/718.webp" alt=""></div>
  924. <div class="designers__card__text">
  925. <p><strong>楊佳惠</strong></p>
  926. <p>鼎毓室內裝修設計工程有限公司</p>
  927. </div>
  928. </a>
  929. </div>
  930. <div class="row g-4">
  931. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/447/1-page/new-sort/" target="_blank">
  932. <div class="designers__card__imgfr"><img src="images/webps/447.webp" alt=""></div>
  933. <div class="designers__card__text">
  934. <p><strong>蔡岳儒</strong></p>
  935. <p>恆岳空間設計</p>
  936. </div>
  937. </a>
  938. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/363/1-page/new-sort/" target="_blank">
  939. <div class="designers__card__imgfr"><img src="images/webps/363.webp" alt=""></div>
  940. <div class="designers__card__text">
  941. <p><strong>廖笠庭&周言叡</strong></p>
  942. <p>雲司國際設計</p>
  943. </div>
  944. </a>
  945. </div>
  946. </div>
  947. <div class="container-fluid item">
  948. <div class="row g-4">
  949. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/98/1-page/new-sort/" target="_blank">
  950. <div class="designers__card__imgfr"><img src="images/webps/98.webp" alt=""></div>
  951. <div class="designers__card__text">
  952. <p><strong>楊煥生&郭士豪</strong></p>
  953. <p>YHS DESIGN</p>
  954. </div>
  955. </a>
  956. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/685/1-page/new-sort/" target="_blank">
  957. <div class="designers__card__imgfr"><img src="images/webps/685.webp" alt=""></div>
  958. <div class="designers__card__text">
  959. <p><strong>林豋瀚</strong></p>
  960. <p>藝大利國際設計</p>
  961. </div>
  962. </a>
  963. </div>
  964. <div class="row g-4">
  965. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/315/1-page/new-sort/" target="_blank">
  966. <div class="designers__card__imgfr"><img src="images/webps/315.webp" alt=""></div>
  967. <div class="designers__card__text">
  968. <p><strong>邱郁雯</strong></p>
  969. <p>原境國際室內設計</p>
  970. </div>
  971. </a>
  972. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/510/1-page/new-sort/" target="_blank">
  973. <div class="designers__card__imgfr"><img src="images/webps/510.webp" alt=""></div>
  974. <div class="designers__card__text">
  975. <p><strong>謝張志昇&林宗儀</strong></p>
  976. <p>禾熙室內裝修設計有限公司</p>
  977. </div>
  978. </a>
  979. </div>
  980. <div class="row g-4">
  981. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/72/1-page/new-sort/" target="_blank">
  982. <div class="designers__card__imgfr"><img src="images/webps/72.webp" alt=""></div>
  983. <div class="designers__card__text">
  984. <p><strong>陳永祥</strong></p>
  985. <p>依舍&筑域國際空間設計</p>
  986. </div>
  987. </a>
  988. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/611/1-page/new-sort/" target="_blank">
  989. <div class="designers__card__imgfr"><img src="images/webps/611.webp" alt=""></div>
  990. <div class="designers__card__text">
  991. <p><strong>莊庭緯</strong></p>
  992. <p>霆沃空間設計</p>
  993. </div>
  994. </a>
  995. </div>
  996. </div>
  997. <div class="container-fluid item">
  998. <div class="row g-4">
  999. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/593/1-page/new-sort/" target="_blank">
  1000. <div class="designers__card__imgfr"><img src="images/webps/593.webp" alt=""></div>
  1001. <div class="designers__card__text">
  1002. <p><strong>簡伯諺</strong></p>
  1003. <p>鼎士達室內裝修企劃</p>
  1004. </div>
  1005. </a>
  1006. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/465/1-page/new-sort/" target="_blank">
  1007. <div class="designers__card__imgfr"><img src="images/webps/465.webp" alt=""></div>
  1008. <div class="designers__card__text">
  1009. <p><strong>劉獻文</strong></p>
  1010. <p>垼程聯合建築師事務所&浮見月設計工程有限公司</p>
  1011. </div>
  1012. </a>
  1013. </div>
  1014. <div class="row g-4">
  1015. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/32/1-page/new-sort/" target="_blank">
  1016. <div class="designers__card__imgfr"><img src="images/webps/32.webp" alt=""></div>
  1017. <div class="designers__card__text">
  1018. <p><strong>吳函霖</strong></p>
  1019. <p>理揚室內設計有限公司</p>
  1020. </div>
  1021. </a>
  1022. <a class="col designers__card" href="www.hyper-string.com.tw" target="_blank">
  1023. <div class="designers__card__imgfr"><img src="images/webps/弦鉅.webp" alt=""></div>
  1024. <div class="designers__card__text">
  1025. <p><strong>洪瑋寧</strong></p>
  1026. <p>弦鉅設計有限公司</p>
  1027. </div>
  1028. </a>
  1029. </div>
  1030. <div class="row g-4">
  1031. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/505/1-page/new-sort/" target="_blank">
  1032. <div class="designers__card__imgfr"><img src="images/webps/505.webp" alt=""></div>
  1033. <div class="designers__card__text">
  1034. <p><strong>胡捷荏</strong></p>
  1035. <p>橙碩室內設計</p>
  1036. </div>
  1037. </a>
  1038. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/506/1-page/new-sort/" target="_blank">
  1039. <div class="designers__card__imgfr"><img src="images/webps/506.webp" alt=""></div>
  1040. <div class="designers__card__text">
  1041. <p><strong>任依仁&張庭熙&林魁堅</strong></p>
  1042. <p>大晴國際室內裝修設計股份有限公司</p>
  1043. </div>
  1044. </a>
  1045. </div>
  1046. </div>
  1047. <div class="container-fluid item">
  1048. <div class="row g-4">
  1049. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/554/1-page/new-sort/" target="_blank">
  1050. <div class="designers__card__imgfr"><img src="images/webps/554.webp" alt=""></div>
  1051. <div class="designers__card__text">
  1052. <p><strong>劉嘉雯&吉作室內設計團隊</strong><br><small>室內設計團隊</small></p>
  1053. <p>吉作室內裝修有限公司</p>
  1054. </div>
  1055. </a>
  1056. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/668/1-page/new-sort/" target="_blank">
  1057. <div class="designers__card__imgfr"><img src="images/webps/668.webp" alt=""></div>
  1058. <div class="designers__card__text">
  1059. <p><strong>汪孟臻</strong></p>
  1060. <p>承炫裝修有限公司</p>
  1061. </div>
  1062. </a>
  1063. </div>
  1064. <div class="row g-4">
  1065. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/666/1-page/new-sort/" target="_blank">
  1066. <div class="designers__card__imgfr"><img src="images/webps/666.webp" alt=""></div>
  1067. <div class="designers__card__text">
  1068. <p><strong>王川仁</strong></p>
  1069. <p>周石室內裝修設計有限公司</p>
  1070. </div>
  1071. </a>
  1072. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/682/1-page/new-sort/" target="_blank">
  1073. <div class="designers__card__imgfr"><img src="images/webps/682.webp" alt=""></div>
  1074. <div class="designers__card__text">
  1075. <p><strong>魏騰峰&鄧有任</strong></p>
  1076. <p>樺研室內設計</p>
  1077. </div>
  1078. </a>
  1079. </div>
  1080. <div class="row g-4">
  1081. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/675/1-page/new-sort/" target="_blank">
  1082. <div class="designers__card__imgfr"><img src="images/webps/675.webp" alt=""></div>
  1083. <div class="designers__card__text">
  1084. <p><strong>莊金隆</strong></p>
  1085. <p>豐臣室內裝修設計有限公司</p>
  1086. </div>
  1087. </a>
  1088. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/688/1-page/new-sort/" target="_blank">
  1089. <div class="designers__card__imgfr"><img src="images/webps/688.webp" alt=""></div>
  1090. <div class="designers__card__text">
  1091. <p><strong>王誌霆</strong></p>
  1092. <p>富麗室內裝修設計</p>
  1093. </div>
  1094. </a>
  1095. </div>
  1096. </div>
  1097. <div class="container-fluid item">
  1098. <div class="row g-4">
  1099. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/589/1-page/new-sort/" target="_blank">
  1100. <div class="designers__card__imgfr"><img src="images/webps/589.webp" alt=""></div>
  1101. <div class="designers__card__text">
  1102. <p><strong>林昱村</strong></p>
  1103. <p>弘悅空間事務所</p>
  1104. </div>
  1105. </a>
  1106. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/639/1-page/new-sort/" target="_blank">
  1107. <div class="designers__card__imgfr"><img src="images/webps/639.webp" alt=""></div>
  1108. <div class="designers__card__text">
  1109. <p><strong>許捷甯</strong></p>
  1110. <p>艾美幸福設計有限公司</p>
  1111. </div>
  1112. </a>
  1113. </div>
  1114. <div class="row g-4">
  1115. <a class="col-6 designers__card" href="https://hhh.com.tw/designers/cases/148/1-page/new-sort/" target="_blank">
  1116. <div class="designers__card__imgfr"><img src="images/webps/694.webp" alt="" width="100px"></div>
  1117. <div class="designers__card__text">
  1118. <p><strong>陳弘芫</strong></p>
  1119. <p>禾郅室內設計</p>
  1120. </div>
  1121. </a>
  1122. </div>
  1123. </div>
  1124. </div>
  1125. </div>
  1126. <div class="tab-pane" id="ph1-tabs-2" role="tabpanel" aria-labelledby="ph1-tabs-2">
  1127. <div class="owl-carousel owl-theme d-block d-md-none owl-carousel-mb2">
  1128. <div class="container-fluid item">
  1129. <div class="row g-4">
  1130. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/699/1-page/new-sort/" target="_blank">
  1131. <div class="designers__card__imgfr"><img src="images/webps/699.webp" alt=""></div>
  1132. <div class="designers__card__text">
  1133. <p><strong>Louis Jack</strong></p>
  1134. <p>帝鼎&方源室內設計</p>
  1135. </div>
  1136. </a>
  1137. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/404/1-page/new-sort/" target="_blank">
  1138. <div class="designers__card__imgfr"><img src="images/webps/404.webp" alt=""></div>
  1139. <div class="designers__card__text">
  1140. <p><strong>蔡林沖</strong></p>
  1141. <p>彙禾設計</p>
  1142. </div>
  1143. </a>
  1144. </div>
  1145. <div class="row g-4">
  1146. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/705/1-page/new-sort/" target="_blank">
  1147. <div class="designers__card__imgfr"><img src="images/webps/705.webp" alt=""></div>
  1148. <div class="designers__card__text">
  1149. <p><strong>鄧湘盈</strong></p>
  1150. <p>恆星設計</p>
  1151. </div>
  1152. </a>
  1153. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/531/1-page/new-sort/" target="_blank">
  1154. <div class="designers__card__imgfr"><img src="images/webps/531.webp" alt=""></div>
  1155. <div class="designers__card__text">
  1156. <p><strong>吳樂琦</strong></p>
  1157. <p>合唯室內裝修設計有限公司</p>
  1158. </div>
  1159. </a>
  1160. </div>
  1161. <div class="row g-4">
  1162. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/542/1-page/new-sort/" target="_blank">
  1163. <div class="designers__card__imgfr"><img src="images/webps/542.webp" alt=""></div>
  1164. <div class="designers__card__text">
  1165. <p><strong>涂義傑&柏爾設計團隊</strong></p>
  1166. <p>柏爾室內設計事務所</p>
  1167. </div>
  1168. </a>
  1169. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/418/1-page/new-sort/" target="_blank">
  1170. <div class="designers__card__imgfr"><img src="images/webps/418.webp" alt=""></div>
  1171. <div class="designers__card__text">
  1172. <p><strong>盧慧珊&采品設計團隊</strong></p>
  1173. <p>采品室內設計</p>
  1174. </div>
  1175. </a>
  1176. </div>
  1177. </div>
  1178. <div class="container-fluid item">
  1179. <div class="row g-4">
  1180. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/158/1-page/new-sort/" target="_blank">
  1181. <div class="designers__card__imgfr"><img src="images/webps/158.webp" alt=""></div>
  1182. <div class="designers__card__text">
  1183. <p><strong>王立崢</strong></p>
  1184. <p>京彩室內設計</p>
  1185. </div>
  1186. </a>
  1187. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/711/1-page/new-sort/" target="_blank">
  1188. <div class="designers__card__imgfr"><img src="images/webps/711.webp" alt=""></div>
  1189. <div class="designers__card__text">
  1190. <p><strong>蘇智銘</strong></p>
  1191. <p>富陞空間設計</p>
  1192. </div>
  1193. </a>
  1194. </div>
  1195. <div class="row g-4">
  1196. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/382/1-page/new-sort/" target="_blank">
  1197. <div class="designers__card__imgfr"><img src="images/webps/382.webp" alt=""></div>
  1198. <div class="designers__card__text">
  1199. <p><strong>徐以倫</strong></p>
  1200. <p>微自然室內裝修設計有限公司</p>
  1201. </div>
  1202. </a>
  1203. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/514/1-page/new-sort/" target="_blank">
  1204. <div class="designers__card__imgfr"><img src="images/webps/514.webp" alt=""></div>
  1205. <div class="designers__card__text">
  1206. <p><strong>林志豪</strong></p>
  1207. <p>巧軒空間設計有限公司</p>
  1208. </div>
  1209. </a>
  1210. </div>
  1211. <div class="row g-4">
  1212. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/663/1-page/new-sort/" target="_blank">
  1213. <div class="designers__card__imgfr"><img src="images/webps/663.webp" alt=""></div>
  1214. <div class="designers__card__text">
  1215. <p><strong>陳星龍</strong></p>
  1216. <p>SD_Design 空間設計</p>
  1217. </div>
  1218. </a>
  1219. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/723/1-page/new-sort/" target="_blank">
  1220. <div class="designers__card__imgfr"><img src="images/webps/723.webp" alt=""></div>
  1221. <div class="designers__card__text">
  1222. <p><strong>林慧珊</strong></p>
  1223. <p>菓子空間室內設計</p>
  1224. </div>
  1225. </a>
  1226. </div>
  1227. </div>
  1228. <div class="container-fluid item">
  1229. <div class="row g-4">
  1230. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/710/1-page/new-sort/" target="_blank">
  1231. <div class="designers__card__imgfr"><img src="images/webps/710.webp" alt=""></div>
  1232. <div class="designers__card__text">
  1233. <p><strong>陳佳暄&林威任</strong></p>
  1234. <p>安喆空間設計</p>
  1235. </div>
  1236. </a>
  1237. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/694/1-page/new-sort/" target="_blank">
  1238. <div class="designers__card__imgfr"><img src="images/webps/694.webp" alt="" width="100px"></div>
  1239. <div class="designers__card__text">
  1240. <p><strong>張躍騰</strong></p>
  1241. <p>澄築室內裝修有限公司</p>
  1242. </div>
  1243. </a>
  1244. </div>
  1245. <div class="row g-4">
  1246. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/573/1-page/new-sort/" target="_blank">
  1247. <div class="designers__card__imgfr"><img src="images/webps/573.webp" alt=""></div>
  1248. <div class="designers__card__text">
  1249. <p><strong>詹晧</strong></p>
  1250. <p>詹晧室內裝修設計有限公司</p>
  1251. </div>
  1252. </a>
  1253. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/678/1-page/new-sort/" target="_blank">
  1254. <div class="designers__card__imgfr"><img src="images/webps/678.webp" alt=""></div>
  1255. <div class="designers__card__text">
  1256. <p><strong>陸冠穎</strong></p>
  1257. <p>含仰空間設計</p>
  1258. </div>
  1259. </a>
  1260. </div>
  1261. </div>
  1262. </div>
  1263. </div>
  1264. <div class="tab-pane" id="ph1-tabs-3" role="tabpanel" aria-labelledby="ph1-tabs-3">
  1265. <div class="owl-carousel owl-theme d-block d-md-none owl-carousel-mb3">
  1266. <div class="container-fluid item">
  1267. <div class="row g-4">
  1268. <a class="col designers__card" href="https://www.feather-interiordesign.com/" target="_blank">
  1269. <div class="designers__card__imgfr"><img src="images/webps/羽築.webp" alt="" width="100px"></div>
  1270. <div class="designers__card__text">
  1271. <p><strong>徐汎羽</strong></p>
  1272. <p>羽築空間設計</p>
  1273. </div>
  1274. </a>
  1275. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/19/1-page/new-sort/" target="_blank">
  1276. <div class="designers__card__imgfr"><img src="images/webps/19.webp" alt=""></div>
  1277. <div class="designers__card__text">
  1278. <p><strong>陳為彤</strong></p>
  1279. <p>由非室內裝修設計有限公司</p>
  1280. </div>
  1281. </a>
  1282. </div>
  1283. <div class="row g-4">
  1284. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/713/1-page/new-sort/" target="_blank">
  1285. <div class="designers__card__imgfr"><img src="images/webps/713.webp" alt=""></div>
  1286. <div class="designers__card__text">
  1287. <p><strong>陳奕訢</strong></p>
  1288. <p>傑詩設計</p>
  1289. </div>
  1290. </a>
  1291. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/598/1-page/new-sort/" target="_blank">
  1292. <div class="designers__card__imgfr"><img src="images/webps/598.webp" alt=""></div>
  1293. <div class="designers__card__text">
  1294. <p><strong>林育正</strong></p>
  1295. <p>栩.室內設計</p>
  1296. </div>
  1297. </a>
  1298. </div>
  1299. <div class="row g-4">
  1300. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/586/1-page/new-sort/" target="_blank">
  1301. <div class="designers__card__imgfr"><img src="images/webps/586.webp" alt=""></div>
  1302. <div class="designers__card__text">
  1303. <p><strong>張于廷</strong></p>
  1304. <p>澤序空間設計有限公司</p>
  1305. </div>
  1306. </a>
  1307. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/721/1-page/new-sort/" target="_blank">
  1308. <div class="designers__card__imgfr"><img src="images/webps/721.webp" alt=""></div>
  1309. <div class="designers__card__text">
  1310. <p><strong>黃金旭</strong></p>
  1311. <p>大言室內裝修有限公司</p>
  1312. </div>
  1313. </a>
  1314. </div>
  1315. </div>
  1316. <div class="container-fluid item">
  1317. <div class="row g-4">
  1318. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/177/1-page/new-sort/" target="_blank">
  1319. <div class="designers__card__imgfr"><img src="images/webps/177.webp" alt=""></div>
  1320. <div class="designers__card__text">
  1321. <p><strong>古振宏</strong></p>
  1322. <p>子境室內裝修設計工程有限公司</p>
  1323. </div>
  1324. </a>
  1325. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/700/1-page/new-sort/" target="_blank">
  1326. <div class="designers__card__imgfr"><img src="images/webps/700.webp" alt=""></div>
  1327. <div class="designers__card__text">
  1328. <p><strong>許書銘</strong></p>
  1329. <p>寶誠空間美學有限公司</p>
  1330. </div>
  1331. </a>
  1332. </div>
  1333. <div class="row g-4">
  1334. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/673/1-page/new-sort/" target="_blank">
  1335. <div class="designers__card__imgfr"><img src="images/webps/673.webp" alt=""></div>
  1336. <div class="designers__card__text">
  1337. <p><strong>謝金廷</strong></p>
  1338. <p>日常陽空間設計有限公司</p>
  1339. </div>
  1340. </a>
  1341. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/594/1-page/new-sort/" target="_blank">
  1342. <div class="designers__card__imgfr"><img src="images/webps/594.webp" alt=""></div>
  1343. <div class="designers__card__text">
  1344. <p><strong>魏子涵</strong></p>
  1345. <p>上築空間設計</p>
  1346. </div>
  1347. </a>
  1348. </div>
  1349. </div>
  1350. </div>
  1351. </div>
  1352. <div class="tab-pane" id="ph1-tabs-4" role="tabpanel" aria-labelledby="ph1-tabs-4">
  1353. <div class="container-fluid d-block d-md-none">
  1354. <div class="row g-4">
  1355. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/704/1-page/new-sort/" target="_blank">
  1356. <div class="designers__card__imgfr"><img src="images/webps/704.webp" alt=""></div>
  1357. <div class="designers__card__text">
  1358. <p><strong>蔡尚倫</strong></p>
  1359. <p>洛克空間設計開發有限公司</p>
  1360. </div>
  1361. </a>
  1362. </div>
  1363. </div>
  1364. </div>
  1365. <div class="tab-pane" id="ph1-tabs-5" role="tabpanel" aria-labelledby="ph1-tabs-5">
  1366. <div class="container-fluid d-block d-md-none">
  1367. <div class="row g-4">
  1368. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/347/1-page/new-sort/" target="_blank">
  1369. <div class="designers__card__imgfr"><img src="images/webps/347.webp" alt=""></div>
  1370. <div class="designers__card__text">
  1371. <p><strong>李千惠</strong></p>
  1372. <p>千綵胤空間設計有限公司</p>
  1373. </div>
  1374. </a>
  1375. </div>
  1376. </div>
  1377. </div>
  1378. <div class="tab-pane" id="ph1-tabs-6" role="tabpanel" aria-labelledby="ph1-tabs-6">
  1379. <div class="container-fluid d-block d-md-none">
  1380. <div class="row g-4">
  1381. <a class="col designers__card" href="https://hhh.com.tw/designers/cases/716/1-page/new-sort/" target="_blank">
  1382. <div class="designers__card__imgfr"><img src="images/webps/716.webp" alt=""></div>
  1383. <div class="designers__card__text">
  1384. <p><strong>小寶優居設計團隊</strong></p>
  1385. <p>小寶優居</p>
  1386. </div>
  1387. </a>
  1388. </div>
  1389. </div>
  1390. </div>
  1391. </div>
  1392. <!-- mb-carousel -->
  1393. <!-- <div class="designers__card">
  1394. <img src="images/designer__sample@2x.png" alt="" width="120px">
  1395. <div class="designers__card__text">
  1396. <p><strong>李柔瑩</strong><small>設計師</small></p>
  1397. <p>禾雅國際室內裝修有限公司</p>
  1398. </div>
  1399. </div> -->
  1400. </section>
  1401. <section class="personal">
  1402. <small class="personal__small">Personal Data</small>
  1403. <h2 class="personal__title">基本資料</h2>
  1404. <img class="personal__triangle d-none d-md-block" src="images/triangle.webp" alt="" width="170px">
  1405. <img class="personal__wave d-none d-md-block" src="images/bending line.webp" alt="" width="170px">
  1406. <img class="personal__left d-block d-md-block" src="images/workspace1.webp" alt="" width="190px">
  1407. <div class="personal__box">
  1408. <form id="msform" action="https://q.ptt.cx/step_questions/submit" method="post" onsubmit="reload()">
  1409. <ul id="progressbar" class="p-0">
  1410. <li class="active"><span>Step 1</span>基本資料</li>
  1411. <li><span>Step 2</span>建案資料</li>
  1412. <li><span>Step 3</span>裝修資料</li>
  1413. </ul>
  1414. <!-- fieldsets -->
  1415. <fieldset>
  1416. <input type="text" name='utm_source' value="" id="utm_source" style="visibility: hidden;">
  1417. <!-- <input type="text" name='area' value="" id="area" style="visibility: hidden;"> -->
  1418. <select name="q1" style="margin-top: -5rem">
  1419. <option value="" disabled selected="selected">性別</option>
  1420. <option value="Male">男</option>
  1421. <option value="Female">女</option>
  1422. </select>
  1423. <input type="text" name='q2' value="" placeholder="手機號碼" /> <br/>
  1424. <input type="email" name='q3' value="" placeholder="Email" />
  1425. <input id="checker" type="button" name="next" class="next action-button btn-margin" value="下一步" />
  1426. </fieldset>
  1427. <fieldset>
  1428. <label class="fs-label mb">請問您最近關注哪一個建案或社區?(選填)</label>
  1429. <input type="text" name='q4' value="" placeholder="" class="mb" />
  1430. <label class="fs-label mb">建案或社區類型</label>
  1431. <div class="fs-label">
  1432. <input type="radio" class="check_button" value="預售屋" name="q5" id="pre-sold" required/>
  1433. <label for="pre-sold" class="fs-label-type mr">預售屋</label>
  1434. <input type="radio" class="check_button ml" value="新成屋" name="q5" id="new" />
  1435. <label for="new" class="fs-label-type mr">新成屋</label>
  1436. <input type="radio" class="check_button ml" value="中古屋" name="q5" id="old" />
  1437. <label for="old" class="fs-label-type">中古屋</label>
  1438. </div>
  1439. <input type="button" name="previous" class="previous action-button btn-margin" value="上一步" />
  1440. <input type="button" name="next" class="next action-button next-2 btn-margin" value="下一步" />
  1441. </fieldset>
  1442. <fieldset>
  1443. <div class="fs-label">
  1444. <label class="fs-label">喜歡的裝修風格?<small>(複選)</small></label>
  1445. <input type="checkbox" value="簡單大方" name="q6" id="6a" />
  1446. <label class="mr fs-label-info mt" for="6a">簡單大方</label>
  1447. <input type="checkbox" value="北歐風" name="q6" id="6b" />
  1448. <label class="mr fs-label-info mt" for="6b">北歐風</label>
  1449. <input type="checkbox" value="日式風格" name="q6" id="6c" />
  1450. <label class="mr fs-label-info mt" for="6c">日式風格</label>
  1451. <input type="checkbox" value="美式鄉村風" name="q6" id="6d"/>
  1452. <label class="mr fs-label-info mt" for="6d">美式鄉村風</label>
  1453. <input type="checkbox" value="" id='q6_checkbox' onclick="show_input_text('q6_checkbox', 'q6_input')" />
  1454. <label class="fs-label-info mt" for="q6_checkbox">其他</label>
  1455. <input type="text" id="q6_input" name="q6" style="display:none;margin-bottom: 0px;margin-top: 8px;" value="" placeholder="其他風格" />
  1456. </div>
  1457. <br/>
  1458. <div class="fs-label">
  1459. <label class="fs-label">預計裝修預算(不含活動型傢俱/廚具/空調/窗簾/主燈)?<small>(單選)</small></label>
  1460. <input type="radio" value="50萬以下" name="q7" id="7a" required/>
  1461. <label class="mr fs-label-info mt" for="7a">50萬以下</label>
  1462. <input type="radio" value="50~100萬" name="q7" id="7b" />
  1463. <label class="mr fs-label-info mt" for="7b">50~100萬</label>
  1464. <input type="radio" value="100~200萬" name="q7" id="7c" />
  1465. <label class="mr fs-label-info mt" for="7c">100~200萬</label>
  1466. <input type="radio" value="200~300萬" name="q7" id="7d" />
  1467. <label class="mr fs-label-info mt" for="7d">200~300萬</label>
  1468. <input type="radio" value="300~500萬" name="q7" id="7e" />
  1469. <label class="mr fs-label-info mt" for="7e">300~500萬</label>
  1470. <input type="radio" value="500~800萬" name="q7" id="7f"/>
  1471. <label class="mr fs-label-info mt" for="7f">500~800萬</label>
  1472. <input type="radio" value="800萬以上" name="q7" id="7g" />
  1473. <label class="mr fs-label-info mt" for="7g">800萬以上</label>
  1474. <input type="radio" value="" id='q7_checkbox' onclick="show_input_text('q7_checkbox', 'q7_input')" name="q7"/>
  1475. <label class="fs-label-info mt" for="q7_checkbox">其他</label>
  1476. <input type="text" id="q7_input" name="q7" style="display:none;margin-bottom: 0px;margin-top: 8px;" value="" placeholder="自訂預算" />
  1477. </div>
  1478. <br>
  1479. <div class="fs-label">
  1480. <label class="fs-label">預計裝修坪數?<small>(單選)</small></label>
  1481. <input type="radio" value="20坪以下" name="q8" id="8a" required/>
  1482. <label class="mr fs-label-info mt" for="8a">20坪以下</label>
  1483. <input type="radio" value="20~30坪" name="q8" id="8b" />
  1484. <label class="mr fs-label-info mt" for="8b">20~30坪</label>
  1485. <input type="radio" value="30~40坪" name="q8" id="8c" />
  1486. <label class="mr fs-label-info mt" for="8c">30~40坪</label>
  1487. <input type="radio" value="40~50坪" name="q8" id="8d" />
  1488. <label class="mr fs-label-info" for="8d">40~50坪</label>
  1489. <input type="radio" value="50坪以上" name="q8" id="8e" />
  1490. <label class="fs-label-info mt" for="8e">50坪以上</label>
  1491. </div>
  1492. <br/>
  1493. <div class="term-link">
  1494. 蒐集個人資料告知事項暨個人資料提供<span data-bs-toggle="modal" data-bs-target="#terms">同意書</span>
  1495. </div>
  1496. <input id="checker2" type="checkbox" class="custom-control-input" value="" name="q9" checked>
  1497. <label for="checker2" style="margin-bottom: .5rem;">我同意</label>
  1498. <br>
  1499. <p id="term-error"></p>
  1500. <input type="button" name="previous" class="previous action-button" value="上一步" />
  1501. <input type="submit" name="submit" class="action-button submit " value="提交"/>
  1502. </fieldset>
  1503. </form>
  1504. </div>
  1505. </section>
  1506. <div class="modal fade" tabindex="-1" id="terms" aria-labelledby="terms" aria-hidden="true">
  1507. <div class="modal-dialog">
  1508. <div class="modal-content">
  1509. <div data-bs-dismiss="modal" aria-label="Close" class="modal-closer"><img src="images/Icon ionic-md-close-circle@2x.png" alt=""></div>
  1510. <div class="modal-body">
  1511. <h5 class="modal-title">蒐集個人資料告知事項暨個人資料提供同意書</h5>
  1512. <div class="modal-terms">
  1513. <ol class="ps-0">
  1514. <li>1. 幸福空間股份有限公司(以下簡稱本公司),依活動需要取得您個人資料,並依個人資料保護法及相關法令規定,蒐集、處理及利用您個人資料。</li>
  1515. <li>2. 需要提供以下個人資料:姓名、聯絡方式(包括但不限於電話號碼、E-MAIL)或其他得以直接或間接識別您個人之資料。</li>
  1516. <li>3. 您同意本公司以您所提供的個人資料確認您的身份、與您進行聯絡,以及其他隱私權保護政策規範之使用方式。</li>
  1517. <li>4. 您可依個人資料保護法,就您的個人資料向本公司: (1)請求查詢或閱覽、(2)製給複製本、(3)請求補充或更正、(4)請求停止蒐集、處理及利用或(5)請求刪除。但因本公司執行職務或業務所必需者,本公司得拒絕之。</li>
  1518. <li>5. 若您所提供之個人資料,經檢舉或本公司發現不足以確認您的身分真實性或其他個人資料冒用、盜用、資料不實等情形,本公司有權停止提供對您的服務,若有不便之處敬請見諒。 </li>
  1519. <li>6. 您瞭解此一同意符合個人資料保護法及相關法規之要求,具有書面同意本公司蒐集、處理及利用您個人資料之效果。</li>
  1520. </ol>
  1521. </div>
  1522. </div>
  1523. </div>
  1524. </div>
  1525. </div>
  1526. <div class="footer">
  1527. <div class="deco__bottomdiv d-none d-md-block"><img src="images/workspace2.webp" alt="" class="deco__bottom" width="920px"></div>
  1528. <div class="deco__rightdiv"><img src="images/workspace3.webp" alt="" class="deco__right" width="710px"></div>
  1529. <div class="deco__rightlinediv"><img src="images/curve_line2.webp" alt="" class="deco__rightline"></div>
  1530. <div class="deco__linediv"><img class="deco__line3" src="images/curve_line3.webp" alt="" width="300px"></div>
  1531. <div class="footer__text">幸福空間 版權所有 © <br class="d-block d-md-none">Gorgeous Space Co.Ltd. All Rights Reserved</div>
  1532. </div>
  1533. </div>
  1534. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  1535. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  1536. crossorigin="anonymous"></script>
  1537. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  1538. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  1539. crossorigin="anonymous"></script>
  1540. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  1541. <script
  1542. type="text/javascript"
  1543. src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"
  1544. ></script>
  1545. <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  1546. <script src="js/owl.carousel.min.js"></script>
  1547. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
  1548. <script async defer src="js/scripts.js"></script>
  1549. </body>
  1550. </html>