🌟 Overview

Sketch is designed to immerse visitors in the world of curated luxury travel. From the full‑screen hero section to the detailed property cards, every element has been crafted to convey sophistication and trust. Built with Bootstrap 5 and vanilla JavaScript, the template is fully responsive, SEO‑friendly, and extremely easy to customize — no backend required.

✨ Key Features

• Timeless Luxury Design – Gold accents, soft cream tones, deep ink backgrounds, and serif typography create a premium feel.
• Preloader Screen – Branded loading animation that reinforces the Sketch identity.
• Sticky Navigation & Mobile Off‑Canvas Menu – Smooth, intuitive browsing on all devices.
• Hero Section – Parallax‑ready background image, gradient overlay, primary CTA, and trust badges.
• Integrated Booking Bar – Search form with destination, check‑in/out, guests, and a search button (easily linkable to your booking system).
• Featured Properties Grid – 4‑card layout with image, tag, price, and “book now” link.
• Rooms & Suites Showcase – Icon‑led cards for different accommodation categories.
• Amenities Section – Dark gradient panel with six essential facility icons (pool, spa, dining, etc.).
• Curated Experiences – Asymmetric layout (1 large + 2 stacked cards) with hover overlays.
• Animated Statistics Counter – Eye‑catching numbers for properties, guests, destinations, and satisfaction rate.
• Guest Testimonials – Quote blocks with ratings and guest names.
• Special Offers – Promotional cards with tag badges and reserve buttons.
• Newsletter Subscription – Footer email form with send icon.
• Comprehensive Footer – Multiple link columns, destination tags, social icons, trust badges, and legal links.
• Scroll‑to‑Top Button – Appears on scroll for quick navigation.
• Mobile Sticky Booking Button – Fixed bottom bar with direct booking call‑to‑action.
• Smooth Scroll Animations – Elements fade and slide into view as the user scrolls (Intersection Observer).
• 14+ Pre‑Designed Pages – Ready‑to‑use inner pages (see below).
• Fully Responsive – Fluid typography and layout adapt seamlessly from large desktops to small smartphones.
• No jQuery – Lightweight vanilla JavaScript for modern performance.

📄 Pages Included

• index.html – Home (hero, booking bar, properties, rooms, amenities, experiences, testimonials, offers, CTA)
• properties.html – Full property listing
• rooms-suites.html – Accommodation details
• experiences.html – Curated experiences
• gallery.html – Photo gallery
• blog.html – Journal / news
• contact.html – Contact form & details
• booking.html – Reservation page
• press.html – Press & awards
• careers.html – Job openings
• partnership.html – Partner inquiries
• privacy.html – Privacy policy
• terms.html – Terms of service
• faq.html – Frequently asked questions

All pages share the same polished header/footer and design language — just replace the demo content with your own.

🛠️ Technology & Dependencies

• HTML5 semantic markup
• CSS3 – Custom stylesheet with CSS custom properties, clamp(), Flexbox & Grid
• Bootstrap 5.3 – Reusable components, grid, utilities, and off‑canvas navigation
• Vanilla JavaScript – Preloader, scroll animations, sticky header, mobile menu enhancements
• Bootstrap Icons – Free SVG icon library (CDN)
• Google Fonts – Inter (body) & Playfair Display (headings)
• No PHP, no database — just upload and launch. You can optionally replace the CDN links with local assets for full offline capability.

📦 What’s Included

After purchase, you’ll receive a .zip containing:

Sketch-Luxury-Template/
├── index.html (home)
├── properties.html
├── rooms-suites.html
├── experiences.html
├── gallery.html
├── blog.html
├── contact.html
├── booking.html
├── press.html
├── careers.html
├── partnership.html
├── privacy.html
├── terms.html
├── faq.html
├── assets/
│   ├── styles.css
│   ├── bootstrap.min.css
│   ├── bootstrap.bundle.min.js
│   ├── script.js
│   └── images (hero, about, properties, experiences, favicon)
└── documentation.html

All images shown in the demo are for preview only and should be replaced with your own licensed photography.

🔧 Easy Customization

• Colors & Fonts – Edit the CSS variables at the top of assets/styles.css to match your brand.
• Logo – Replace “Sketch” text in the navigation and footer (a simple text change).
• Images – Swap the demo images inside the assets folder with your own (keep file names or update src attributes).
• Content – The template uses clear, well‑commented code; just open any HTML file and replace text, prices, and links.
• Booking System – The booking bar and “Book Now” buttons are pure UI placeholders. Connect them to your chosen booking engine (B24, Cloudbeds, Lodgify, custom backend) via a link or embedded widget.
• No advanced coding skills required — perfect for developers and non‑developers alike.

💎 Perfect For

• Luxury hotels and resorts
• Boutique inns and bed & breakfasts
• Private villa rentals
• Property management companies
• Travel agencies offering curated stays
• Hospitality brands needing a distinguished online presence