Home Explore Help
Register Sign In
choozmo
/
AI_Anchor_Demo
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

update

jeter20131220 3 years ago
parent
f42ef1ff0c
commit
55850e38e3
8 changed files with 69 additions and 75 deletions
Split View Show Diff Stats
  1. 1 1
      features.html
  2. 43 30
      index.html
  3. 1 1
      steps.html
  4. 7 40
      style.css
  5. 0 0
      style.css.map
  6. 15 1
      style.scss
  7. 1 1
      usecases.html
  8. 1 1
      video.html

+ 1 - 1
features.html
View File 

@@ -17,7 +17,7 @@
 
 <body>
 
 <div style="overflow: hidden;">
 
     <div class="ai-spokesgril"> 
-        <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900; margin-top: 100px; margin-left: 15px;" href="./index.html">
 
+        <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900; margin-top: 30px; margin-left: 15px;" href="./index.html">
 
             <img class="me-5" style="width: 50px; margin-right: 15px;" src="./img/圖片1.png" alt="">
 
             AI Spokesgirl
 
         </a>

+ 43 - 30
index.html
View File 

@@ -16,8 +16,8 @@
 
 </head>
 
 
 <body>
 
-    <section class="sec01">
 
-        <div class="card text-white">
 
+    <section class="home-page">
 
+        <div class="text-white">
 
             <div class="bgslider">
 
                 <!-- <div id="bg-itembox" data-slider-duration="5000">
 
                     <div class="bg-item bg-active">
 
@@ -31,37 +31,50 @@
 
                     </div>
 
                 </div> -->
 
                 <ul class="px-0">
 
-                    <li><img src="./img/bgsec03.png" class="itemimg01 card-img img-fluid" alt="..."></li>
 
+                    <!-- <li><img src="./img/bgsec03.png" class="itemimg01 card-img img-fluid" alt="..."></li>
 
                     <li><img src="./img/bgsec02.png" class="itemimg01 card-img img-fluid" alt="..."></li>
 
-                    <li><img src="./img/bgsec01.png" class="itemimg01 card-img img-fluid" alt="..."></li>
 
+                    <li><img src="./img/bgsec01.png" class="itemimg01 card-img img-fluid" alt="..."></li> -->
 
                 </ul>
 
             </div>
 
-            <div id="nextPage" class="card-img-overlay pt-5">
 
-                <div class="row px-0 mx-0">
 
-                    <div class="col-4">
 
-                        <a style="text-decoration: none;" href="./about.html">
 
-                        <img class="img-fluid" src="./img/Button01.png" alt="">
 
-                        </a>
 
-                    </div>
 
-                    <div class="col-4">
 
-                        <a style="text-decoration: none;" href="./property.html">
 
-                        <img class="img-fluid" src="./img/Button_玻璃特性.png" alt="">
 
-                        </a>
 
-                    </div>
 
-                    <div class="col-4">
 
-                        <a style="text-decoration: none;" href="./video.html">
 
-                            <img class="img-fluid" src="./img/Button_影片導覽.png" alt="">
 
-                        </a>
 
-                    </div>
 
-                    <div class="col-4">
 
-                        <img class="img-fluid" src="./img/Button_玻璃流程.png" alt="">
 
-                    </div>
 
-                    <div class="col-4">
 
-                        <img class="img-fluid" src="./img/Button_玻璃用途.png" alt="">
 
-
 
-                    </div>
 
-                    <div class="col-4">
 
-                        <img class="img-fluid" src="./img/Button_玻璃藝術.png" alt="">
 
+            <div class="card-img-overlay d-flex align-items-center">
 
+                <div>
 
+                    <div class="row px-0 mx-0">
 
+                        <div class="home-box col-4 mb-4">
 
+                            <a style="text-decoration: none;" href="./about.html">
 
+                            <!-- <img class="img-fluid" src="./img/Button01.png" alt=""> -->
 
+                            <button type="button" class="home-btn">簡介</button>
 
+                            </a>
 
+                        </div>
 
+                        <div class="home-box col-4 mb-4">
 
+                            <a style="text-decoration: none;" href="./features.html">
 
+                            <!-- <img class="img-fluid" src="./img/Button_玻璃特性.png" alt=""> -->
 
+                            <button type="button" class="home-btn">特色</button>
 
+                            </a>
 
+                        </div>
 
+                        <div class="home-box col-4 mb-4">
 
+                            <a style="text-decoration: none;" href="./video.html">
 
+                                <button type="button" class="home-btn">影片導覽</button>
 
+                                <!-- <img class="img-fluid" src="./img/Button_影片導覽.png" alt=""> -->
 
+                            </a>
 
+                        </div>
 
+                        <div class="home-box col-4 mb-4">
 
+                            <a style="text-decoration: none;" href="./steps.html">
 
+                                <button type="button" class="home-btn">使用流程</button>
 
+                            </a>
 
