LITT-engineer
/
3D_360


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!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="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">
            <img src="../images/icon_B_3D.png" alt="3D">
        </div>
    </nav>

    <div>
        <img src="../images/bg_04.png" class="background" alt="bg">

        <div id="first_floor">
            <div>
                <img src="../images/area_1F.png" alt="area_1F" width="39%">
            </div>
                <div class="sign1">
                    <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">
                    <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">
                    <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>
                <img src="../images/area_B1.png" alt="area_B1" width="41%">
            </div>
            <div class="sign4">
                <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">
                <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">
                <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>
        <div class="footer_buttons">
            <a href="#">服務據點</a>
            <a href="#">聯絡我們</a>
            <a href="#">GLOBAL LINK</a>
        </div>
    </footer>

</body>

</html>