|
@@ -252,19 +252,37 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="row flex-column-reverse flex-md-row">
|
|
|
- <div class="col-md-7 col-lg-8">
|
|
|
- <div class="d-none d-md-block main-title">
|
|
|
- <h2>
|
|
|
- 您有裝修設計需求? <br> 想了解裝修預算方案?
|
|
|
- </h2>
|
|
|
- <h3>
|
|
|
- 填寫您的裝修需求,立即獲得裝修計算方案與幸福經紀人專人服務
|
|
|
- </h3>
|
|
|
+ <div class="col-md-7 col-lg-8 px-4">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="d-none d-md-block main-title">
|
|
|
+ <h2>
|
|
|
+ 您有裝修設計需求? <br> 想了解裝修預算方案?
|
|
|
+ </h2>
|
|
|
+ <h3>
|
|
|
+ 填寫您的裝修需求,立即獲得裝修計算方案與幸福經紀人專人服務
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-12 col-lg-6 d-none d-md-block">
|
|
|
+ <a href="https://hhh.com.tw/deco/" target="_blank">
|
|
|
+ <img class="w-100" src="./img/p1.jpg" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-12 col-lg-6 d-none d-md-block mt-4 mt-lg-0">
|
|
|
+ <a href="https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE"
|
|
|
+ target="_blank">
|
|
|
+ <img class="w-100" src="./img/樂居.jpg" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 文章列表 -->
|
|
|
- <div class="main px-3 py-3 py-md-5">
|
|
|
+ <div class="main py-3 py-md-4">
|
|
|
<div class="d-flex justify-content-center">
|
|
|
+ <!-- 讀取圖示 -->
|
|
|
<div class="spinner-border text-primary my-5 column-spinner" role="status">
|
|
|
<span class="visually-hidden">Loading...</span>
|
|
|
</div>
|
|
@@ -277,7 +295,7 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <div class="col-md-5 col-lg-4">
|
|
|
+ <div class="col-md-5 col-lg-4 px-4 px-md-0">
|
|
|
<div class="d-block d-md-none main-title">
|
|
|
<h2>
|
|
|
您有裝修設計需求? <br> 想了解裝修預算方案?
|
|
@@ -287,13 +305,13 @@
|
|
|
</h3>
|
|
|
</div>
|
|
|
|
|
|
- <div id="rightSidebar" class="card form-block px-md-0">
|
|
|
+ <div id="rightSidebar" class="card form-block">
|
|
|
<card-title class="d-none d-md-block">
|
|
|
<a href="https://hhh.com.tw/" class="logo">
|
|
|
<img alt="logo" src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" />
|
|
|
</a>
|
|
|
</card-title>
|
|
|
- <div class="card-body px-md-0 px-xl-3">
|
|
|
+ <div class="card-body px-0 px-xl-3">
|
|
|
<form>
|
|
|
<div class="mb-3">
|
|
|
<label for="name" class="form-label">姓名*</label>
|
|
@@ -1893,21 +1911,17 @@
|
|
|
</div> -->
|
|
|
<!-- 兩張廣告圖 -->
|
|
|
<div class="img-item">
|
|
|
-
|
|
|
<a href="https://hhh.com.tw/deco/" target="_blank" class="d-block w-100">
|
|
|
<img src="./img/p1.jpg?a=2" alt="">
|
|
|
</a>
|
|
|
<!-- 暫時隱藏 因為心動活動 到 12/30-->
|
|
|
-
|
|
|
<!-- <a href="https://promote.hhh.com.tw/hueiyeh-28403?utm_source=FB&utm_medium=GS&utm_campaign=hueiyeh#%E7%BF%BB%E7%89%8C%E9%81%8A%E6%88%B2"
|
|
|
target="_blank" class="d-block w-100">
|
|
|
<img src="./img/231229_輝葉第三波活動製作_664x180.jpg" alt="">
|
|
|
</a> -->
|
|
|
-
|
|
|
<!-- <a href="https://event.hhh.com.tw/agent/index.html" target="_blank" class="d-block w-100">
|
|
|
<img src="./img/p2.jpg" alt="">
|
|
|
</a> -->
|
|
|
-
|
|
|
<a href="https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE"
|
|
|
target="_blank" class="d-block w-100">
|
|
|
<img src="./img/樂居.jpg" alt="">
|
|
@@ -2337,7 +2351,7 @@
|
|
|
resultHtml +=
|
|
|
`<div class="col-12 col-sm-6 col-md-12 col-lg-6 col-xl-4 pb-4">
|
|
|
<button data-item='${itemStr}'
|
|
|
- class="modal-button h-100" data-bs-toggle="modal" data-bs-target="#columnModal">
|
|
|
+ class="modal-button h-100 px-0" data-bs-toggle="modal" data-bs-target="#columnModal">
|
|
|
<div class="card overflow-hidden h-100">
|
|
|
<img class="bg-img" alt="cover-img" src="${item.image}" />
|
|
|
<div class="card-body">
|