update

desktop11/goto.js

@@ -1,6 +1,5 @@
 $(".banner-slider").slick({
   speed: 800,
-  swipe: true,
   arrows: false,
   autoplay: true,
 });
@@ -109,9 +108,6 @@ $.fn.serializeObject = function () {
 
 
 
-
-
-
 $(".contact-form1").submit(function (e) {
   /*	var formRef = $('#form1').serializeArray();
     var jsonString = JSON.stringify(formRef);*/
@@ -123,7 +119,7 @@ $(".contact-form1").submit(function (e) {
     url: 'https://go.hhh.com.tw:8002/deco_request_detail',
     data: jsonString,
     dataType: 'json',
-   
+
     success: function (data) {
       console.log('送出成功: ' + data);
       if (data == 0) {
@@ -135,7 +131,7 @@ $(".contact-form1").submit(function (e) {
       } else if (data == 3) {
         alert("此email、phone已填過表單");
       }
-      location.href ="./index_complete_line.html"; 
+      location.href = "./index_complete_line.html";
     },
 
     beforeSend: function () {
@@ -153,10 +149,86 @@ $(".contact-form1").submit(function (e) {
       alert("送出失敗");
     }
   });
+  if ($('#credit').prop("checked")) {
+    $.ajax({
+      type: 'POST',
+      url: 'https://api.ptt.cx:9999/hhh/mail/deco/v2',
+      data: jsonString,
+      dataType: 'json',
+      contentType: 'application/json; charset=utf-8',
+
+      success: function (res) {
+        alert('送出成功');
+      },
+      error: function (error) {
+        console.error(error);
+        alert('送出失敗');
+      }
+
+    });
+  }
 
   return false;
 });
 
+// $(".contact-form1").submit(function (e) {
+//   if ($('#credit').prop("checked")) {
+//     $.fn.serializeObject = function () {
+//       var o = {};
+//       var a = this.serializeArray();
+//       // o["id"] = 0;
+//       // o["time_stamp"] = "";
+//       $.each(a, function () {
+//         if (o[this.name]) {
+//           if (!o[this.name].push) {
+//             o[this.name] = [o[this.name]];
+//           }
+//           o[this.name].push(this.value || '');
+//         } else {
+//           o[this.name] = this.value || '';
+//         }
+//       });
+
+//       return o;
+//     };
+//     var jsonInfo = $('.contact-form1').serializeObject();
+//     var jsonString = JSON.stringify(jsonInfo);
+//     console.log(jsonString);
+//     var http = new XMLHttpRequest();
+//     var url = 'http://api.ptt.cx:9998/hhh/mail/deco/v2';
+//     var params = '';
+//     http.open('POST', url, true);
+
+//     //Send the proper header information along with the request
+//     http.setRequestHeader('Content-type', 'application/x-www-form-unlencoded');
+
+//     http.onreadystatechange = function () {//Call a function when the state changes.
+//       if (http.readyState == 4 && http.status == 200) {
+//         alert(http.responseText);
+//       }
+//     }
+//     http.send(params);
+//     $.ajax({
+//       type: 'POST',
+//       url: 'https://api.ptt.cx:9999/hhh/mail/deco/v2',
+//       data: jsonString,
+//       dataType: 'json',
+//       contentType: 'application/json; charset=utf-8',
+
+//       success: function (res) {
+//         alert('送出成功');
+//       },
+//       error: function (error) {
+//         console.error(error);
+//         alert('送出失敗');
+//       }
+
+//     });
+//   }
+//   return false;
+
+// });
+
 
 
 
@@ -242,7 +314,7 @@ function statusChangeCallback(response) {
 
         // 隱藏FB登入按鈕
         document.getElementById("fb_login").style.display = 'none';
-    }
+      }
     });
   }
 
@@ -292,19 +364,19 @@ $("#fb_login").click(function () {
 
 
 
-$(function() {
-  var dateToday = new Date(); 
+$(function () {
+  var dateToday = new Date();
   //jQuery datepicker 設定限制日期最小最大 minDate maxDate hideIfNoPrevNext
   $(".datepicker").datepicker({
     //顯示上個月日期 及下個月日期 ，但是不可選的。
     //default:false
-    showOtherMonths : true,
+    showOtherMonths: true,
     // 設置當沒有上一個/下一個可選擇的情況下，隱藏掉相應的按鈕。（默認為不可用）
     //配合有設定最大最小時使用
     //default:false
-    hideIfNoPrevNext : true,
+    hideIfNoPrevNext: true,
 
-    minDate : dateToday ,
+    minDate: dateToday,
     //  設置一個最大的可選日期。可以是Date對象，或者是數字（從今天算起，例如+7），
     //或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。
   });

desktop11/index.html

@@ -26,47 +26,49 @@
 
 
 
-<!-- Global site tag (gtag.js) - Google Ads: 673725167 -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=AW-673725167"></script>
-<script>
-window.dataLayer = window.dataLayer || [];
-function gtag(){dataLayer.push(arguments);}
-gtag('js', new Date());
-  gtag('config', 'UA-133449203-1');
-gtag('config', 'AW-673725167');
-</script>
-<script>
-function gtag_report_conversion(url) {
-var callback = function () {
-if (typeof(url) != 'undefined') {
-window.location = url;
-}
-};
-gtag('event', 'conversion', {
-'send_to': 'AW-673725167/pOjICLCHpdICEO_1oMEC',
-'event_callback': callback
-});
-return false;
-}
-</script>
-
-<!-- Facebook Pixel Code -->
-<script>
-!function(f,b,e,v,n,t,s)
-{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-n.queue=[];t=b.createElement(e);t.async=!0;
-t.src=v;s=b.getElementsByTagName(e)[0];
-s.parentNode.insertBefore(t,s)}(window, document,'script',
-'https://connect.facebook.net/en_US/fbevents.js');
-fbq('init', '585285442299590');
-fbq('track', 'PageView');
-</script>
-<noscript><img height="1" width="1" style="display:none"
-src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
-/></noscript>
-<!-- End Facebook Pixel Code -->
+    <!-- Global site tag (gtag.js) - Google Ads: 673725167 -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-673725167"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+        gtag('config', 'UA-133449203-1');
+        gtag('config', 'AW-673725167');
+    </script>
+    <script>
+        function gtag_report_conversion(url) {
+            var callback = function () {
+                if (typeof (url) != 'undefined') {
+                    window.location = url;
+                }
+            };
+            gtag('event', 'conversion', {
+                'send_to': 'AW-673725167/pOjICLCHpdICEO_1oMEC',
+                'event_callback': callback
+            });
+            return false;
+        }
+    </script>
+
+    <!-- Facebook Pixel Code -->
+    <script>
+        !function (f, b, e, v, n, t, s) {
+            if (f.fbq) return; n = f.fbq = function () {
+                n.callMethod ?
+                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
+            };
+            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
+            n.queue = []; t = b.createElement(e); t.async = !0;
+            t.src = v; s = b.getElementsByTagName(e)[0];
+            s.parentNode.insertBefore(t, s)
+        }(window, document, 'script',
+            'https://connect.facebook.net/en_US/fbevents.js');
+        fbq('init', '585285442299590');
+        fbq('track', 'PageView');
+    </script>
+    <noscript><img height="1" width="1" style="display:none"
+            src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1" /></noscript>
+    <!-- End Facebook Pixel Code -->
 
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -78,7 +80,8 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
     <link rel="stylesheet" href="./style.css">
     <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
 </head>
-<body id="top">
+
+<body style="overflow-x:hidden;" id="top">
     <!-- <script>
         function statusChangeCallback(response) {  // Called with the results from FB.getLoginStatus().
             if (response.status === 'connected') {  // 已登入
@@ -125,9 +128,8 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
 
     </script> -->
 
-    <div class="container-fluid" style="padding:0;margin:0 ">
-        <div class="banner container-fluid" style="padding:0; margin:0 ">
-            <!-- <section id="banner"> -->
+    <div id="q-content">
+        <div class="banner">
             <div class="Navigation">
                 <div class="logo">
                     <a href="https://hhh.com.tw/"> <img src="./img/logo-main-1-1.webp" alt=""></a>
@@ -147,25 +149,24 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
             <div id="text">
                 <div class="banner-slider d-flex align-items-center justify-content-center">
                     <div class="banner1">
-                        <div style="padding-top:16vw;padding-right:0; margin:0; width: 100vw">
-                            <!-- <img src="./img/banner/banner-title1.png" alt="" class=""> -->
+                        <div style="padding-top:16vw;padding-right:0; margin:0;">
                             <h1>北歐風</h1>
                             <button id="btn-animation1" class="btn-main" data-gt-target="#contact-us"
                                 data-gt-duration="800" data-gt-offset="-300">預約免費裝修諮詢</button>
                         </div>
                     </div>
                     <div class="banner2">
-                        <div style="padding-top:16vw;width: 100vw">
+                        <div style="padding-top:16vw;">
                             <h1 id="animation2">現代風</h1>
                             <button id="btn-animation2" class="btn-main" data-gt-target="#contact-us"
-                            data-gt-duration="800" data-gt-offset="-300">預約免費裝修諮詢</button>
+                                data-gt-duration="800" data-gt-offset="-300">預約免費裝修諮詢</button>
                         </div>
                     </div>
                     <div class="banner3">
-                        <div style="padding-top:16vw; width: 100vw ">
+                        <div style="padding-top:16vw;">
                             <h1 id="animation3">美式風</h1>
                             <button id="btn-animation3" class="btn-main" data-gt-target="#contact-us"
-                            data-gt-duration="800" data-gt-offset="-300">預約免費裝修諮詢</button>
+                                data-gt-duration="800" data-gt-offset="-300">預約免費裝修諮詢</button>
                         </div>
                     </div>
                 </div>
@@ -174,8 +175,7 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
             <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png"
                 alt="">
         </div>
-
-        <div class="container-fluid" style="padding:0;margin: 0; ">
+        <div style="overflow-x: hidden;">
             <section id="content1">
                 <div class="content1-left">
                     <h1 class="title">你有以下這些困擾嗎</h1>
@@ -205,165 +205,153 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                 </div>
                 <div class="content1-right">
                     <div class="containg-img1">
-                        <img src="./img/content/0111.webp" alt="">
+                        <img class="img-fluid" src="./img/content/0111.webp" alt="">
                     </div>
                     <div class="containg-img2">
-                        <img src="./img/content/02211.webp" alt="">
+                        <img class="img-fluid" src="./img/content/02211.webp" alt="">
                     </div>
                     <div class="containg-img3">
-                        <img src="./img/content/03.webp" alt="">
+                        <img class="img-fluid" src="./img/content/03.webp" alt="">
                     </div>
                 </div>
 
             </section>
         </div>
-        <div class="container-fluid" style="padding:0; margin: 0; ">
-            <section id="service">
-                <h1 class="title">我們提供的服務</h1>
-                <div class="service-box">
-                    <div id="service-img">
-                        <div id="img-right"><img src="./img/service/service01.webp" alt=""></div>
-                        <div id="img-left"><img src="./img/service/service02.webp" alt=""></div>
-                    </div>
-                    <div id="service-text">
-                        <div id="text-left">
-                            <div class="img-icon">
-                                <img src="./img/process/icon1.webp" alt="">
-                            </div>
-                            <div class="icon-text">
-                                <div class="text-p">推薦合法立案</div>
-                                <div class="text-p">無裝修司法糾紛紀錄的專業設計師</div>
-                                <div class="text-p">輕鬆找到合適人選</div>
-                                <div class="text-p">不再大海撈針</div>
-                            </div>
+        <section style="overflow-x: hidden;" id="service">
+            <h1 class="title">我們提供的服務</h1>
+            <div class="service-box">
+                <div id="service-img">
+                    <div id="img-right"><img src="./img/service/service01.webp" alt=""></div>
+                    <div id="img-left"><img src="./img/service/service02.webp" alt=""></div>
+                </div>
+                <div id="service-text">
+                    <div id="text-left">
+                        <div class="img-icon">
+                            <img src="./img/process/icon1.webp" alt="">
                         </div>
-                        <div id="text-right">
-                            <div class="img-icon">
-
-                                <img src="./img/process/icon2.webp" alt="">
-                            </div>
-                            <div class="icon-text">
-
-                                <div class="text-p"><span style="font-size: 25px;">13</span>年經驗安心把關</div>
-                                <div class="text-p">不懂預算行情</div>
-                                <div class="text-p">也不用擔心受騙</div>
-                            </div>
-
+                        <div class="icon-text">
+                            <div class="text-p">推薦合法立案</div>
+                            <div class="text-p">無裝修司法糾紛紀錄的專業設計師</div>
+                            <div class="text-p">輕鬆找到合適人選</div>
+                            <div class="text-p">不再大海撈針</div>
                         </div>
                     </div>
-                </div>
+                    <div id="text-right">
+                        <div class="img-icon">
 
+                            <img src="./img/process/icon2.webp" alt="">
+                        </div>
+                        <div class="icon-text">
 
+                            <div class="text-p"><span style="font-size: 25px;">13</span>年經驗安心把關</div>
+                            <div class="text-p">不懂預算行情</div>
+                            <div class="text-p">也不用擔心受騙</div>
+                        </div>
 
-                <div class="btn">
-                    <button class="btn-main" data-gt-target="#contact-us" data-gt-duration="800"
-                        data-gt-offset="-300">預約免費裝修諮詢</button>
+                    </div>
                 </div>
-            </section>
+            </div>
+            <div class="btn">
+                <button class="btn-main" data-gt-target="#contact-us" data-gt-duration="800"
+                    data-gt-offset="-300">預約免費裝修諮詢</button>
+            </div>
+        </section>
+        <section style="overflow-x: hidden;" id="service-process">
+            <h1 class="title">最嚴謹的服務流程</h1>
+            <div id="process-box">
+                <div class="box">
+                    <img src="./img/process/box1.png" alt="">
+                    <div class="box-text">填寫裝修需求表單</div>
+                </div>
+                <div class="box">
+                    <img src="./img/process/box2.png" alt="">
+                    <div class="box-text" style=" padding-right: 3vw;">專人聯繫</div>
+                    <div class="box-text" style=" padding-right: 3vw;">進行裝修前諮詢</div>
+                </div>
+                <div class="box">
+                    <img src="./img/process/box3.png" alt="">
+                    <div class="box-text">依照屋主的需求</div>
+                    <div class="box-text">推薦合法立案的</div>
+                    <div class="box-text">設計公司</div>
+                </div>
+                <div class="box">
+                    <img src="./img/process/box4.png" alt="">
+                    <div class="box-text">設計公司會</div>
+                    <div class="box-text"> 主動與屋主聯繫</div>
+                </div>
+                <div class="box">
+                    <img src="./img/process/box5.png" alt="">
+                    <div class="box-text">選擇是否使用</div>
+                    <div class="box-text">幸福經紀人制度</div>
+                    <div class="box-text">來保障裝修權益</div>
 
-        </div>
-        <div class="container-fluid" style="padding:0; margin: 0;">
-
-            <section id="service-process">
-                <h1 class="title">最嚴謹的服務流程</h1>
-                <div id="process-box">
-                    <div class="box">
-                        <img src="./img/process/box1.png" alt="">
-                        <div class="box-text">填寫裝修需求表單</div>
-                    </div>
-                    <div class="box">
-                        <img src="./img/process/box2.png" alt="">
-                        <div class="box-text" style=" padding-right: 3vw;">專人聯繫</div>
-                        <div class="box-text" style=" padding-right: 3vw;">進行裝修前諮詢</div>
-                    </div>
-                    <div class="box">
-                        <img src="./img/process/box3.png" alt="">
-                        <div class="box-text">依照屋主的需求</div>
-                        <div class="box-text">推薦合法立案的</div>
-                        <div class="box-text">設計公司</div>
-                    </div>
-                    <div class="box">
-                        <img src="./img/process/box4.png" alt="">
-                        <div class="box-text">設計公司會</div>
-                        <div class="box-text"> 主動與屋主聯繫</div>
-                    </div>
-                    <div class="box">
-                        <img src="./img/process/box5.png" alt="">
-                        <div class="box-text">選擇是否使用</div>
-                        <div class="box-text">幸福經紀人制度</div>
-                        <div class="box-text">來保障裝修權益</div>
+                </div>
+                <div class="box">
+                    <img src="./img/process/box6.png" alt="">
+                    <div class="box-text">媒合成功</div>
+                </div>
 
-                    </div>
-                    <div class="box">
-                        <img src="./img/process/box6.png" alt="">
-                        <div class="box-text">媒合成功</div>
-                    </div>
 
+            </div>
 
+        </section>
+        <section style="overflow-x: hidden;" id="feedback">
+            <h1 class="title">客戶真實見證</h1>
+            <div id="feedback-box">
+                <div class="box">
+                    <a href="https://hhh.com.tw/video-post.php?id=2905"><img src="./img/feedback-img/feedback01.webp"
+                            alt=""></a>
+                    <p>嚮往人文接觸處的溫度-文響</p>
+                    <a href="https://hhh.com.tw/video-post.php?id=2905"><img class="play"
+                            style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
                 </div>
-
-            </section>
-        </div>
-        <div class="container-fluid" style="padding:0; margin: 0;">
-            <section id="feedback">
-                <h1 class="title">客戶真實見證</h1>
-                <div id="feedback-box">
-                    <div class="box">
-                        <a href="https://hhh.com.tw/video-post.php?id=2905"><img
-                                src="./img/feedback-img/feedback01.webp" alt=""></a>
-                        <p>嚮往人文接觸處的溫度-文響</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=2905"><img class="play"
-                                style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
-                    </div>
-                    <div class="box">
-                        <a href="https://hhh.com.tw/video-post.php?id=3782"><img
-                                src="./img/feedback-img/feedback02.webp" alt=""></a>
-                        <p>緞帶般曲線 譜出家的律動與甜蜜</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=3782"><img class="play"
-                                style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
-                    </div>
-                    <div class="box">
-                        <a href="https://hhh.com.tw/video-post.php?id=3549"><img
-                                src="./img/feedback-img/feedback03.webp" alt=""></a>
-                        <p>系統設計的變革 前衛科技宅</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=3549"><img class="play"
-                                style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
-                    </div>
-                    <div class="box">
-                        <a href="https://hhh.com.tw/video-post.php?id=2985"><img
-                                src="./img/feedback-img/feedback0411.webp" alt=""></a>
-                        <p>用系統設計 實現歐洲皇室城堡夢</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=2985"><img class="play"
-                                style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
-                    </div>
-                    <div class="box">
-                        <a href="https://hhh.com.tw/video-post.php?id=2122"><img
-                                src="./img/feedback-img/feedback05.webp" alt=""></a>
-                        <p>不良格局變身 3米6日光鄉村宅</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=2122"><img class="play"
-                                style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
-                    </div>
-                    <div class="box">
-                        <a href="https://hhh.com.tw/video-post.php?id=3847"><img
-                                src="./img/feedback-img/feedback06.webp" alt=""></a>
-                        <p>雙拼豪宅古典、日式一次擁有</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=3847"><img class="play"
-                                style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
-                    </div>
-
+                <div class="box">
+                    <a href="https://hhh.com.tw/video-post.php?id=3782"><img src="./img/feedback-img/feedback02.webp"
+                            alt=""></a>
+                    <p>緞帶般曲線 譜出家的律動與甜蜜</p>
+                    <a href="https://hhh.com.tw/video-post.php?id=3782"><img class="play"
+                            style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
+                </div>
+                <div class="box">
+                    <a href="https://hhh.com.tw/video-post.php?id=3549"><img src="./img/feedback-img/feedback03.webp"
+                            alt=""></a>
+                    <p>系統設計的變革 前衛科技宅</p>
+                    <a href="https://hhh.com.tw/video-post.php?id=3549"><img class="play"
+                            style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
+                </div>
+                <div class="box">
+                    <a href="https://hhh.com.tw/video-post.php?id=2985"><img src="./img/feedback-img/feedback0411.webp"
+                            alt=""></a>
+                    <p>用系統設計 實現歐洲皇室城堡夢</p>
+                    <a href="https://hhh.com.tw/video-post.php?id=2985"><img class="play"
+                            style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
+                </div>
+                <div class="box">
+                    <a href="https://hhh.com.tw/video-post.php?id=2122"><img src="./img/feedback-img/feedback05.webp"
+                            alt=""></a>
+                    <p>不良格局變身 3米6日光鄉村宅</p>
+                    <a href="https://hhh.com.tw/video-post.php?id=2122"><img class="play"
+                            style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
+                </div>
+                <div class="box">
+                    <a href="https://hhh.com.tw/video-post.php?id=3847"><img src="./img/feedback-img/feedback06.webp"
+                            alt=""></a>
+                    <p>雙拼豪宅古典、日式一次擁有</p>
+                    <a href="https://hhh.com.tw/video-post.php?id=3847"><img class="play"
+                            style="width: 3vw;height: 3vw  " src="./img/play (1).png" alt=""></a>
                 </div>
 
-            </section>
+            </div>
 
-        </div>
-        <section id="contact-us">
+        </section>
+        <section style="overflow-x: hidden;" id="contact-us">
             <nav class="navbar navbar-precise navbar-light d-flex justify-content-center my-3">
                 <a href="" class="navbar-brand navbar-brand-precise d-flex justify-content-center">
                     <img src="./img/logomain-2.png" alt="">
                 </a>
             </nav>
             <div id="sec-contact">
-               
+
                 <div class="form-title py-3">
                     <h1>【免費裝修顧問諮詢】</h1>
                     <p>幫您創造專屬的幸福空間.</p>
@@ -376,8 +364,8 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                             style="color: #ee751b; font-weight:900;"> 0800-366-086</span></div>
                     <div class="text-p">或填寫以下資料，專人將盡速與您聯繫</div>
                 </div> -->
-    
-                <div class="container-fluid" style="padding:0; margin:0;">
+
+                <div>
                     <!-- <form class="contact-form1">
                         <input type="hidden" name="version" value="a">
                         <div id="contact-form" name="myForm">
@@ -519,7 +507,8 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                             <div id="form-left">
                                 <input type="email" name="email" id="email" placeholder="電子信箱" required>
                                 <input type="text" name="name" id="name" placeholder="聯絡人名稱" required>
-                                <input type="text" name="phone" id="phone" placeholder="聯絡電話(格式:0987654321)" pattern="09\d{2}\d{6}" required>
+                                <input type="text" name="phone" id="phone" placeholder="聯絡電話(格式:0987654321)"
+                                    pattern="09\d{2}\d{6}" required>
                                 <select name="loc" id="loc" required>
                                     <option value="" disabled selected="selected">您目前所在地區?</option>
                                     <option class="option">基隆市</option>
@@ -543,7 +532,7 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                                     <option class="option">台東縣</option>
                                     <option class="option">澎湖縣</option>
                                 </select>
-                                <select name="h_class" id="type" required>
+                                <select name="h_class" id="h_class" required>
                                     <option value="" disabled selected="selected">您目前房屋類型</option>
                                     <option class="option">預售屋</option>
                                     <option class="option">中古屋</option>
@@ -622,49 +611,55 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                                     <option class="option">異國風</option>
                                 </select> -->
                                 <!-- <input name="prefer_date" class="datepicker" type="text" id="datepicker" placeholder="預選裝修日期" required> -->
-                            </div>              
-                                <!-- <div id="fb_login">
+                            </div>
+                            <!-- <div id="fb_login">
                                     <button id="fb-button"><img src="./img/logo/facebook.png" alt="">
                                        <span id="line" style=" font-size: 30px;">｜</span><p>使用fb填入信箱與姓名</p>
                                     </button>
                                     <span id="FB_STATUS_2"></span>
                                 </div> -->
-                                <!-- <div id="fb_login">
+                            <!-- <div id="fb_login">
                                     <fb:login-button id="fb-button" scope="public_profile,email"
                                         onlogin="checkLoginState();" data-button-type="continue_with" data-size="large">
                                         使用FB填入信箱與姓名
                                     </fb:login-button>
                                     <div id="status"></div>
                                 </div> -->
-    
-                              
-                                <!-- <select name="gender" id="gender" required>
+
+
+                            <!-- <select name="gender" id="gender" required>
                                     <option value="" disabled selected="selected">性別</option>
                                     <option class="option">男</option>
                                     <option class="option">女</option>
                                 </select> -->
-                                <!-- <input type="checkbox" style="margin:30px 10px;" id="checkbox" checked><label
-                                    for="agree" style="width: 40px;">同意</label><a target="https://hhh.com.tw/about/privacy_policy/"
-                                    href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a> -->
-    
-                                    <div class="form-btn">
-                                        <input class="btn" style="opacity: 1;" type="submit" value="送出">
-            
-                                    </div>
+                            <div>
+                                <input type="checkbox" style="margin:15px 10px;" id="checkbox" checked><label
+                                    for="agree" class="ms-1" style="width: 40px;">同意</label><a
+                                    target="_blank"
+                                    href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a>
+                            </div>
+                            <div>
+                                <input type="checkbox" style="margin:15px 10px;" class="custom-control-input"
+                                    id="credit">
+                                <label class="custom-control-label w-75" for="credit">
+                                    裝潢貸款享超長7年還款期，最低利率2.59%起。
+                                </label>
+                            </div>
+                            <div class="form-btn">
+                                <input class="btn" style="opacity: 1;" type="submit" value="送出">
+
+                            </div>
                         </div>
                     </form>
                 </div>
-                
+
             </div>
         </section>
 
-        <div class="container-fluid" style="padding:0; margin:0; ">
-
-            <div id="footer">
-                <p>幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
-                <a href="https://hhh.com.tw/about/contact/">｜聯絡我們｜</a>
-                <a href="https://hhh.com.tw/about/">｜關於本站｜</a>
-            </div>
+        <div style="overflow-x: hidden;" id="footer">
+            <p>幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
+            <a href="https://hhh.com.tw/about/contact/">｜聯絡我們｜</a>
+            <a href="https://hhh.com.tw/about/">｜關於本站｜</a>
         </div>
     </div>
 

desktop11/style.css

@@ -68,6 +68,11 @@ body .arrow:hover {
           box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
 }
 
+#q-content {
+  position: relative !important;
+  overflow: hidden !important;
+}
+
 .banner {
   width: 100vw;
   position: relative;
@@ -77,11 +82,6 @@ body .arrow:hover {
   text-align: center;
 }
 
-.banner #text .banner-slider {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
 .banner #text .banner-slider .banner1,
 .banner #text .banner-slider .banner2,
 .banner #text .banner-slider .banner3 {
@@ -514,7 +514,6 @@ body .arrow:hover {
 
 #contact-us {
   margin: 0 auto;
-  width: 100vw;
   background: #fafafa;
   position: relative;
   padding-bottom: 5vw;
@@ -564,7 +563,7 @@ body .arrow:hover {
 }
 
 #contact-us #contact-form #loc,
-#contact-us #contact-form #type,
+#contact-us #contact-form #h_class,
 #contact-us #contact-form #modal,
 #contact-us #contact-form #budget,
 #contact-us #contact-form #square,

desktop11/style.scss

@@ -65,6 +65,11 @@ body {
     }
 }
 
+#q-content{
+  
+    position: relative !important;
+    overflow: hidden !important;
+}
 // banner
 
 .banner {
@@ -74,8 +79,7 @@ body {
         text-align: center;
 
         .banner-slider {
-            margin: 0 !important;
-            padding: 0 !important;
+           
             .banner1,
             .banner2,
             .banner3 {
@@ -448,7 +452,6 @@ body {
 
 #contact-us {
     margin: 0 auto;
-    width: 100vw;
     background: #fafafa;
     position: relative;
     padding-bottom: 5vw;
@@ -491,7 +494,7 @@ body {
         margin: 0 auto;
         padding: 24px;
         #loc,
-        #type,
+        #h_class,
         #modal,
         #budget,
         #square,

mobile/index.html

@@ -641,7 +641,18 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                             <!-- <input type="checkbox" style="margin:30px 10px;" id="checkbox" checked><label
                                 for="agree" style="width: 40px;">同意</label><a target="https://hhh.com.tw/about/privacy_policy/"
                                 href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a> -->
-
+                                <div>
+                                    <input type="checkbox" style="margin:15px 10px;" id="checkbox" checked><label
+                                        for="agree" class="ms-1" style="width: 40px;">同意</label><a
+                                        target="_blank"
+                                        href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a>
+                                </div>
+                                <div class="my-2">
+                                    <input type="checkbox" style="margin:0px 10px; position: relative; bottom:20px;" class="custom-control-input" id="credit">
+                                    <label class="custom-control-label w-75" for="credit">
+                                            裝潢貸款享超長7年還款期，最低利率2.59%起。
+                                    </label>
+                                </div>
                                 <div class="form-btn">
                                     <input class="btn" style="opacity: 1;" type="submit" value="送出">
         

mobile/script/goto.js

@@ -87,6 +87,24 @@ $(".contact-form1").submit(function (e) {
       console.log('送出失敗: ' + jqXHR.responseText);
     }
   });
+  if ($('#credit').prop("checked")) {
+    $.ajax({
+      type: 'POST',
+      url: 'https://api.ptt.cx:9999/hhh/mail/deco/v2',
+      data: jsonString,
+      dataType: 'json',
+      contentType: 'application/json; charset=utf-8',
+
+      success: function (res) {
+        alert('送出成功');
+      },
+      error: function (error) {
+        console.error(error);
+        alert('送出失敗');
+      }
+
+    });
+  }
   return false;
 });