Página inicial Explorar Ajuda
Entrar
choozmo
/
HHH_Home_Decoration
2
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

初版

jeter20131220 4 anos atrás
pai
50efc4917f
commit
22294b1070
43 arquivos alterados com 302 adições e 269 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 1 0
      desktop
  2. 21 268
      index.html
  3. 0 0
      moblie/.vscode/settings.json
  4. 0 0
      moblie/README.md
  5. 0 0
      moblie/drechifont-monospaced.ttf
  6. 0 0
      moblie/drechifont-proportional.ttf
  7. 0 0
      moblie/img/001.jpg
  8. 0 0
      moblie/img/002.jpg
  9. 0 0
      moblie/img/003.jpg
  10. 0 0
      moblie/img/01.jpg
  11. 0 0
      moblie/img/02.jpg
  12. 0 0
      moblie/img/03.jpg
  13. 0 0
      moblie/img/arrowdown.png
  14. 0 0
      moblie/img/box1.png
  15. 0 0
      moblie/img/box2.png
  16. 0 0
      moblie/img/box3.png
  17. 0 0
      moblie/img/box4 .png
  18. 0 0
      moblie/img/box5.png
  19. 0 0
      moblie/img/box6.png
  20. 0 0
      moblie/img/facebook (2).png
  21. 0 0
      moblie/img/facebook.png
  22. 0 0
      moblie/img/feedback01.jpeg
  23. 0 0
      moblie/img/feedback02.jpg
  24. 0 0
      moblie/img/feedback03.jpeg
  25. 0 0
      moblie/img/feedback04.jpg
  26. 0 0
      moblie/img/feedback05.jpeg
  27. 0 0
      moblie/img/feedback06.jpg
  28. 0 0
      moblie/img/icon1.png
  29. 0 0
      moblie/img/icon2.png
  30. 0 0
      moblie/img/icondown.png
  31. 0 0
      moblie/img/img1.jpg
  32. 0 0
      moblie/img/line.png
  33. 0 0
      moblie/img/logo-1.png
  34. 0 0
      moblie/img/logo1.png
  35. 0 0
      moblie/img/logomain-3.png
  36. 0 0
      moblie/img/menu.png
  37. 0 0
      moblie/img/service01.jpg
  38. 0 0
      moblie/img/service02.jpg
  39. 280 0
      moblie/index.html
  40. 0 0
      moblie/script/goto.js
  41. 0 0
      moblie/style.css
  42. 0 0
      moblie/style.css.map
  43. 0 1
      moblie/style.scss

+ 1 - 0
desktop 

@@ -0,0 +1 @@
 
+Subproject commit 3bcd4e2121b3740acc9e8d026de8da9b5a3aee77

+ 21 - 268
index.html
Ver arquivo 

@@ -1,280 +1,33 @@
 
 <!DOCTYPE html>
 
-<html lang="zh">
 
-
 
+<html lang="en">
 
 <head>
 
     <meta charset="UTF-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>HHH_Home_Decoration</title>
 
-
 
+    <title>Document</title>
 
 
-    <!-- Slick CDN -->
 
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
 
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
 
-     <!--  可視區域 viewport  -->
 
-  <!--  寬度 = 裝置寬度 width=device-width  -->
 
-  <!--  初始寬度 = 100% initial-scale=1.0  -->
 
-  <!--  縮放 = 否 user-scalable=no  -->
 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 
-    <link rel="stylesheet" href="./style.css">
 
-</head>
 
-
 
-<body>
 
-    <nav class="navigation">
 
-        <div class="logo">
 
-            <a href=""><img src="./img/logomain-3.png" alt=""></a>
 
-        </div>
 
-        <img id="menu-btn1" src="./img/menu.png" alt="">
 
-    </nav>
 
 
-    <div id="menu-box">
 
-       
-        <div id="menu-box2">
 
-            <div id="menu1" class="menu-text"><a href="#!">首頁</a>
 
-                <div class="menu-text"><a href="#!">我有裝修需求</a></div>
 
-                <div class="menu-text"><a href="#!">屋主都說好</a></div>
 
-                <div class="menu-text"><a href="#!">服務流程</a></div>
 
