| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <!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">
- <script src="js/jquery-3.5.1.min.js"></script>
- <script src="js/index.js"></script>
- </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 id="a" class="sign" 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 id="b" class="sign" 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 id="c" class="sign" 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 id="d" class="sign" src="../images/sign_D.png" alt="" width="36px" style="z-index: 1;">
- <img class="hidden_d" src="../images/sign_d_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
- </div>
- <div class="sign5 col-auto">
- <img id="e" class="sign" 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-right: -13%; z-index: 0;">
- </div>
- <div class="sign6 col-auto">
- <img id="f" class="sign" 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-right: -13%; 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>
|
