VedetteStore commited on
Commit
bae581a
·
verified ·
1 Parent(s): 94e25e1

stylized the EN/ES toggle

Browse files
Files changed (1) hide show
  1. index.html +3 -2
index.html CHANGED
@@ -88,10 +88,11 @@
88
  <div class="w-3 h-3 rounded-full bg-blue-500 animate-pulse"></div>
89
  <span class="text-sm font-medium text-blue-400">VERSALABS</span>
90
  </div>
91
- <button id="language-toggle" class="text-xs font-medium text-white/60 hover:text-white transition-colors">
92
  <span class="en">EN</span>/<span class="es">ES</span>
 
93
  </button>
94
- </div>
95
  <h1 class="text-4xl md:text-5xl font-bold">
96
  <span class="versalabs-gradient" id="title-text">Let's create</span>
97
  <span class="block bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 to-neutral-400" id="subtitle-text">something amazing</span>
 
88
  <div class="w-3 h-3 rounded-full bg-blue-500 animate-pulse"></div>
89
  <span class="text-sm font-medium text-blue-400">VERSALABS</span>
90
  </div>
91
+ <button id="language-toggle" class="relative px-3 py-1.5 rounded-full border border-white/20 bg-white/5 backdrop-blur-sm text-xs font-medium text-white/80 hover:text-white hover:bg-white/10 transition-all duration-300 group">
92
  <span class="en">EN</span>/<span class="es">ES</span>
93
+ <div class="absolute inset-0 rounded-full bg-gradient-to-r from-blue-500/20 to-purple-600/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
94
  </button>
95
+ </div>
96
  <h1 class="text-4xl md:text-5xl font-bold">
97
  <span class="versalabs-gradient" id="title-text">Let's create</span>
98
  <span class="block bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 to-neutral-400" id="subtitle-text">something amazing</span>