-            </div>
 
-            <hr>
 
-            <div id="menu-link">
 
-                <div class="menu-logo"><img src="./img/logo1.png" alt=""></div>
 
-                <div class="menu-logo"><img src="./img/facebook (2).png" alt=""></div>
 
-                <div class="menu-logo"><img src="./img/line.png" alt=""></div>
 
-            </div>
 
 
-        </div>
 
-      
-    </div>
 
 
-    <section id="banner-box">
 
-        <div class="banner-slider">
 
-            <div class="banner1">
 
-                <h1>北歐風</h1>
 
-            </div>
 
-            <div class="banner2">
 
-                <h1>次代風</h1>
 
-            </div>
 
-            <div class="banner3">
 
-                <h1>美式風</h1>
 
-            </div>
 
-        </div>
 
+<script>
 
+    
+window.onload=function(){
 
+    
+    if(screen.width>1024)
 
+    {
 
+        window.location.href = "./desktop/index.html";   
+    }
 
+    else
 
+    {
 
+        window.location.href = "./mobile/index.html";  
         
-        
-    </section>
 
-    <div class="btn">
 
-        <button class="btn-main">預約免費裝修諮詢</button>
 
-    </div>
 
-    <section id="content1">
 
-        <h1 class="title">你有以這些下困擾嗎</h1>
 
-        <div class="box">
 
-
 
-            <div class="text">
 
-                <div class="text2">
 
-                    <h2>裝修公司眾多</h2>
 
-                    <h2>不知道如何邀選最適合的設計師?</h2>
 
-                </div>
 
-                <img src="./img/01.jpg" alt="">
 
-            </div>
 
-            <div class="text">
 
-                <div class="text2">
 
-                    <h2>擔心遇到不良裝修公司</h2>
 
-                    <h2>容易產生裝修糾紛</h2>
 
-                </div>
 
-                <img src="./img/02.jpg" alt="">
 
-            </div>
 
-            <div class="text">
 
-                <div class="text2">
 
-                    <h2>不了解裝修工程預算行情</h2>
 
-                    <h2>害怕被騙嗎?</h2>
 
-                </div>
 
-                <img src="./img/03.jpg" alt="">
 
-            </div>
 
-
 
-
 
-    </section>
 
-    <section id="service">
 
-        <h1 class="title">我們提供的服務</h1>
 
-        <div class="service-box">
 
-            <div class="text-left">
 
-                <img src="./img/icon1.png" alt="">
 
-                <div class="icon-text">
 
-                    <p>推薦合法立案</p>
 
-                    <p>無裝修司法糾紛紀錄的</p>
 
-                    <p>專業設計師</p>
 
-                    <p>輕鬆找到合適人選</p>
 
-                    <p>不再大海撈針</p>
 
-                </div>
 
-            </div>
 
-            <div class="text-right">
 
-                <img src="./img/service01.jpg" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="service-box">
 
-            <div class="text-left">
 
-                <img src="./img/icon2.png" alt="">
 
-                <div class="icon-text">
 
-                    <p>推薦合法立案</p>
 
-                    <p>無裝修司法糾紛紀錄的</p>
 
-                    <p>專業設計師</p>
 
-                    <p>輕鬆找到合適人選</p>
 
-                    <p>不再大海撈針</p>
 
-                </div>
 
-            </div>
 
-            <div class="text-right">
 
-                <img src="./img/service02.jpg" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="btn">
 
-            <button class="btn-main">預約免費裝修諮詢</button>
 
-        </div>
 
-    </section>
 
-    <section id="service-process">
 
-        <h1 class="title">最嚴謹的服務流程</h1>
 
-        <div class="process-box">
 
-            <img src="./img/box1.png" alt="">
 
-            <div style="margin-top: 70px;" class="process-title">
 
-                <p>填寫需求表單</p>
 
-                <img src="./img/arrowdown.png" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="process-box">
 
-            <img src="./img/box2.png" alt="">
 
-            <div style="margin-top: 50px;" class="process-title">
 
-                <p>專人聯繫</p>
 
-                <p>進行裝修前諮詢</p>
 
-                <img src="./img/arrowdown.png" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="process-box">
 
-            <img src="./img/box3.png" alt="">
 
-            <div style="margin-top: 30px;" class="process-title">
 
-                <p>依照屋主的需求</p>
 
-                <p>推薦合法立案的</p>
 
-                <p>設計公司</p>
 
-                <img src="./img/arrowdown.png" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="process-box">
 
-            <img src="./img/box4 .png" alt="">
 
-            <div style="margin-top: 50px;" class="process-title">
 
-                <p>設計公司會</p>
 
-                <p>主動與屋主聯繫</p>
 
-                <img src="./img/arrowdown.png" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="process-box">
 
-            <img src="./img/box5.png" alt="">
 
-            <div style="margin-top: 30px;" class="process-title">
 
-                <p>選擇是否使用</p>
 
-                <p>幸福經紀人制度</p>
 
-                <p>來保障裝修權益</p>
 
-                <img src="./img/arrowdown.png" alt="">
 
-            </div>
 
-        </div>
 
-        <div class="process-box">
 
-            <img src="./img/box6.png" alt="">
 
-            <div style="margin-top: 50px;" class="process-title">
 
-                <p>媒合成功</p>
 
-            </div>
 
-        </div>
 
-    </section>
 
-
 
-    <section id="feedback">
 
-        <h1 class="title">客戶真實見證</h1>
 
-        <div class="feedback-slider1">
 
-            <div class="box">
 
-                <img src="./img/feedback01.jpeg" alt="">
 
-                <p>嚮往仁文街處的溫度-文響</p>
 
-            </div>
 
-            <div class="box">
 
-                <img src="./img/feedback02.jpg" alt="">
 
-                <p>嚮往仁文街處的溫度-文響</p>
 
-            </div>
 
-            <div class="box">
 
-                <img src="./img/feedback03.jpeg" alt="">
 
-                <p>嚮往仁文街處的溫度-文響</p>
 
-            </div>
 
-            <div class="box">
 
-                <img src="./img/feedback04.jpg" alt="">
 
-                <p>嚮往仁文街處的溫度-文響</p>
 
-            </div>
 
-            <div class="box">
 
-                <img src="./img/feedback05.jpeg" alt="">
 
-                <p>嚮往仁文街處的溫度-文響</p>
 
-            </div>
 
-            <div class="box">
 
-                <img src="./img/feedback06.jpg" alt="">
 
-                <p>嚮往仁文街處的溫度-文響</p>
 
-            </div>
 
-
 
-        </div>
 
-    </section>
 
-
 
-    <section id="contact-us">
 
-        <div id="form-title">
 
-            <h1>已經服務超過14392個生活</h1>
 
-            <h1>打造夢想中的完美居家生活</h1>
 
-            <h1>即刻啟動!</h1>
 
-
 
-        </div>
 
-        <div id="form-text">
 
-            <p>請撥打全台付費專線<span id="phone" style="color: #ffaf60">0800-336-086</span></p>
 
-            <p>或填寫以下資料，專人將盡速與您聯繫。</p>
 
-        </div>
 
-        <div id="contact-form">
 
-            <select name="location" id="location">
 
-                <option value="地區" disabled selected="selected">地區</option>
 
-            </select>
 
-            <select name="type" id="type">
 
-                <option value="房屋類型" disabled selected="selected">房屋類型</option>
 
-            </select>
 
-            <select name="modal" id="modal">
 
-                <option value="房屋型態" disabled selected="selected">房屋型態</option>
 
-            </select>
 
-            <select name="budget" id="budget">
 
-                <option value="裝修預算" disabled selected="selected">裝修預算</option>
 
-            </select>
 
-            <input type="text" id="square" placeholder="請輸入坪數" required>
 
-            <select name="rooms" id="rooms">
 
-                <option value="幾房" disabled selected="selected">幾房</option>
 
-            </select>
 
-            <select name="living room" id="livingroom">
 
-                <option value="幾廳" disabled selected="selected">幾廳</option>
 
-            </select>
 
-            <select name="bathroom" id="bathroom">
 
-                <option value="地區" disabled selected="selected">幾衛</option>
 
-            </select>
 
-            <select name="cars" id="style">
 
-                <option value="風格類型" disabled selected="selected">風格類型</option>
 
-            </select>
 
-            <input type="text" id="date" placeholder="預選裝修日期" required>
 
-            <div id="facebook">
 
-                <img src="./img/facebook.png" alt="">
 
-                <p>使用FB填入信箱與姓名 </p>
 
-            </div>
 
-            <input type="text" id="email" placeholder="請輸入信箱" required>
 
-            <input type="text" id="name" placeholder="請輸入姓名" required>
 
-            <input type="text" id="phone" placeholder="請輸入電話" required>
 
-            <select name="cars" id="gender">
 
-                <option value="性格" disabled selected="selected">性別</option>
 
-            </select>
 
-            <input type="checkbox" id="checkbox"> <label id="agree" for="agree">同意</label><a href="">免責聲明與隱私使用政策</a>
 
-        </div>
 
-        <div id="form">
 
-            <button id="btn">送出</button>
 
-        </div>
 
-    </section>
 
-    <div id="footer">
 
-        <p>幸福空間 版權所有 &copy; Gorgeous Space Co.Ltd.</p>
 
-        <p>All Rights Reserved.</p>
 
-        <a href="x">｜聯絡我們｜</a>
 
-        <a href="">｜關於本站｜</a>
 
-    </div>
 
-
 
-    <!-- jQuery CDN -->
 
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
-    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
-    <script src="./script/goto.js"></script>
 
+    }
 
+}
 