+                            <!-- <img class="img-fluid" src="./img/Button_玻璃流程.png" alt=""> -->
 
+                        </div>
 
+                        <div class="home-box col-4 mb-4">
 
+                            <a style="text-decoration: none;" href="./usecases.html">
 
+                                <button type="button" class="home-btn">應用情境</button>
 
+                            </a>
 
+                            <!-- <img class="img-fluid" src="./img/Button_玻璃用途.png" alt=""> -->
 
+                        </div>
 
+                        <div class="home-box col-4 mb-4">
 
+                            <a style="text-decoration: none;" href="./make_video.html">
 
+                                <button type="button" class="home-btn">即時展示</button>
 
+                            </a>
 
+                            <!-- <img class="img-fluid" src="./img/Button_玻璃藝術.png" alt=""> -->
 
+                        </div>
 
                     </div>
 
                 </div>
 
             </div>

+ 1 - 1
steps.html
View File 

@@ -16,7 +16,7 @@
 
 <body>
 
     <div class="ai-spokesgril">
 
         <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
-            href="./index.html"><img class="me-3" style="width: 60px;" src="./img/home-button.png" alt="">AI
 
+            href="./index.html"><img class="me-3" style="width: 50px;" src="./img/圖片1.png" alt="">AI
 
             Spokesgirl</a>
 
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-2">
 
             <li class="nav-item dropdown">

+ 7 - 40
style.css
View File 

@@ -683,7 +683,6 @@ p {
 
   left: 3.5rem;
 
 }
 
 
-<<<<<<< HEAD
 
 .video-int .video-box {
 
   margin-top: 30px;
 
 }
 
@@ -693,48 +692,16 @@ p {
 
   width: 250px;
 
   background: #fff;
 
   font-size: 32px;
 
-=======
 
-.lan-switch {
 
-  outline: none;
 
-  border: none;
 
-  background-color: white;
 
-}
 
-
 
-.dropdown-menu[data-bs-popper] {
 
-  right: unset;
 
-  left: 0;
 
 }
 
 
-.navbar-nav {
 
-  float: right;
 
-  list-style: none;
 
-}
 
-
 
-.navbar-nav .nav-link {
 
-  font-size: 2rem;
 
-  text-decoration: none;
 
-  padding: .8rem 0;
 
-  color: black;
 
+.home-page .home-box {
 
+  text-align: center;
 
 }
 
 
-@media (max-width: 992px) {
 
-  .sec-features .row {
 
-    margin: 5rem 0;
 
-  }
 
-  .sec-features .features-col {
 
-    position: relative;
 
-    height: 25vh;
 
-  }
 
-  .sec-features .features-col .features-block {
 
-    left: 2rem;
 
-    top: 1rem;
 
-  }
 
-  .sec-features .row .d-md-block {
 
-    display: none;
 
-  }
 
-  .sec-features .row .d-block {
 
-    display: block;
 
-  }
 
->>>>>>> 6a150bc6ff0d85926a75f10d7fa988cabf1622d2
 
+.home-page .home-box .home-btn {
 
+  width: 200px;
 
+  background: #fff;
 
+  font-size: 32px;
 
+  padding: 10px 20px;
 
 }
 
 /*# sourceMappingURL=style.css.map */

File diff suppressed because it is too large
+ 0 - 0
style.css.map


+ 15 - 1
style.scss
View File 

@@ -634,4 +634,18 @@ h6,
 
       font-size: 32px;
 
     }
 
   }
 
-}
 
+}
 
+
 
+// 首頁
 
+.home-page{
 
+
 
+  .home-box{
 
+    text-align: center;
 
+    .home-btn{
 
+      width: 200px;
 
+      background: #fff;
 
+      font-size: 32px;
 
+      padding: 10px 20px;
 
+    }
 
+  }
 
+}

+ 1 - 1
usecases.html
View File 

@@ -16,7 +16,7 @@
 
 <body>
 
     <div class="ai-spokesgril">
 
       <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
-          href="./index.html"><img class="me-3" style="width: 60px;" src="./img/home-button.png" alt="">AI
 
+          href="./index.html"><img class="me-3" style="width: 50px;" src="./img/圖片1.png" alt="">AI
 
           Spokesgirl</a>
 
       <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-2">
 
           <li class="nav-item dropdown">

+ 1 - 1
video.html
View File 

@@ -22,7 +22,7 @@
 
             <div class="card-img-overlay pb-0">
 
                 <div>
 
                     <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
-                        href="./index.html"><img class="me-3" style="width: 50px;" src="./img/home-button.png" alt="">AI
 
+                        href="./index.html"><img class="me-3" style="width: 50px;" src="./img/圖片1.png" alt="">AI
 
                         Spokesgirl</a>
 
                 </div>
 
                 <section class="video-int text-center" style="margin-top:100px;">

Some files were not shown because too many files changed in this diff