|
|
@@ -0,0 +1,310 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title id="page-title"></title>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <link rel="icon" href="images/favicon.ico">
|
|
|
+ <link rel="stylesheet" href="css/reset.css">
|
|
|
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
|
|
|
+ integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
|
|
|
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
|
+ integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
|
|
|
+
|
|
|
+ <!-- <link rel="stylesheet" href="css/jquery-ui.css"> -->
|
|
|
+ <link rel="stylesheet" href="/assets/css/swiper.min.css">
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/slick.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
|
|
|
+
|
|
|
+ <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
+ <link rel="stylesheet" href="css/style.css">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body style="height: 100vh;" >
|
|
|
+<div id="hhh-cases">
|
|
|
+ <div>
|
|
|
+ <div class="modal-content" style="background-color: #6D6D6D;">
|
|
|
+
|
|
|
+ <div class="modal-body CaseModel">
|
|
|
+ <!-- <div class="row px-0 mx-0">
|
|
|
+ <div class="col-md-8">
|
|
|
+ <div style="position: sticky; top:0px;">
|
|
|
+ <img class="img-fluid"
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150527.jpg"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="d-flex justify-content-start align-items-center pt-5">
|
|
|
+ <a href="">
|
|
|
+ <div class="contact-section-avatar me-2">
|
|
|
+ <img class="img-fluid"
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hdesigner/img_path_779_20211230102606.jpg"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="ms-2" style="width: 100%;">
|
|
|
+ <a href="" class="contact-section-company">
|
|
|
+ <div>
|
|
|
+ 歐提系統家具有限公司
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div style="display: flex;" class="contact-section-detail-box mt-3">
|
|
|
+ <div class="contact-section-detail-lf">
|
|
|
+ <div><i aria-hidden="true" class="fa fa-phone"></i></div>
|
|
|
+ </div>
|
|
|
+ <div class="contact-section-detail-rt">
|
|
|
+ <div><a href="tel:0809000123,26526">免付費 0809-000-123#26526</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-area-title-desktop">
|
|
|
+ <a href="/case-post.php?id=14151" target="_blank">
|
|
|
+ 一生一世｜工業風｜25坪
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="divider"></div>
|
|
|
+ <div class="info-area-other-case-desktop py-3">
|
|
|
+ <div class="ml-1">該個案的其他圖片(<span id="index">5</span>/8)</div>
|
|
|
+ <div class="other-case-desktop-items d-flex flex-wrap">
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a>
|
|
|
+ <img src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150527.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150528.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150529.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150530.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150531.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150532.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+ <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
|
|
|
+ src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150534.jpg"
|
|
|
+ width="70" height="70" alt="該個案的其他圖片"></a></div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="divider"></div>
|
|
|
+
|
|
|
+ <div class="info-area-same-case-desktop py-3">
|
|
|
+ <div class="ml-1"><span>工業風</span> 其他作品</div>
|
|
|
+ <div class="same-case-desktop-items d-flex flex-wrap">
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/8294/94133"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer492_06_03.jpg"
|
|
|
+ width="70" height="70" alt="年輕不失沉穩 現代輕工業風別墅"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/11046/126444"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/name_11046_20190402193723.jpg"
|
|
|
+ width="70" height="70" alt="坐擁淡海一線美景 質樸輕工業宅"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/7773/88141"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer457_05_05.jpg"
|
|
|
+ width="70" height="70" alt="日式簡約mix微醺工業風情"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/7283/82252"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer491_05_01.jpg"
|
|
|
+ width="70" height="70" alt="Loft無邊際"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/8485/96363"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer102_46_05.jpg"
|
|
|
+ width="70" height="70" alt="36年漏水屋改造 動線收納滿足"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/6244/70208"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer209_25_07.jpg"
|
|
|
+ width="70" height="70" alt="通透玻璃，打造工業風精緻咖啡廳"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/12300/144358"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/name_12300_20200417100142.jpg"
|
|
|
+ width="70" height="70" alt="簡約日式水泥宅 細品質樸生活感"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/11324/130559"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/name_11324_20190614143505.jpg"
|
|
|
+ width="70" height="70" alt="老屋改頭換面 化身有氧工業宅"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/7532/85314"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer270_15_04.jpg"
|
|
|
+ width="70" height="70" alt="引光大尺度 跳色工業風時尚"></a></div>
|
|
|
+
|
|
|
+ <div class="w-20 m-1 p-1 "><a href="/photos/detail/10240/116625"><img
|
|
|
+ src="https://images.hhh.com.tw/uploads/_hcase/designer620_03_05.jpg"
|
|
|
+ width="70" height="70" alt="共享時代-台中"></a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="divider"></div>
|
|
|
+
|
|
|
+ <div class="info-area-data-desktop py-3">
|
|
|
+ <div class="ml-2">CASE DATA</div>
|
|
|
+ <div class="data-table-desktop ml-2">
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>裝潢費用:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>尚未提供</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>居住成員:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>大人×2</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>設計風格:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>工業風</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>房屋類型:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>標準格局</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>房屋坪數:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>25</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>房屋狀況:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>新成屋</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>圖片提供:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>歐提系統家具有限公司</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>空間格局:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>3房、2廳、2衛</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-items d-flex">
|
|
|
+ <div class="data-table-lf">
|
|
|
+ <div>主要建材:</div>
|
|
|
+ </div>
|
|
|
+ <div class="data-table-rt">
|
|
|
+ <div>系統櫃、軌道燈、樂土灰泥、超耐磨木地板、吊扇、單車架</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="divider"></div>
|
|
|
+
|
|
|
+ <div class="info-area-contact-desktop py-3 mb-2">
|
|
|
+ <div class="ml-2">聯絡資訊 Info</div>
|
|
|
+ <div class="contact-section-desktop ml-2 mt-2">
|
|
|
+ <div class="contact-section-detail-desktop mt-3">
|
|
|
+ <div class="d-flex">
|
|
|
+ <div class="contact-section-detail-lf">
|
|
|
+ <div><i aria-hidden="true" class="fa fa-phone"></i></div>
|
|
|
+ </div>
|
|
|
+ <div class="contact-section-detail-rt">
|
|
|
+ <div><a href="tel:03-5748866"> 03-5748866</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex">
|
|
|
+ <div class="contact-section-detail-lf">
|
|
|
+ <div><i class="fas fa-map-marker-alt"></i></div>
|
|
|
+ </div>
|
|
|
+ <div class="contact-section-detail-rt">
|
|
|
+ <div><a href="http://maps.google.com.tw/maps?q=%E6%96%B0%E7%AB%B9%E5%B8%82%E6%9D%B1%E5%8D%80%E5%BB%BA%E4%B8%AD%E4%B8%80%E8%B7%AF20%E8%99%9F1%E6%A8%93"
|
|
|
+ target="_blank">新竹市東區建中一路20號1樓</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex">
|
|
|
+ <div class="contact-section-detail-lf">
|
|
|
+ <div><i class="far fa-envelope"></i></div>
|
|
|
+ </div>
|
|
|
+ <div class="contact-section-detail-rt">
|
|
|
+ <div><a href="mailto:eggerboard@gmail.com">eggerboard@gmail.com</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex">
|
|
|
+ <div class="contact-section-detail-lf">
|
|
|
+ <div><i aria-hidden="true" class="fa fa-home"></i></div>
|
|
|
+ </div>
|
|
|
+ <div class="contact-section-detail-rt">
|
|
|
+ <div><a href="https://www.otis-design.com"
|
|
|
+ target="_blank">https://www.otis-design.com</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
+ integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
|
|
|
+ integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
|
|
+
|
|
|
+ <script async defer src="./goto.js"></script>
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
huai-sian