+    
+</script>
 
+    
+</head>
 
+<body>
 
+    
 </body>
 
-
 
 </html>

+ 0 - 0
.vscode/settings.json → moblie/.vscode/settings.json
Ver arquivo


+ 0 - 0
README.md → moblie/README.md
Ver arquivo


+ 0 - 0
drechifont-monospaced.ttf → moblie/drechifont-monospaced.ttf
Ver arquivo


+ 0 - 0
drechifont-proportional.ttf → moblie/drechifont-proportional.ttf
Ver arquivo


+ 0 - 0
img/001.jpg → moblie/img/001.jpg
Ver arquivo


+ 0 - 0
img/002.jpg → moblie/img/002.jpg
Ver arquivo


+ 0 - 0
img/003.jpg → moblie/img/003.jpg
Ver arquivo


+ 0 - 0
img/01.jpg → moblie/img/01.jpg
Ver arquivo


+ 0 - 0
img/02.jpg → moblie/img/02.jpg
Ver arquivo


+ 0 - 0
img/03.jpg → moblie/img/03.jpg
Ver arquivo


+ 0 - 0
img/arrowdown.png → moblie/img/arrowdown.png
Ver arquivo


+ 0 - 0
img/box1.png → moblie/img/box1.png
Ver arquivo


+ 0 - 0
img/box2.png → moblie/img/box2.png
Ver arquivo


