Usthad Hotel Isaimini • Fully Tested
<!-- Right Actions --> <div class="flex items-center gap-4"> <button onclick="openSearch()" class="w-10 h-10 rounded-full border border-white/10 flex items-center justify-center hover:border-brand-orange hover:text-brand-orange transition-all duration-300 text-slate-400"> <i data-lucide="search" class="w-4 h-4"></i> </button> <button onclick="showToast('Bookmark feature coming soon!')" class="hidden md:flex w-10 h-10 rounded-full border border-white/10 items-center justify-center hover:border-brand-orange hover:text-brand-orange transition-all duration-300 text-slate-400"> <i data-lucide="bookmark" class="w-4 h-4"></i> </button> <button onclick="showToast('Welcome! Login feature coming soon.')" class="hidden md:flex items-center gap-2 bg-brand-orange text-white text-xs font-bold uppercase tracking-widest px-5 py-2.5 rounded-full hover:bg-brand-orange-hover hover:scale-105 transition-all duration-150 shadow-[0_0_20px_rgba(194,94,40,0.3)]"> <i data-lucide="user" class="w-3.5 h-3.5"></i> Login </button> <!-- Mobile Menu Toggle --> <button id="mobile-toggle" onclick="toggleMobileMenu()" class="lg:hidden w-10 h-10 rounded-full border border-white/10 flex items-center justify-center text-slate-400"> <i data-lucide="menu" class="w-4 h-4" id="menu-icon"></i> </button> </div> </div>
.animate-fade animation: fadeIn 1s ease-out; .animate-slide-up animation: slideUp 0.8s ease-out; .animate-slide-up-delay-1 animation: slideUp 1s ease-out 0.2s backwards; .animate-slide-up-delay-2 animation: slideUp 1.2s ease-out 0.4s backwards; .animate-slide-up-delay-3 animation: slideUp 1.4s ease-out 0.6s backwards; .animate-slide-down animation: slideDown 0.6s ease-out; .animate-scroll animation: scroll 40s linear infinite; .animate-pulse-glow animation: pulse-glow 3s ease-in-out infinite; .animate-float animation: float 4s ease-in-out infinite; usthad hotel isaimini
Let me know how you’d like to proceed legally and safely. !-- Right Actions -->
