首頁 探索 說明
註冊 登入
LITT-engineer
/
3D_360
4
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

1124_update

Arrowleze 4 年之前
當前提交
d73da7d073
共有 29 個文件被更改，包括 182 次插入 和 0 次删除
分割檢視 顯示文件統計
  1. 105 0
      css/index.css
  2. 二進制
      images/.DS_Store
  3. 二進制
      images/Sign_B.png
  4. 二進制
      images/area_1F.png
  5. 二進制
      images/area_B1.png
  6. 二進制
      images/bg_04.png
  7. 二進制
      images/conversation_1103.png
  8. 二進制
      images/global_link.png
  9. 二進制
      images/global_link_b.png
  10. 二進制
      images/icon_B_1F.png
  11. 二進制
      images/icon_B_3D.png
  12. 二進制
      images/icon_B_B1.png
  13. 二進制
      images/icon_G_1F.png
  14. 二進制
      images/icon_G_3D.png
  15. 二進制
      images/icon_G_B1.png
  16. 二進制
      images/sign_A.png
  17. 二進制
      images/sign_B_text.png
  18. 二進制
      images/sign_C.png
  19. 二進制
      images/sign_C_text.png
  20. 二進制
      images/sign_D.png
  21. 二進制
      images/sign_D_text.png
  22. 二進制
      images/sign_E.png
  23. 二進制
      images/sign_E_text.png
  24. 二進制
      images/sign_F.png
  25. 二進制
      images/sign_F_text.png
  26. 二進制
      images/sign_a_text.png
  27. 二進制
      images/solid_line.png
  28. 二進制
      images/under_banner.png
  29. 77 0
      index.html

+ 105 - 0
css/index.css
查看文件 

@@ -0,0 +1,105 @@
 
+html, body , img, footer{
 
+    max-width: 100%;
 
+    margin: 0;
 
+    position: relative;
 
+    font-family: "微軟正黑體";
 
+    z-index: -5;
 
+}
 
+
 
+a{
 
+    text-decoration: none;
 
+    color: rgba(255, 255, 255, .7);
 
+    margin-right: 1%;
 
+}
 
+
 
+#bg{
 
+    width: 100%;
 
+    height: auto;
 
+}
 
+
 
+.hidden_a,.hidden_b,.hidden_c,.hidden_d,.hidden_e,.hidden_f{
 
+    display: none;
 
+}
 
+
 
+.floor_icon {
 
+    max-width: 4%;
 
+    height: auto;
 
+    position: absolute;
 
+    top: 7%;
 
+}
 
+.floor_icon img {
 
+    height: auto;
 
+    left: 100%;
 
+    margin-bottom: 20%;
 
+    z-index: 1;
 
+}
 
+
 
+#first_floor img{
 
+    height: auto;
 
+    left: 13%;
 
+    top: 11%;
 
+    position: absolute;
 
+}
 
+
 
+.sign1{
 
+    width: 90%;
 
+    position: absolute;
 
+    left: 9.5%;
 
+    top: 33%;
 
+}
 
+.sign2{
 
+    width: 90%;
 
+    position: absolute;
 
+    left: 21%;
 
+    top: 29%;
 
+}
 
+.sign3{
 
+    width: 90%;
 
+    position: absolute;
 
+    left: 29.8%;
 
+    top: 29.2%;
 
+}
 
+
 
+
 
+#basement_floor img{
 
+    height: auto;
 
+    right: 5%;
 
+    top: 40%;
 
+    position: absolute;
 
+}
 
+.sign4{
 
+    width: 90%;
 
+    position: absolute;
 
+    left: -15.5%;
 
+    top: 50%;
 
+}
 
+.sign5{
 
+    width: 90%;
 
+    position: absolute;
 
+    left: -5.5%;
 
+    top: 44%;
 
+}
 
+.sign6{
 
+    width: 90%;
 
+    position: absolute;
 
+    left: -4%;
 
+    top: 56%;
 
+}
 
+
 
+footer{
 
+    margin-top: -1%;
 
+    z-index: 0;
 
+    background-image: url(../images/under_banner.png);
 
+    background-repeat: no-repeat;
 
+    background-size: 100%;
 
+    background-position: center;
 
+    height: 42px;
 
+}
 
+
 