+ 0 - 0
img/box3.png → moblie/img/box3.png
Ver arquivo


+ 0 - 0
img/box4 .png → moblie/img/box4 .png
Ver arquivo


+ 0 - 0
img/box5.png → moblie/img/box5.png
Ver arquivo


+ 0 - 0
img/box6.png → moblie/img/box6.png
Ver arquivo


+ 0 - 0
img/facebook (2).png → moblie/img/facebook (2).png
Ver arquivo


+ 0 - 0
img/facebook.png → moblie/img/facebook.png
Ver arquivo


+ 0 - 0
img/feedback01.jpeg → moblie/img/feedback01.jpeg
Ver arquivo


+ 0 - 0
img/feedback02.jpg → moblie/img/feedback02.jpg
Ver arquivo


+ 0 - 0
img/feedback03.jpeg → moblie/img/feedback03.jpeg
Ver arquivo


+ 0 - 0
img/feedback04.jpg → moblie/img/feedback04.jpg
Ver arquivo


+ 0 - 0
img/feedback05.jpeg → moblie/img/feedback05.jpeg
Ver arquivo


+ 0 - 0
img/feedback06.jpg → moblie/img/feedback06.jpg
Ver arquivo


+ 0 - 0
img/icon1.png → moblie/img/icon1.png
Ver arquivo


