表單資料調整

desktop11/goto.js

@@ -115,7 +115,7 @@ function onClik() {
   
 }
 
-
+JSON.parse('[]');
 
 $("*").each(function (index, element) {
   // 此元素被點選後執行

desktop11/index.html

@@ -20,47 +20,47 @@
     <div class="container-fluid" style="padding:0;margin:0 ">
         <div class="banner container-fluid" style="padding:0; margin:0 ">
             <!-- <section id="banner"> -->
-                <div class="Navigation">
-                    <div class="logo" >
-                       <a href="https://hhh.com.tw/"> <img src="./img/logo-main-1-1.webp"   alt=""></a>
-                    </div>
-                    <div class="link">
-                        <a href="">首頁</a>
-                        <a data-gt-target="#contact-us" data-gt-duration="800" data-gt-offset="-300">我有裝修需求</a>
-                        <a data-gt-target="#feedback" data-gt-duration="500" data-gt-offset="0">屋主都說好</a>
-                        <a data-gt-target="#service-process" data-gt-duration="500" data-gt-offset="0">服務流程</a>
-                    </div>
+            <div class="Navigation">
+                <div class="logo">
+                    <a href="https://hhh.com.tw/"> <img src="./img/logo-main-1-1.webp" alt=""></a>
                 </div>
-                <hr class="hr  bg-white" style="opacity: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">
-                                <h1 id="animation1"> 北歐風</h1>
-                                <button id="btn-animation1" class="btn-main" data-gt-target="#contact-us" data-gt-duration="800" data-gt-offset="-300" >預約免費裝修諮詢</button>
-                            </div>
+                <div class="link">
+                    <a href="">首頁</a>
+                    <a data-gt-target="#contact-us" data-gt-duration="800" data-gt-offset="-300">我有裝修需求</a>
+                    <a data-gt-target="#feedback" data-gt-duration="500" data-gt-offset="0">屋主都說好</a>
+                    <a data-gt-target="#service-process" data-gt-duration="500" data-gt-offset="0">服務流程</a>
+                </div>
+            </div>
+            <hr class="hr  bg-white" style="opacity: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">
+                            <h1 id="animation1"> 北歐風</h1>
+                            <button id="btn-animation1" class="btn-main" data-gt-target="#contact-us"
+                                data-gt-duration="800" data-gt-offset="-300">預約免費裝修諮詢</button>
                         </div>
-                        <div class="banner2">
-                            <div style="padding-top:16vw;width: 100vw">
-                                <h1 id="animation2">次代風</h1>
-                                <button id="btn-animation2" class="btn-main">預約免費裝修諮詢</button>
-                            </div>
+                    </div>
+                    <div class="banner2">
+                        <div style="padding-top:16vw;width: 100vw">
+                            <h1 id="animation2">次代風</h1>
+                            <button id="btn-animation2" class="btn-main">預約免費裝修諮詢</button>
                         </div>
-                        <div class="banner3">
-                            <div style="padding-top:16vw; width: 100vw ">
-                                <h1 id="animation3">美式風</h1>
-                                <button id="btn-animation3" class="btn-main">預約免費裝修諮詢</button>
-                            </div>
+                    </div>
+                    <div class="banner3">
+                        <div style="padding-top:16vw; width: 100vw ">
+                            <h1 id="animation3">美式風</h1>
+                            <button id="btn-animation3" class="btn-main">預約免費裝修諮詢</button>
                         </div>
                     </div>
                 </div>
+            </div>
             </section>
             <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/totop.png"
                 alt="">
         </div>
 
         <div class="container-fluid" style="padding:0;margin: 0; ">
-
             <section id="content1">
                 <div class="content1-left">
                     <h1 class="title">你有以這些下困擾嗎</h1>
@@ -124,7 +124,7 @@
                         </div>
                         <div id="text-right">
                             <div class="img-icon">
-    
+
                                 <img src="./img/process/icon2.webp" alt="">
                             </div>
                             <div class="icon-text">
@@ -132,15 +132,16 @@
                                 <div class="text-p">不懂預算行情</div>
                                 <div class="text-p">也不用擔心受騙</div>
                             </div>
-    
+
                         </div>
                     </div>
                 </div>
-    
-    
-    
+
+
+
                 <div class="btn">
-                    <button class="btn-main" data-gt-target="#contact-us" data-gt-duration="800" data-gt-offset="-300" >預約免費裝修諮詢</button>
+                    <button class="btn-main" data-gt-target="#contact-us" data-gt-duration="800"
+                        data-gt-offset="-300">預約免費裝修諮詢</button>
                 </div>
             </section>
 
@@ -194,30 +195,42 @@
                     <div class="box">
                         <img src="./img/feedback-img/feedback01.webp" alt="">
                         <p>嚮往人文接觸處的溫度-文響</p>
+                        <a href="https://hhh.com.tw/video-post.php?id=2905"><img class="play" src="./img/play (1).png"
+                                alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback02.webp" alt="">
                         <p>緞帶般曲線 譜出家的律動與甜蜜</p>
+                        <a href="https://hhh.com.tw/video-post.php?id=3782"><img class="play" src="./img/play (1).png"
+                                alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback03.webp" alt="">
                         <p>系統設計的變革 前衛科技宅</p>
+                        <a href="https://hhh.com.tw/video-post.php?id=3549"><img class="play" src="./img/play (1).png"
+                                alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback0411.webp" alt="">
                         <p>用系統設計 實現歐洲皇室城堡夢</p>
+                        <a href="https://hhh.com.tw/video-post.php?id=2985"><img class="play" src="./img/play (1).png"
+                                alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback05.webp" alt="">
                         <p>不良格局變身 3米6日光鄉村宅</p>
+                        <a href="https://hhh.com.tw/video-post.php?id=2122"><img class="play" src="./img/play (1).png"
+                                alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback06.webp" alt="">
                         <p>雙拼豪宅古典、日式一次擁有</p>
+                        <a href="https://hhh.com.tw/video-post.php?id=3847"><img class="play" src="./img/play (1).png"
+                                alt=""></a>
                     </div>
-    
+
                 </div>
-    
+
             </section>
 
         </div>
@@ -290,31 +303,31 @@
                             </select>
                             <input name="size" type="text" id="square" placeholder="請輸入坪數" required>
                             <select name="bed_num" id="rooms" required style="margin-right:1.5vw">
-                                <option value="幾房" disabled selected="selected" >幾房</option>
-                                <option class="option">1房</option>
-                                <option class="option">2房</option>
-                                <option class="option">3房</option>
-                                <option class="option">4房</option>
-                                <option class="option">5房</option>
-                                <option class="option">6房</option>
-                                <option class="option">7房</option>
-                                <option class="option">8房</option>
+                                <option value="幾房" disabled selected="selected">幾房</option>
+                                <option class="option" value="1">1</option>
+                                <option class="option" value="2">2</option>
+                                <option class="option" value="3">3</option>
+                                <option class="option" value="4">4</option>
+                                <option class="option" value="5">5</option>
+                                <option class="option" value="6">6</option>
+                                <option class="option" value="7">7</option>
+                                <option class="option" value="8">8</option>
                             </select>
                             <select name="liv_num" id="livingroom" required style="margin-right:1.5vw">
                                 <option value="幾廳" disabled selected="selected" style="margin-right:25px">幾廳</option>
-                                <option class="option">1廳</option>
-                                <option class="option">2廳</option>
+                                <option class="option" value="1">1</option>
+                                <option class="option" value="2">2</option>
                             </select>
                             <select name="bath_num" id="bathroom" required>
-                                <option value="地區" disabled selected="selected" >幾衛</option>
-                                <option class="option">1衛</option>
-                                <option class="option">2衛</option>
-                                <option class="option">3衛</option>
-                                <option class="option">4衛</option>
-                                <option class="option">5衛</option>
-                                <option class="option">6衛</option>
-                                <option class="option">7衛</option>
-                                <option class="option">8衛</option>
+                                <option value="地區" disabled selected="selected">幾衛</option>
+                                <option class="option" value="1" >1</option>
+                                <option class="option" value="2" >2</option>
+                                <option class="option" value="3" >3</option>
+                                <option class="option" value="4" >4</option>
+                                <option class="option" value="5" >5</option> value="1" 
+                                <option class="option" value="6" >6</option>
+                                <option class="option" value="7" >7</option>
+                                <option class="option" value="8" >8</option>
                             </select>
                             <select name="style" id="style" required>
                                 <option value="風格類型" disabled selected="selected">風格類型</option>
@@ -334,8 +347,8 @@
                                 <option class="option">異國風</option>
                             </select>
                             <input name="prefer_date" type="date" id="date" placeholder="預選裝修日期" required>
-
                         </div>
+                        <hr>
                         <div id="form-right">
                             <div id="facebook">
                                 <img src="./img/logo/facebook.webp" alt="">

desktop11/style.css

@@ -438,6 +438,7 @@ body .arrow {
   transition: 0.5s;
   text-align: center;
   padding-bottom: 1vw;
+  position: relative;
 }
 
 #feedback #feedback-box .box img {
@@ -456,6 +457,16 @@ body .arrow {
   margin: 10px;
 }
 
+#feedback #feedback-box .box .play {
+  position: absolute;
+  left: 12vw;
+  top: 5vw;
+  width: 3vw;
+  height: 3vw;
+  opacity: 0.8;
+  z-index: 10;
+}
+
 #contact-us {
   margin: 0 auto;
   width: 100vw;
@@ -463,15 +474,6 @@ body .arrow {
   position: relative;
 }
 
-#contact-us hr {
-  position: absolute;
-  width: 500px;
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
-  top: 80vh;
-  left: 33vw;
-}
-
 #contact-us .contact-text {
   margin: 0 auto;
   width: 68vw;
