|
@@ -38,39 +38,48 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png" alt="">
|
|
|
+ <div class="arrow">
|
|
|
+ <img class="img-fluid" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png" alt="">
|
|
|
+ <a target="_blank" class="icon" href="https://hhh.com.tw/about/request/"><img class="img-fluid my-3" src="./img/nav-bottom/find.png" alt=""></a>
|
|
|
+ <a target="_blank" class="icon" href="https://hhh.com.tw/about/calculator/"> <img class="img-fluid" src="./img/nav-bottom/budget.png" alt=""></a>
|
|
|
+ </div>
|
|
|
+
|
|
|
<section id="Navigation2" class="container-fluid" style="padding:0;margin: 0; ">
|
|
|
<div id="nav" class="nav2">
|
|
|
- <div class="nav-1">
|
|
|
- <a target="_blank" href="https://hhh.com.tw/"> <img src="./img/nav-bottom/find.png" alt=""></a>
|
|
|
+ <div class="nav-1">
|
|
|
+ <a target="_blank" href="https://hhh.com.tw/about/request/"><img src="./img/nav-bottom/find.png" alt=""></a>
|
|
|
+ </div>
|
|
|
+ <div class="nav-1">
|
|
|
+ <a target="_blank" href="https://hhh.com.tw/about/calculator/"> <img src="./img/nav-bottom/budget.png" alt=""></a>
|
|
|
</div>
|
|
|
- <div class="nav-1">
|
|
|
- <a target="_blank" href="https://hhh.com.tw/"> <img src="./img/nav-bottom/budget.png" alt=""></a>
|
|
|
+ <div class="nav-1">
|
|
|
+ <a target="_blank" href="https://line.me/ti/p/%40ovs4341s"> <img src="./img/nav-bottom/line.png"
|
|
|
+ alt=""></a>
|
|
|
</div>
|
|
|
- <div class="nav-1">
|
|
|
- <a target="_blank" href="https://line.me/ti/p/%40ovs4341s"> <img src="./img/nav-bottom/line.png" alt=""></a>
|
|
|
+ <div class="nav-1">
|
|
|
+ <a target="_blank" href="https://www.facebook.com/hhhfb"><img src="./img/nav-bottom/facebook.png"
|
|
|
+ alt=""></a>
|
|
|
</div>
|
|
|
<div class="nav-1">
|
|
|
- <a target="_blank" href="https://www.facebook.com/hhhfb"> <img src="./img/nav-bottom/facebook.png" alt=""></a>
|
|
|
- </div> <div class="nav-1">
|
|
|
- <a target="_blank" href="https://hhh.com.tw/"> <img src="./img/nav-bottom/Icon simple-wechat.png" alt=""></a>
|
|
|
+ <a target="_blank" href="https://hhh.com.tw/"> <img src="./img/nav-bottom/Icon simple-wechat.png"
|
|
|
+ alt=""></a>
|
|
|
</div>
|
|
|
<div style="display: none;" class="col-0">
|
|
|
<a target="_blank" href="https://hhh.com.tw/"> <img src="./img/nav/logo-main-1-1.webp" alt=""></a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
-
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</section>
|
|
|
<section id="banner">
|
|
|
<div id="banner-container" class="container-fluid px-0">
|
|
|
<!-- 電腦版 -->
|
|
|
- <div class="banner-des row vertical align-items-end px-0 mx-0">
|
|
|
+ <div class="banner-des row vertical align-items-end px-0 mx-0">
|
|
|
<div class="banner-0 col-0 order-1 col-lg-5 order-1 pe-0">
|
|
|
|
|
|
</div>
|
|
|
<div class="banner-1 col-5 order-3 col-lg-5 order-2 text-white text-end py-3">
|
|
|
- <div class="banner1-1" style="font-weight: 900;" >張馨&瀚觀室內設計</div>
|
|
|
+ <div class="banner1-1" style="font-weight: 900;">張馨&瀚觀室內設計</div>
|
|
|
<p><span class="fs-5">張馨</span>設計師</p>
|
|
|
</div>
|
|
|
<div class="banner-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">
|
|
@@ -78,42 +87,331 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 手機板 -->
|
|
|
- <div class="banner-m row vertical align-items-end px-0 mx-0">
|
|
|
-
|
|
|
+ <div class="banner-m row vertical align-items-end px-0 mx-0">
|
|
|
+
|
|
|
<div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">
|
|
|
<img class="img-fluid" src="./img/banner/28.png" alt="">
|
|
|
</div>
|
|
|
<div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start py-3">
|
|
|
- <div class="banner1-1" style="font-weight: 900;" >張馨&瀚觀室內設計</div>
|
|
|
+ <div class="banner1-1" style="font-weight: 900;">張馨&瀚觀室內設計</div>
|
|
|
<p><span class="fs-5">張馨</span>設計師</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="sec01" class="container-fluid px-0 mx-0">
|
|
|
- <div class="row px-0 mx-0">
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a target="_blank" href="./about/index.html" ><img id="28" class="img-fluid" src="./img/banner/28.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a target="_blank" href="./about/index.html" ><img id="89" class="img-fluid" src="./img/banner/89.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a ><img id="88" class="img-fluid" src="./img/banner/88.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a ><img id="85" class="img-fluid" src="./img/banner/85.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a ><img id="87" class="img-fluid" src="./img/banner/87.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a ><img id="84" class="img-fluid" src="./img/banner/84.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/84.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/89.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><a href="./about/index.html"><img class="img-fluid" src="./img/banner/28.png" alt=""></a></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/94.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/93.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/94.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/87.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/85.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/88.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/93.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/28.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/85.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/84.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/93.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/84.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/88.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/84.png" alt=""></div>
|
|
|
- <div class="secimg col-4 col-lg-2 mx-0 px-0"><img class="img-fluid" src="./img/banner/85.png" alt=""></div>
|
|
|
+ <div class="sec01-designer row px-0 mx-0">
|
|
|
+
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="1" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/705.jpg?v12"
|
|
|
+ alt="">
|
|
|
+
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">恆星設計</p>
|
|
|
+ <p>鄧湘盈</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="2" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/465.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:10px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">垼程聯合建築師事務所</p>
|
|
|
+ <p class="my-0">&浮見月設計工程有限公司</p>
|
|
|
+ <p>劉獻文</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="3" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/33.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:40px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">比沙列室內裝修設計</p>
|
|
|
+ <p>張靜峰</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="4" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/688.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">富麗室內裝修設計</p>
|
|
|
+ <p>王誌霆</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="5" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/278.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:70px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">浩室設計</p>
|
|
|
+ <p>邱炫達</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="6" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/385.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">亞維空間設計</p>
|
|
|
+ <p>簡瑋琪</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="7" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/505.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">橙碩室內設計</p>
|
|
|
+ <p>胡捷荏</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="8" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/555.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:70px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">棠禾設計</p>
|
|
|
+ <p>曾智和</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="9" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/651.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">禾雅國際室內裝修</p>
|
|
|
+ <p>李柔瑩</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="10" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/291.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">藝谷空間設計</p>
|
|
|
+ <p>張芷融</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="11" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/491.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:50px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">優尼客空間設計</p>
|
|
|
+ <p>黃仲均</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="12" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/301.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:35px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">YS暘昇國際室內裝修</p>
|
|
|
+ <p>李宗育</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="13" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/347.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:50px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">千綵胤空間設計</p>
|
|
|
+ <p>李千惠</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="14" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/363.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:50px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">雲司國際設計</p>
|
|
|
+ <p>廖笠庭 周言叡</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="15" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/438.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:10px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">木博士團隊</p>
|
|
|
+ <p class="my-0">&動念室內設計制作</p>
|
|
|
+ <p>卜冠程&木博士設計團隊</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="16" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/65.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:50px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">采舍空間設計</p>
|
|
|
+ <p>楊詩韻</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="17" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/474.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">雋築空間設計</p>
|
|
|
+ <p>劉倢妤</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="18" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/436.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">廣延空間設計</p>
|
|
|
+ <p>陳偉立</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="19" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/158.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">京彩室內設計</p>
|
|
|
+ <p>王立崢</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="20" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/507.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">舒杰室內裝修設計</p>
|
|
|
+ <p>陳琬婷</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="21" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/23.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">境庭國際設計</p>
|
|
|
+ <p>周靖雅</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="22" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/712.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">丰彤設計工程</p>
|
|
|
+ <p>張書源</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="23" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/279.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">三宅一秀空間創藝</p>
|
|
|
+ <p>郁琇琇</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="24" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/402.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">允庭室內裝修設計</p>
|
|
|
+ <p>張舜淵 林術榮 李晴沛</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="25" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/28.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">張馨&瀚觀室內設計</p>
|
|
|
+ <p>張馨</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="26" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/79.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">將作空間設計</p>
|
|
|
+ <p>張成一</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="27" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/131.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">陶璽空間設計</p>
|
|
|
+ <p>林欣璇</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="28" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/594.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">上築空間設計</p>
|
|
|
+ <p>魏子涵</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="29" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/672.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">至文室內裝修</p>
|
|
|
+ <p>毛至文</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="30" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/680.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">禾禾設計</p>
|
|
|
+ <p>張禾溥、舒皓</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="31" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/500.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:10px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">知域設計×一己空間制作</p>
|
|
|
+ <p>劉啟全、陳韻如、方人凱</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="32" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/418.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:25px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">采品室內設計</p>
|
|
|
+ <p>盧慧珊&采品設計團隊</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="33" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/364.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div class="sec02-p-m">
|
|
|
+ <p class="my-0">元均制作</p>
|
|
|
+ <p>馬愷君 Maggie</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"><a><img id="34" class="img-fluid"
|
|
|
+ src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/423.jpg?v12"
|
|
|
+ alt="">
|
|
|
+ </a>
|
|
|
+ <div style=" left:60px;" class="sec02-p-m">
|
|
|
+ <p class="my-0">馥築時尚設計</p>
|
|
|
+ <p>湯鎮安</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -136,6 +434,46 @@
|
|
|
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
|
|
|
|
|
<script src="./goto.js"></script>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ // $(document).ready(function () {
|
|
|
+
|
|
|
+ // $.ajax({
|
|
|
+ // method: "GET",
|
|
|
+ // url: "homepageimg.json",
|
|
|
+ // dataType: "json",
|
|
|
+ // })
|
|
|
+
|
|
|
+ // .done(function (msg) {
|
|
|
+ // var sec01Content = '';
|
|
|
+ // console.log(msg);
|
|
|
+ // var res = msg.length;
|
|
|
+ // console.log(res);
|
|
|
+ // const limit = res;
|
|
|
+ // for (var i = 0; i < limit; i++) {
|
|
|
+ // var numb = i + 1;
|
|
|
+ // sec01Content += ' \
|
|
|
+ // <div class="secimg card col-4 col-lg-2 mx-0 px-0 border-0"> \
|
|
|
+ // <a> <img id="' + numb + '" class="img-fluid" src="'+msg[i].srcimg+'" alt=""></a>\
|
|
|
+ // </div>';
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="sec02-p-m" >
|
|
|
+ <p class="my-0">恆星設計</p>
|
|
|
+ <p>鄧湘盈</p>
|
|
|
+ </div> // }
|
|
|
+ // // $('.sec01-designer').html(sec01Content);
|
|
|
+ // // var test = msg[0].newstext1;
|
|
|
+
|
|
|
+ // // $('#jsontest').append(test);
|
|
|
+ // });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ // });
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|