+ 0 - 0
img/icon2.png → moblie/img/icon2.png
Ver arquivo


+ 0 - 0
img/icondown.png → moblie/img/icondown.png
Ver arquivo


+ 0 - 0
img/img1.jpg → moblie/img/img1.jpg
Ver arquivo


+ 0 - 0
img/line.png → moblie/img/line.png
Ver arquivo


+ 0 - 0
img/logo-1.png → moblie/img/logo-1.png
Ver arquivo


+ 0 - 0
img/logo1.png → moblie/img/logo1.png
Ver arquivo


+ 0 - 0
img/logomain-3.png → moblie/img/logomain-3.png
Ver arquivo


+ 0 - 0
img/menu.png → moblie/img/menu.png
Ver arquivo


+ 0 - 0
img/service01.jpg → moblie/img/service01.jpg
Ver arquivo


+ 0 - 0
img/service02.jpg → moblie/img/service02.jpg
Ver arquivo


+ 280 - 0
moblie/index.html
Ver arquivo 

@@ -0,0 +1,280 @@
 
+<!DOCTYPE html>
 
+<html lang="zh">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>HHH_Home_Decoration</title>
 
+
 
+
 
+    <!-- Slick CDN -->
 
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
 
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
 
+     <!--  可視區域 viewport  -->
 
+  <!--  寬度 = 裝置寬度 width=device-width  -->
 
+  <!--  初始寬度 = 100% initial-scale=1.0  -->
 
+  <!--  縮放 = 否 user-scalable=no  -->
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 
+    <link rel="stylesheet" href="./style.css">
 
+</head>
 
+
 
+<body>
 
+    <nav class="navigation">
 
+        <div class="logo">
 
+            <a href=""><img src="./img/logomain-3.png" alt=""></a>
 
+        </div>
 
+        <img id="menu-btn1" src="./img/menu.png" alt="">
 
+    </nav>
 
+
 
+    <div id="menu-box">
 
+       
+        <div id="menu-box2">
 
+            <div id="menu1" class="menu-text"><a href="#!">首頁</a>
 
+                <div class="menu-text"><a href="#!">我有裝修需求</a></div>
 
+                <div class="menu-text"><a href="#!">屋主都說好</a></div>
 
+                <div class="menu-text"><a href="#!">服務流程</a></div>
 
+            </div>
 
+            <hr>
 
+            <div id="menu-link">
 
+                <div class="menu-logo"><img src="./img/logo1.png" alt=""></div>
 
+                <div class="menu-logo"><img src="./img/facebook (2).png" alt=""></div>
 
+                <div class="menu-logo"><img src="./img/line.png" alt=""></div>
 
+            </div>
 
+
 
+        </div>
 
+      
+    </div>
 
+
 
+    <section id="banner-box">
 
+        <div class="banner-slider">
 
+            <div class="banner1">
 
+                <h1>北歐風</h1>
 
+            </div>
 
+            <div class="banner2">
 
+                <h1>次代風</h1>
 
+            </div>
 
+            <div class="banner3">
 
+                <h1>美式風</h1>
 
+            </div>
 
+        </div>
 
+        
+        
+    </section>
 
+    <div class="btn">
 
+        <button class="btn-main">預約免費裝修諮詢</button>
 
+    </div>
 
+    <section id="content1">
 
+        <h1 class="title">你有以這些下困擾嗎</h1>
 
+        <div class="box">
 
+
 
+            <div class="text">
 
+                <div class="text2">
 
+                    <h2>裝修公司眾多</h2>
 
+                    <h2>不知道如何邀選最適合的設計師?</h2>
 
+                </div>
 
+                <img src="./img/01.jpg" alt="">
 
+            </div>
 
+            <div class="text">
 
+                <div class="text2">
 
+                    <h2>擔心遇到不良裝修公司</h2>
 
+                    <h2>容易產生裝修糾紛</h2>
 
+                </div>
 
+                <img src="./img/02.jpg" alt="">
 
+            </div>
 
+            <div class="text">
 
+                <div class="text2">
 
