news_page.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>小寶優居-首購族首選 安心成家 室內設計品牌</title>
  8. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
  9. integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  10. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
  11. integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  12. <!-- Add the slick-theme.css if you want default styling -->
  13. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  14. <!-- Add the slick-theme.css if you want default styling -->
  15. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
  16. <!-- <link rel="stylesheet" href="css/jquery-ui.css"> -->
  17. <!-- <link rel="stylesheet" href="/assets/css/swiper.min.css"> -->
  18. <!-- <link rel="stylesheet" type="text/css" href="css/slick.css" />
  19. <link rel="stylesheet" type="text/css" href="css/slick-theme.css" /> -->
  20. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  21. <link rel="stylesheet" href="/css//style.css">
  22. <!-- <link rel="stylesheet" href="/css/brand.css"> -->
  23. <!-- <link rel="stylesheet" href="css/style_hous.css"> -->
  24. </head>
  25. <body>
  26. <div class="header-template"></div>
  27. <!-- <header>
  28. <nav class="navbar navbar-expand-lg navbar-dark p-0">
  29. <div class="container-fluid p-0">
  30. <div class="mx-auto">
  31. <a class="navbar-brand m-0" href="#">
  32. <img src="img/bt_index@2x.png" height="70px" alt="" style="margin-left: 30px;">
  33. </a>
  34. </div>
  35. <button onclick="changeIcon(this)" class="navbar-toggler" type="button" data-bs-toggle="collapse"
  36. data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  37. aria-expanded="false" aria-label="Toggle navigation">
  38. <span data-toggle-class="icon" class="navbar-toggler-icon"></span>
  39. </button>
  40. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  41. <ul class="navbar-nav align-items-lg-center mx-auto mb-2 mb-lg-0">
  42. <li class="navbar-logo">
  43. <a href="#">
  44. <img src="img/bt_index@2x.png" height="50px" alt=""
  45. style="image-rendering: -webkit-optimize-contrast;">
  46. </a>
  47. </li>
  48. <li class="">
  49. <a class="navbar-link" href="#">成家故事作品集</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="navbar-link" href="#">成家設計服務</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="navbar-link" href="#">服務常見QA</a>
  56. </li>
  57. <li class="nav-item">
  58. <a class="navbar-link" href="#">成家知識專欄</a>
  59. </li>
  60. <li class="nav-item">
  61. <a class="navbar-link" href="#">小寶設計單品</a>
  62. </li>
  63. <li class="nav-item">
  64. <a class="navbar-link" href="#">小寶優居門市</a>
  65. </li>
  66. </ul>
  67. </div>
  68. </div>
  69. </nav>
  70. </header> -->
  71. <section class="bhouseweb_loc_banner">
  72. <div class="card bg-transparent text-white border-0 rounded-0">
  73. <img src="/img/bn_news@2x (1).png" class="banner-img card-img rounded-0" alt="...">
  74. <div class="d-flex justify-content-end">
  75. <div class="bt_slogan text-center">
  76. <!-- <img src="./img/chevron-double-down (1).svg" alt=""> -->
  77. <!-- <i class="far fa-chevron-double-down"></i> -->
  78. </div>
  79. </div>
  80. <!-- <img class="bt_slogan_portfolio" src="./img/bt_slogan_portfolio_h@2x.png" alt=""> -->
  81. </div>
  82. </section>
  83. <!-- <hr class="bhouseweb_loc_line"> -->
  84. <div class="bhouseweb_loc_content mb-80">
  85. <section class="bhouseweb_loc_sec mt-80">
  86. <div class="bhouse_news mt-80">
  87. <h1 class="bhouse_title ">【門市公告】新北門市移點,營業時間調整說明</h1>
  88. <div class="likeSee__state pl-md-0 pr-md-0 p-3">
  89. <div class="likeSee__state">
  90. <p class="mb-0">November 23, 2021</p>
  91. </div>
  92. <div class="likeSee__state__filter">
  93. <a href="" class="likeSee__state__filter--item">
  94. <span><img src="./img/icon_fb@2x.png" alt="" ></span>
  95. </a>
  96. <a href="" class="likeSee__state__filter--item">
  97. <span><img src="./img/icon_line@2x.png" alt="" ></span>
  98. </a>
  99. </div>
  100. </div>
  101. <hr class="bhouseweb_loc_line">
  102. <div class="bhouseWeb_News_content my-50">
  103. <p class="fw-bold">小標題NotoJPBlack14級字置左</p>
  104. <p>內文NotoJPMedium14級字行距28pt置左 內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內</p>
  105. </div>
  106. <hr class="bhouseweb_loc_line">
  107. </div>
  108. </section>
  109. <a href="/news.html">
  110. <p class="article__readMore text-center fw-bold"> <span style="font-size: 18px;"
  111. class="fw-normal me-2">&lt;</span>回到最新消息公告</p>
  112. </a>
  113. </div>
  114. <div class="footer-template"></div>
  115. <!-- <footer class="footer w-100">
  116. <div class="container-fluid">
  117. <div class="row list">
  118. <div class="col">
  119. <div class="d-flex flex-column">
  120. <h5 class="title">
  121. <a href="">關於小寶優居</a>
  122. </h5>
  123. <ul>
  124. <li>
  125. <a href="">我們的理念</a>
  126. </li>
  127. <li>
  128. <a href="">最新消息公告</a>
  129. </li>
  130. <li>
  131. <a href="">媒體聯繫</a>
  132. </li>
  133. <li>
  134. <a href="">人才招募</a>
  135. </li>
  136. </ul>
  137. <h5 class="title">
  138. <a href="">社群平台</a>
  139. </h5>
  140. <ul>
  141. <li>
  142. <a href="">Facebook</a>
  143. </li>
  144. <li>
  145. <a href="">Youtube</a>
  146. </li>
  147. </ul>
  148. </div>
  149. </div>
  150. <div class="col">
  151. <div class="d-flex flex-column">
  152. <h5 class="title">
  153. <a href="">成家設計服務</a>
  154. </h5>
  155. <ul>
  156. <li>
  157. <a href="">成家設計服務流程</a>
  158. </li>
  159. <li>
  160. <a href="">服務常見QA</a>
  161. </li>
  162. </ul>
  163. <h5 class="title">
  164. <a href="">小寶優居門市</a>
  165. </h5>
  166. <ul>
  167. <li>
  168. <a href="">服務範圍</a>
  169. </li>
  170. <li>
  171. <a href="">新北門市</a>
  172. </li>
  173. <li>
  174. <a href="">桃園門市</a>
  175. </li>
  176. <li>
  177. <a href="">台中門市</a>
  178. </li>
  179. <li>
  180. <a href="">台南門市</a>
  181. </li>
  182. </ul>
  183. </div>
  184. </div>
  185. <div class="col">
  186. <div class="d-flex flex-column">
  187. <h5 class="title">
  188. <a href="">成家故事作品集</a>
  189. </h5>
  190. <ul>
  191. <li>
  192. <a href="">透天設計</a>
  193. </li>
  194. <li>
  195. <a href="">大樓設計</a>
  196. </li>
  197. </ul>
  198. <h5 class="title">
  199. <a href="">小寶設計單品</a>
  200. </h5>
  201. <ul>
  202. <li>
  203. <a href="">所有設計單品</a>
  204. </li>
  205. <li>
  206. <a href="">關於系統櫃</a>
  207. </li>
  208. <li>
  209. <a href="">關於實木家具</a>
  210. </li>
  211. <li>
  212. <a href="">關於床墊</a>
  213. </li>
  214. </ul>
  215. </div>
  216. </div>
  217. <div class="col">
  218. <h5 class="title">
  219. <a href="">成家知識專欄</a>
  220. </h5>
  221. <ul>
  222. <li>
  223. <a href="">預售屋客變</a>
  224. </li>
  225. <li>
  226. <a href="">驗屋交屋</a>
  227. </li>
  228. <li>
  229. <a href="">預算準備</a>
  230. </li>
  231. <li>
  232. <a href="">認識裝修裝潢</a>
  233. </li>
  234. <li>
  235. <a href="">空間計劃</a>
  236. </li>
  237. <li>
  238. <a href="">居家風格</a>
  239. </li>
  240. <li>
  241. <a href="">家具家電</a>
  242. </li>
  243. <li>
  244. <a href="">驗收入住</a>
  245. </li>
  246. </ul>
  247. </div>
  248. </div>
  249. <div>
  250. <img src="img/logo.png" height="45px" alt="" style="image-rendering: -webkit-optimize-contrast;">
  251. <ul class="mobile-list">
  252. <li>
  253. <a href="">成家設計服務</a>
  254. </li>
  255. <li>
  256. <a href="">成家知識專欄</a>
  257. </li>
  258. <li>
  259. <a href="">成家故事作品集</a>
  260. </li>
  261. <li>
  262. <a href="">小寶優居門市</a>
  263. </li>
  264. <li>
  265. <a href="">小寶設計單品</a>
  266. </li>
  267. <li>
  268. <a href="">關於小寶優居</a>
  269. </li>
  270. <li>
  271. <a href="">社群平台</a>
  272. </li>
  273. </ul>
  274. </div>
  275. <div
  276. class="d-flex flex-column flex-md-row align-items-center align-items-md-start justify-content-md-between copyright">
  277. <p class="m-0">copyright ©2022 小寶股份有限公司 保留一切權利</p>
  278. <div>
  279. <a href="">隱私權政策</a> <span> | </span>
  280. <a href="">使用條款</a> <span> | </span>
  281. <a href="">法律聲明</a>
  282. </div>
  283. </div>
  284. </div>
  285. </footer> -->
  286. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  287. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  288. crossorigin="anonymous"></script>
  289. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  290. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  291. crossorigin="anonymous"></script>
  292. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  293. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  294. <script async defer src="js/simple_korean_style_house.js"></script>
  295. <script async defer src="js/index.js"></script>
  296. </body>
  297. </html>