Project Overviewlink

Reluxe is a static HTML template designed for beauty SPA, hair salons, and medical aesthetics clinics. It provides complete pages including homepage (3 banner styles), About Us, Services, Cases, Team, Blog, FAQ, and Contact. The template uses the Bootstrap framework and includes interactive components such as Swiper carousels, counters, and scroll animations, making it suitable for quickly building beauty industry showcase websites.

Tech Stacklink

• HTML5 + CSS3 (static pages)
• Bootstrap 5 (grid layout, basic components)
• jQuery 3.7.1 (DOM interaction)
• Swiper Bundle (carousel component)
• jQuery Nice Select (custom dropdown)
• Magnific Popup (image/video lightbox)
• Wow.js + Animate.css (scroll entrance animations)
• MeanMenu (responsive mobile navigation)
• SCSS (source compilation, customizable theme variables)

Project Structurelink

reluxehtml-10/Reluxe/
├── index.html               # Homepage (main)
├── index2.html              # Homepage (style 2)
├── index3.html              # Homepage (style 3)
├── about.html / blog*.html  # Content pages (7)
├── project*.html            # Project pages (2)
├── services*.html           # Service pages (2)
├── team*.html               # Team pages (2)
├── contact.html / faq.html  # Contact / FAQ
└── assets/
    ├── css/main.css         # Compiled stylesheet
    ├── js/main.js           # Interactive scripts (carousel, counter, animations, etc.)
    ├── images/              # Static image assets
    └── scss/                # 38 SCSS source files
        ├── _variables.scss  # Theme color / font variables
        ├── _header.scss / _footer.scss
        ├── _services.scss / _team.scss
        └── ...              # Other modular style fragments

Core File Descriptionlink

• Reluxe/index.html — Template entry homepage, showcasing all module components
• assets/css/main.css — Complete stylesheet defining fonts, colors, layout, and all component styles
• assets/js/main.js — Interaction logic: carousel initialization, counter animations, WOW animations, mobile menu, etc.
• assets/scss/_variables.scss — Global CSS variables (theme color --theme, fonts, spacing, etc.)
• assets/scss/ — Modular SCSS source files; modify here and recompile to customize the theme
• index2.html / index3.html — Alternative homepage visual designs, can be used directly as the project homepage

Quick Startlink

This project is a pure static template with no dependencies required:

1. Open Reluxe/index.html directly in a browser to preview
2. To modify SCSS, install a Sass compiler locally and run sass assets/scss/main.scss assets/css/main.css
3. Deploy the Reluxe folder to any static server to go live

Usage Suggestionslink

• Before using in a production project, remove demo content (e.g., placeholder contact info, Lorem ipsum text) and replace with real data
• The theme color is #C28565; quickly change colors by modifying the --theme variable in assets/scss/_variables.scss
• The template provides 3 homepage styles. Confirm which design corresponds to index.html, index2.html, or index3.html before making changes to avoid redundant work