+                    <h2>不了解裝修工程預算行情</h2>
 
+                    <h2>害怕被騙嗎?</h2>
 
+                </div>
 
+                <img src="./img/03.jpg" alt="">
 
+            </div>
 
+
 
+
 
+    </section>
 
+    <section id="service">
 
+        <h1 class="title">我們提供的服務</h1>
 
+        <div class="service-box">
 
+            <div class="text-left">
 
+                <img src="./img/icon1.png" alt="">
 
+                <div class="icon-text">
 
+                    <p>推薦合法立案</p>
 
+                    <p>無裝修司法糾紛紀錄的</p>
 
+                    <p>專業設計師</p>
 
+                    <p>輕鬆找到合適人選</p>
 
+                    <p>不再大海撈針</p>
 
+                </div>
 
+            </div>
 
+            <div class="text-right">
 
+                <img src="./img/service01.jpg" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="service-box">
 
+            <div class="text-left">
 
+                <img src="./img/icon2.png" alt="">
 
+                <div class="icon-text">
 
+                    <p>推薦合法立案</p>
 
+                    <p>無裝修司法糾紛紀錄的</p>
 
+                    <p>專業設計師</p>
 
+                    <p>輕鬆找到合適人選</p>
 
+                    <p>不再大海撈針</p>
 
+                </div>
 
+            </div>
 
+            <div class="text-right">
 
+                <img src="./img/service02.jpg" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="btn">
 
+            <button class="btn-main">預約免費裝修諮詢</button>
 
+        </div>
 
+    </section>
 
+    <section id="service-process">
 
+        <h1 class="title">最嚴謹的服務流程</h1>
 
+        <div class="process-box">
 
+            <img src="./img/box1.png" alt="">
 
+            <div style="margin-top: 70px;" class="process-title">
 
+                <p>填寫需求表單</p>
 
+                <img src="./img/arrowdown.png" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="process-box">
 
+            <img src="./img/box2.png" alt="">
 
+            <div style="margin-top: 50px;" class="process-title">
 
+                <p>專人聯繫</p>
 
+                <p>進行裝修前諮詢</p>
 
+                <img src="./img/arrowdown.png" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="process-box">
 
+            <img src="./img/box3.png" alt="">
 
+            <div style="margin-top: 30px;" class="process-title">
 
+                <p>依照屋主的需求</p>
 
+                <p>推薦合法立案的</p>
 
+                <p>設計公司</p>
 
+                <img src="./img/arrowdown.png" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="process-box">
 
+            <img src="./img/box4 .png" alt="">
 
+            <div style="margin-top: 50px;" class="process-title">
 
+                <p>設計公司會</p>
 
+                <p>主動與屋主聯繫</p>
 
+                <img src="./img/arrowdown.png" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="process-box">
 
+            <img src="./img/box5.png" alt="">
 
+            <div style="margin-top: 30px;" class="process-title">
 
+                <p>選擇是否使用</p>
 
+                <p>幸福經紀人制度</p>
 
+                <p>來保障裝修權益</p>
 
+                <img src="./img/arrowdown.png" alt="">
 
+            </div>
 
+        </div>
 
+        <div class="process-box">
 
+            <img src="./img/box6.png" alt="">
 
+            <div style="margin-top: 50px;" class="process-title">
 
+                <p>媒合成功</p>
 
+            </div>
 
+        </div>
 
+    </section>
 
+
 
+    <section id="feedback">
 
+        <h1 class="title">客戶真實見證</h1>
 
+        <div class="feedback-slider1">
 
+            <div class="box">
 
+                <img src="./img/feedback01.jpeg" alt="">
 
+                <p>嚮往仁文街處的溫度-文響</p>
 
+            </div>
 
+            <div class="box">
 
+                <img src="./img/feedback02.jpg" alt="">
 
+                <p>嚮往仁文街處的溫度-文響</p>
 
+            </div>
 
+            <div class="box">
 
+                <img src="./img/feedback03.jpeg" alt="">
 
+                <p>嚮往仁文街處的溫度-文響</p>
 
+            </div>
 
+            <div class="box">
 
+                <img src="./img/feedback04.jpg" alt="">
 
