頁面修正

desktopB/index.html

@@ -242,31 +242,28 @@
                         </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">2房</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>
+                            <option class="option" value="1">1房</option>
+                                <option class="option" value="2" selected>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">2廳</option>
-                            <option class="option" value="1">1</option>
-                            <option class="option" value="2">2</option>
+                            <option class="option" value="1">1廳</option>
+                            <option class="option" value="2" selected>2廳</option>
                         </select>
                         <select name="bath_num" id="bathroom" required>
-                            <option value="地區" disabled selected="selected">1衛</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>
+                            <option class="option" value="1" selected>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="style" id="style" required>
                             <option value="風格類型" disabled selected="selected">風格類型</option>

mobileB/index.html

@@ -121,11 +121,10 @@
                 </div>
         </section>
     </div>
-    <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png"
-    alt="">
+    <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png" alt="">
     <section id="contact-us">
         <div id="form-title">
-            <h1>已經服務超過14392個家庭</h1>
+            <h1>已經服務超過<span style="font-size: 24px;">14392</span>個家庭</h1>
             <h1>打造夢想中的完美居家生活</h1>
             <h1>即刻啟動!</h1>
 
@@ -190,31 +189,28 @@
                 </select>
                 <input name="size" type="text" id="square" placeholder="請輸入坪數" required>
                 <select name="bed_num" id="rooms" required>
-                    <option value="幾房" disabled selected="selected">2房</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>
+                    <option class="option" value="1">1房</option>
+                    <option class="option" value="2" selected>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="living room" disabled selected="selected">2廳</option>
-                    <option class="option" value="1">1</option>
-                    <option class="option" value="2">2</option>
+                    <option class="option" value="1">1廳</option>
+                    <option class="option" value="2" selected>2廳</option>
                 </select>
                 <select name="bath_num" id="bathroom" required>
-                    <option value="bathroom" disabled selected="selected">1衛</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>
+                    <option class="option" value="1" selected>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="style" id="style" required>
                     <option value="風格類型" disabled selected="selected">風格類型</option>

mobileB/style.css

@@ -77,7 +77,7 @@ body .btn-main:hover {
 body .arrow {
   position: fixed;
   right: 20px;
-  bottom: 100px;
+  bottom: 50px;
   width: 45px;
   height: 40px;
   z-index: 10;
@@ -146,13 +146,13 @@ body .arrow:hover {
 
 @media screen and (max-width: 767px) {
   #banner-box .bannertitlebox {
-    padding-top: 20vw;
+    padding-top: 25vw;
   }
 }
 
 @media screen and (max-width: 400px) {
   #banner-box .bannertitlebox {
-    padding-top: 20vw;
+    padding-top: 25vw;
   }
 }
 
@@ -195,7 +195,7 @@ body .arrow:hover {
 @media screen and (max-width: 767px) {
   #banner-box .banner1 {
     height: 80vh;
-    background-size: 100vw 70vh;
+    background-size: 100vw 80vh;
   }
 }
 
@@ -214,7 +214,7 @@ body .arrow:hover {
 #banner-box .banner1 .banner-titleh1 {
   text-align: center;
   color: #fff;
-  font-size: 30px;
+  font-size: 35px;
   font-weight: bolder;
   font-family: 'Noto Serif TC', serif;
 }
@@ -272,26 +272,25 @@ body .arrow:hover {
 
 @media screen and (max-width: 767px) {
   #banner-box .banner1 {
-    height: 90vh;
+    height: 100vh;
     background-size: cover;
     background-position: center center;
   }
 }
 
-@media screen and (max-width: 1024px) {
-  #banner-box .banner1 {
-    height: 90vh;
-  }
-}
-
 #banner-box .banner1 {
   background-image: url(./img/banner/001.webp);
 }
 
+#contact-us {
+  padding-top: 50px;
+}
+
 #contact-us p {
   font-size: 16px;
   font-weight: 600;
   margin: 0px 10px;
+  color: #5c5248;
 }
 
 @media screen and (max-width: 1024px) {
@@ -308,9 +307,7 @@ body .arrow:hover {
 }
 
 #contact-us #form-title {
-  padding-top: 100px;
   margin-bottom: 50px;
-  color: #5c5248;
 }
 
 #contact-us #form-text {
@@ -335,7 +332,9 @@ body .arrow:hover {
 
 #contact-us h1 {
   text-align: center;
-  font-size: 24px;
+  font-family: 'Noto Serif TC', serif;
+  color: #4b515e;
+  font-weight: bolder;
 }
 
 @media screen and (max-width: 1024px) {
@@ -346,7 +345,7 @@ body .arrow:hover {
 
 @media screen and (max-width: 767px) {
   #contact-us h1 {
-    font-size: 24px;
+    font-size: 20px;
   }
 }
 

mobileB/style.scss

@@ -65,7 +65,7 @@ body {
     .arrow {
         position: fixed;
         right: 20px;
-        bottom: 100px;
+        bottom: 50px;
         width: 45px;
         height: 40px;
         z-index: 10;
@@ -82,6 +82,7 @@ body {
     height: 50vh;
     overflow: hidden;
     position: relative;
+   
     @media screen and(max-width:$moblie) {
         height: 90vh;
     }
@@ -115,10 +116,10 @@ body {
     .bannertitlebox {
         padding-top: 10vw;
         @media screen and(max-width:$moblie) {
-            padding-top: 20vw;
+            padding-top: 25vw;
         }
         @media screen and(max-width:400px) {
-            padding-top: 20vw;
+            padding-top: 25vw;
         }
     }
     .menu-btn1 {
@@ -149,7 +150,7 @@ body {
         background-size: 100vw 50vh;
         @media screen and(max-width:$moblie) {
             height: 80vh;
-            background-size: 100vw 70vh;
+            background-size: 100vw 80vh;
         }
 
         .black {
@@ -163,9 +164,10 @@ body {
         .banner-titleh1 {
             text-align: center;
             color: #fff;
-            font-size: 30px;
+            font-size: 35px;
             font-weight: bolder;
             font-family: 'Noto Serif TC', serif;
+           
         }
         .process-box {
             display: grid;
@@ -204,14 +206,11 @@ body {
         }
 
         @media screen and(max-width:$moblie) {
-            height: 90vh;
+            height: 100vh;
             background-size: cover;
             background-position: center center;
         }
 
-        @media screen and(max-width:$table) {
-            height: 90vh;
-        }
     }
     .banner1 {
         background-image: url(./img/banner/001.webp);
@@ -220,11 +219,12 @@ body {
 }
 
 #contact-us {
+    padding-top: 50px;
     p {
         font-size: 16px;
         font-weight: 600;
         margin: 0px 10px;
-
+        color: #5c5248;
         @media screen and(max-width:$table) {
             font-size: 24px;
             text-align: center;
@@ -235,9 +235,8 @@ body {
     }
 
     #form-title {
-        padding-top: 100px;
         margin-bottom: 50px;
-        color: #5c5248;
+     
     }
     #form-text {
         width: 100vw;
@@ -254,12 +253,14 @@ body {
     }
     h1 {
         text-align: center;
-        font-size: 24px;
+        font-family: 'Noto Serif TC', serif;
+        color:$title-color;
+        font-weight: bolder;
         @media screen and(max-width:$table) {
             font-size: 36px;
         }
         @media screen and(max-width:$moblie) {
-            font-size: 24px;
+            font-size: 20px;
         }
     }
     #contact-form {