27 lines
1.4 KiB
HTML
27 lines
1.4 KiB
HTML
<!-- Header -->
|
|
<header class="z-30 border-b border-[#00ff41]/20 bg-black/90 backdrop-blur-md sticky top-0">
|
|
<div class="max-w-[1400px] mx-auto px-4 md:px-6 py-3 flex justify-between items-center">
|
|
<div class="flex items-center gap-3">
|
|
<div class="relative p-1.5 border border-[#00ff41]/50 shadow-[0_0_10px_rgba(0,255,65,0.2)] bg-black">
|
|
<i data-lucide="terminal" class="w-5 h-5 animate-pulse text-[#00ff41]"></i>
|
|
</div>
|
|
<div>
|
|
<h1 class="text-base font-black tracking-[0.2em] uppercase text-[#00ff41]">
|
|
VPN<span class="text-white">_</span>CLIENT
|
|
</h1>
|
|
<p class="text-[10px] opacity-40 uppercase tracking-widest text-[#00ff41]">Secure Shell v4.2</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hidden md:flex items-center gap-6 text-[11px] uppercase">
|
|
<div class="flex flex-col items-end border-r border-[#00ff41]/20 pr-6">
|
|
<span class="opacity-30 text-[#00ff41]">Status</span>
|
|
<span id="headerStatus" class="text-white font-bold text-sm">STANDBY</span>
|
|
</div>
|
|
<div class="flex flex-col items-end">
|
|
<span class="opacity-30 text-[#00ff41]">Traffic_Used</span>
|
|
<span id="trafficValue" class="text-blue-400 font-bold text-sm">-- / --</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> |