登入頁面b版

html/loginB.html

@@ -28,44 +28,52 @@
     <!-- ================================================================= -->
     <div class="card">
         <img class="profile-bgimg-m img-fluid" src="./static/img/userprofile/banner-m.png" class="card-img" alt="...">
-              <!-- 行動版選單 -->
-              <div class="menu-box">
-                <div class="menu-box2">
-                    <div style="font-size: 28px;" class="close_btn text-end">
-                        <i class="fas fa-times text-white me-3 mt-3"></i>
-                    </div>
-                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                        <li class="nav-item">
-                            <a class="nav-link active" aria-current="page" href="pricing.html"
-                                set-lan="html:pricing">早鳥方案</a>
-                        </li>
-                        <li class="nav-item dropdown">
-                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
-                                data-bs-toggle="dropdown" aria-expanded="false">
-                                中/En
-                            </a>
-                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+        <!-- 行動版選單 -->
+        <div class="menu-box">
+            <div class="menu-box2">
+                <div style="font-size: 28px;" class="close_btn text-end">
+                    <i class="fas fa-times text-white me-3 mt-3"></i>
+                </div>
+                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link active" aria-current="page" href="pricing.html"
+                            set-lan="html:pricing">早鳥方案</a>
+                    </li>
+                    <li id="changeLanguage" class="nav-item me-lg-1">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
+                            data-bs-toggle="dropdown" aria-expanded="false">
+                            中/En
+                        </a>
+                        <!-- <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                 <li><button class="nav-link lan-swtich" aria-current="page" set-lan="html:en"
                                         onclick="changeLan(this)" value="en">English</button></li>
                                 <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh"
                                         onclick="changeLan(this)" value="zh">中文</button></li>
-                            </ul>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link active btn-login" aria-current="page" href="login.html"
-                                set-lan="html:login">登入</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link btn-userProfile" aria-current="page" href="user_profile.html"
-                                set-lan="html:user_profile">會員資料</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link btn-logout" aria-current="page" set-lan="html:logout">登出</a>
+                            </ul> -->
+                    </li>
+                    <div id="lang-manu">
+                        <li><button class="nav-link lan-swtich bg-transparent text-white border-0 mx-auto"
+                                aria-current="page" set-lan="html:en" onclick="changeLan(this)"
+                                value="en">English</button></li>
+                        <li><button class="nav-link lan-switch bg-transparent text-white border-0 mx-auto"
+                                aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button>
                         </li>
-                    </ul>
+                    </div>
+                    <li class="nav-item">
+                        <a class="nav-link active btn-login" aria-current="page" href="login.html"
+                            set-lan="html:login">登入</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-userProfile" aria-current="page" href="user_profile.html"
+                            set-lan="html:user_profile">會員資料</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-logout" aria-current="page" set-lan="html:logout">登出</a>
+                    </li>
+                </ul>
 
-                </div>
             </div>
+        </div>
         <div class="card-img-overlay pt-2 py-lg-3">
             <nav class="navbar navbar-expand-lg navbar-light d-block d-md-none pt-0">
 
@@ -114,7 +122,7 @@
                 </div>
 
             </nav>
-      
+
         </div>
     </div>
 
@@ -242,6 +250,12 @@
             $(".menu-box2").fadeOut();
 
         });
+        $("#lang-manu").hide();
+
+        $("#changeLanguage").click(function () {
+            $("#lang-manu").slideToggle();
+            $("#lang-arrow").toggleClass("arrowdoup");
+        });
     </script>
 </body>