+.footer_buttons{
 
+    width: 1920px;
 
+    position: absolute;
 
+    margin-left: 2.5%;
 
+    margin-top: 0.6%;
 
+    z-index: 3;
 
+}

二進制
images/.DS_Store
查看文件


二進制
images/Sign_B.png
查看文件


二進制
images/area_1F.png
查看文件


二進制
images/area_B1.png
查看文件


二進制
images/bg_04.png
查看文件


二進制
images/conversation_1103.png
查看文件


二進制
images/global_link.png
查看文件


二進制
images/global_link_b.png
查看文件


二進制
images/icon_B_1F.png
查看文件


二進制
images/icon_B_3D.png
查看文件


二進制
images/icon_B_B1.png
查看文件


二進制
images/icon_G_1F.png
查看文件


二進制
images/icon_G_3D.png
查看文件


二進制
images/icon_G_B1.png
查看文件


二進制
images/sign_A.png
查看文件


二進制
images/sign_B_text.png
查看文件


二進制
images/sign_C.png
查看文件


二進制
images/sign_C_text.png
查看文件


二進制
images/sign_D.png
查看文件


二進制
images/sign_D_text.png
查看文件


二進制
images/sign_E.png
查看文件


二進制
images/sign_E_text.png
查看文件


二進制
images/sign_F.png
查看文件


二進制
images/sign_F_text.png
查看文件


二進制
images/sign_a_text.png
查看文件


二進制
images/solid_line.png
查看文件


二進制
images/under_banner.png
查看文件


+ 77 - 0
index.html
查看文件 

@@ -0,0 +1,77 @@
 
+<!DOCTYPE html>
 
+<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>3D區域狀態</title>
 
+
 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
 
+    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
 
+
 
+    <link rel="stylesheet" href="css/index.css">
 
+
 
+</head>
 
+
 
+<body>
 
+    <nav>
 
+        <div class="floor_icon">
 
+            <img src="../images/icon_B_1F.png " alt="1F">
 
+            <img src="../images/icon_B_B1.png " alt="B1">
 
+            <img src="../images/solid_line.png " alt="solid_line" style="margin-left: 12%;">
 
+            <img src="../images/icon_B_3D.png " alt="3D">
 
+        </div>
 
+    </nav>
 
+
 
+    <div id="bg col-12">
 
+        <img src="../images/bg_04.png" alt="bg">
 
+
 
+        <div id="first_floor">
 
+            <div class="col-7">
 
+                <img src="../images/area_1F.png" alt="area_1F" width="39%">
 
+            </div>
 
+                <div class="sign1 col-auto">
 
+                    <img src="../images/sign_A.png" alt="" width="36px" style="z-index: 1;">
 
+                    <img class="hidden_a" src="../images/sign_a_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
 
+                </div>
 
+                <div class="sign2 col-auto">
 
+                    <img src="../images/sign_B.png" alt="" width="36px" style="z-index: 1;">
 
+                    <img class="hidden_b" src="../images/sign_b_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
 
+                </div>
 
+                <div class="sign3 col-auto">
 
+                    <img src="../images/sign_C.png" alt="" width="36px" style="z-index: 1;">
 
+                    <img class="hidden_c" src="../images/sign_c_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
 
+                </div>
 
+        </div>
 
+
 
+        <div id="basement_floor">
 
+            <div class="col-5">
 
+                <img src="../images/area_B1.png" alt="area_B1" width="41%">
 
+            </div>
 
+            <div class="sign4 col-auto">
 
+                <img src="../images/sign_D.png" alt="" width="36px" style="z-index: 1;">
 
+                <img src="../images/sign_d_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
 
+            </div>
 
+            <div class="sign5 col-auto">
 
+                <img src="../images/sign_E.png" alt="" width="36px" style="z-index: 1;">
 
+                <img class="hidden_e" src="../images/sign_e_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
 
+            </div>
 
+            <div class="sign6 col-auto">
 
+                <img src="../images/sign_F.png" alt="" width="36px" style="z-index: 1;">
 
+                <img class="hidden_f" src="../images/sign_f_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <footer class="col-12">
 
+        <div class="footer_buttons col-12">
 
+            <a class="col-auto" href="#">服務據點</a>
 
+            <a class="col-auto" href="#">聯絡我們</a>
 
+            <a class="col-auto" href="#">GLOBAL LINK</a>
 
+        </div>
 
+    </footer>
 
+
 
+</body>
 
+
 
+</html>