jeter20131220 3 年之前
父節點
當前提交
e04f30a7cc
共有 4 個文件被更改,包括 22 次插入10 次删除
  1. 1 1
      desktop11/index.html
  2. 10 4
      desktop11/style.css
  3. 0 0
      desktop11/style.css.map
  4. 11 5
      desktop11/style.scss

+ 1 - 1
desktop11/index.html

@@ -106,7 +106,7 @@
                 <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>
+                            <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>

+ 10 - 4
desktop11/style.css

@@ -1,5 +1,12 @@
 @charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;600&display=swap");
+* {
+  margin: 0;
+  padding: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
 @font-face {
   font-family: 追奇手寫體;
   src: url(./drechifont-proportional.ttf);
@@ -7,7 +14,6 @@
 }
 
 body {
-  height: 5000px;
   width: 100vw;
 }
 
@@ -97,11 +103,11 @@ body .arrow:hover {
   background-image: url(./img/banner/003.webp);
 }
 
-.banner #text #animation1, .banner #text #animation2, .banner #text #animation3 {
+.banner #text h1 {
   padding: 15px;
-  color: #fff;
+  color: #fff !important;
   font-family: 追奇手寫體 !important;
-  font-size: 72px;
+  font-size: 72px !important;
 }
 
 .banner #text .btn-main {

文件差異過大導致無法顯示
+ 0 - 0
desktop11/style.css.map


+ 11 - 5
desktop11/style.scss

@@ -1,21 +1,27 @@
 
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
 $Font-color: #fff;
 $title-color: #4b515e;
 $toggle: #9c857b;
 $process: #6f645a;
+
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;600&display=swap");
 @font-face {
     font-family: 追奇手寫體;
     src: url(./drechifont-proportional.ttf);
     font-weight: 900;
 }
-@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;600&display=swap");
 
 
 
 $destop: 1025px;
 
 body {
-    height: 5000px;
+    
     width: 100vw;
 
     .btn {
@@ -92,11 +98,11 @@ body {
                 background-image: url(./img/banner/003.webp);
             }
         }
-        #animation1,#animation2,#animation3 {
+        h1{
             padding: 15px;
-            color: $Font-color;
+            color: $Font-color !important;
             font-family: 追奇手寫體 !important;
-            font-size: 72px;
+            font-size: 72px !important;
         }
         .btn-main {
             box-shadow: 0 10px 9px rgba(0, 0, 0, 0.5);

部分文件因文件數量過多而無法顯示