@@ -504,6 +506,16 @@ body .arrow {
       grid-template-columns: repeat(2, 1fr);
   margin-top: 10px;
   margin: 0 auto;
+  position: relative;
+}
+
+#contact-us #contact-form hr {
+  position: absolute;
+  width: 34vw;
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+  left: 20vw;
+  top: 19vw;
 }
 
 #contact-us #contact-form #location,

desktop11/style.scss

@@ -383,6 +383,7 @@ body {
             transition: 0.5s;
             text-align: center;
             padding-bottom: 1vw;
+            position: relative;
             img {
                 width: 25vw;
                 margin: 0 auto;
@@ -399,6 +400,16 @@ body {
                 font-weight: 600;
                 margin: 10px;
             }
+            .play{
+                position: absolute;
+                left:12vw;
+                top:5vw;
+                width: 3vw;
+                height: 3vw;
+                opacity: 0.8;
+                z-index: 10;
+               
+            }
         }
     }
 }
@@ -409,13 +420,7 @@ body {
 
     background: #eee;
     position: relative;
-    hr {
-        position: absolute;
-        width: 500px;
-        transform: rotate(90deg);
-        top: 80vh;
-        left: 33vw;
-    }
+ 
     .contact-text {
         margin: 0 auto;
         width: 68vw;
@@ -445,6 +450,14 @@ body {
         grid-template-columns: repeat(2, 1fr);
         margin-top: 10px;
         margin: 0 auto;
+        position: relative;
+        hr {
+            position: absolute;
+            width: 34vw;
+            transform: rotate(90deg);
+            left: 20vw;
+            top:19vw;
+        }
         #location,
         #type,
         #modal,
@@ -472,6 +485,7 @@ body {
         #form-left {
             width: 28vw;
             margin-left: 3vw;
+          
 
             #rooms,
             #livingroom,