+                <p>嚮往仁文街處的溫度-文響</p>
 
+            </div>
 
+            <div class="box">
 
+                <img src="./img/feedback05.jpeg" alt="">
 
+                <p>嚮往仁文街處的溫度-文響</p>
 
+            </div>
 
+            <div class="box">
 
+                <img src="./img/feedback06.jpg" alt="">
 
+                <p>嚮往仁文街處的溫度-文響</p>
 
+            </div>
 
+
 
+        </div>
 
+    </section>
 
+
 
+    <section id="contact-us">
 
+        <div id="form-title">
 
+            <h1>已經服務超過14392個生活</h1>
 
+            <h1>打造夢想中的完美居家生活</h1>
 
+            <h1>即刻啟動!</h1>
 
+
 
+        </div>
 
+        <div id="form-text">
 
+            <p>請撥打全台付費專線<span id="phone" style="color: #ffaf60">0800-336-086</span></p>
 
+            <p>或填寫以下資料，專人將盡速與您聯繫。</p>
 
+        </div>
 
+        <div id="contact-form">
 
+            <select name="location" id="location">
 
+                <option value="地區" disabled selected="selected">地區</option>
 
+            </select>
 
+            <select name="type" id="type">
 
+                <option value="房屋類型" disabled selected="selected">房屋類型</option>
 
+            </select>
 
+            <select name="modal" id="modal">
 
+                <option value="房屋型態" disabled selected="selected">房屋型態</option>
 
+            </select>
 
+            <select name="budget" id="budget">
 
+                <option value="裝修預算" disabled selected="selected">裝修預算</option>
 
+            </select>
 
+            <input type="text" id="square" placeholder="請輸入坪數" required>
 
+            <select name="rooms" id="rooms">
 
+                <option value="幾房" disabled selected="selected">幾房</option>
 
+            </select>
 
+            <select name="living room" id="livingroom">
 
+                <option value="幾廳" disabled selected="selected">幾廳</option>
 
+            </select>
 
+            <select name="bathroom" id="bathroom">
 
+                <option value="地區" disabled selected="selected">幾衛</option>
 
+            </select>
 
+            <select name="cars" id="style">
 
+                <option value="風格類型" disabled selected="selected">風格類型</option>
 
+            </select>
 
+            <input type="text" id="date" placeholder="預選裝修日期" required>
 
+            <div id="facebook">
 
+                <img src="./img/facebook.png" alt="">
 
+                <p>使用FB填入信箱與姓名 </p>
 
+            </div>
 
+            <input type="text" id="email" placeholder="請輸入信箱" required>
 
+            <input type="text" id="name" placeholder="請輸入姓名" required>
 
+            <input type="text" id="phone" placeholder="請輸入電話" required>
 
+            <select name="cars" id="gender">
 
+                <option value="性格" disabled selected="selected">性別</option>
 
+            </select>
 
+            <input type="checkbox" id="checkbox"> <label id="agree" for="agree">同意</label><a href="">免責聲明與隱私使用政策</a>
 
+        </div>
 
+        <div id="form">
 
+            <button id="btn">送出</button>
 
+        </div>
 
+    </section>
 
+    <div id="footer">
 
+        <p>幸福空間 版權所有 &copy; Gorgeous Space Co.Ltd.</p>
 
+        <p>All Rights Reserved.</p>
 
+        <a href="x">｜聯絡我們｜</a>
 
+        <a href="">｜關於本站｜</a>
 
+    </div>
 
+
 
+    <!-- jQuery CDN -->
 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
+    <script src="./script/goto.js"></script>
 
+</body>
 
+
 
+</html>

+ 0 - 0
script/goto.js → moblie/script/goto.js
Ver arquivo


+ 0 - 0
style.css → moblie/style.css
Ver arquivo


Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
moblie/style.css.map


+ 0 - 1
style.scss → moblie/style.scss
Ver arquivo 

@@ -3,7 +3,6 @@
 
     padding: 0;
 
     box-sizing: border-box;
 
 }
 
-$desktop: 1025px;
 
 $table: 1024px;
 
 $moblie: 767px;

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff