update

2026-05-09 14:43:37 +08:00
parent 2a2ed90bf0
commit b22e210ee5
117 changed files with 30982 additions and 0 deletions
--- a/a6_ph_Cashback_eastwestbanker/public/Static_zy/header.html
+++ b/a6_ph_Cashback_eastwestbanker/public/Static_zy/header.html
@@ -0,0 +1,87 @@
+<header class="etc-header">
+  <div class="etc-container">
+    <div class="etc-logo">
+      <div class="etc-logo-icon"></div>
+      <div class="etc-logo-text"></div>
+    </div>
+
+    <nav class="etc-nav">
+      <span class="nav-item"></span>
+      <span class="nav-item"></span>
+      <span class="nav-item"></span>
+      <span class="nav-item accent"></span>
+    </nav>
+  </div>
+</header>
+
+<style>
+  .etc-header {
+    width: 100%;
+    background: #0d1117; /* Deep Tech Navy */
+    border-bottom: 1px solid rgba(0, 229, 255, 0.2);
+    padding: 15px 0;
+  }
+
+  .etc-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  /* LEFT LOGO: Icon + Bar */
+  .etc-logo {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .etc-logo-icon {
+    width: 24px;
+    height: 24px;
+    background: #00e5ff; /* ETC Cyan */
+    border-radius: 4px;
+    box-shadow: 0 0 12px rgba(0, 229, 255, 0.4);
+  }
+
+  .etc-logo-text {
+    width: 80px;
+    height: 14px;
+    background: #ffffff;
+    border-radius: 2px;
+    opacity: 0.9;
+  }
+
+  /* RIGHT MENU: Simple Bars */
+  .etc-nav {
+    display: flex;
+    gap: 25px;
+    align-items: center;
+  }
+
+  .nav-item {
+    width: 50px;
+    height: 6px;
+    background: #475569;
+    border-radius: 10px;
+    transition: 0.3s;
+  }
+
+  .nav-item.accent {
+    width: 70px;
+    background: #00e5ff;
+    opacity: 0.8;
+  }
+
+  .nav-item:hover {
+    background: #fff;
+    cursor: pointer;
+  }
+
+  @media (max-width: 768px) {
+    .etc-container { padding: 0 20px; }
+    .nav-item:not(.accent) { display: none; } /* Hide extra items on mobile */
+  }
+</style>