About This Template
Coraluxe is a luxury coral resort template for Baa Atoll, Maldives. Framework-free, premium design built with semantic HTML, custom CSS design tokens, and vanilla JavaScript. Every page tells the story of an ocean sanctuary where architecture dissolves into nature.
Coraluxe is part of the uiuxlabz collection — a set of premium, framework-free HTML templates designed from each subject to feel genuinely unique. Open the folder, edit the text and tokens, and you have a production-ready website for a travel & hospitality business.
Key Features
- ✓Zero dependencies — No React, Tailwind, Bootstrap, or build tools. Pure HTML, CSS, and vanilla JS.
- ✓Design token system — All colors, spacing, typography, shadows, and transitions defined as CSS custom properties in `:root`.
- ✓Semantic HTML5 — ARIA labels, roles, and landmarks for accessibility.
- ✓Responsive by default — Fluid typography with `clamp()`, CSS Grid auto-fit, and three breakpoints (1024px, 768px, 480px).
- ✓Smooth animations — Intersection Observer-powered fade-up reveals, CSS transitions for hover states, and carousel slide effects.
- ✓Original imagery — All 17 images are original resort photography (no stock placeholders).
- ✓Booking integration ready — Hero booking strip with date/guest selectors, contact form with `data-form` attribute for JS validation.
- ✓Mobile-first nav — Full-screen overlay menu with animated hamburger toggle.
- ✓Back-to-top — Fixed scroll-to-top button with visibility toggle.
- ✓Newsletter input — Footer newsletter signup with email input.