Project Overviewlink

Monalisa is a single-page responsive HTML template designed for the beauty, SPA, and wellness industry. It offers dark and light themes, with 6 preset homepage variations (carousel, parallax, text rotator, HTML5 video, YouTube embed), ready to use as a landing page or corporate showcase site.

Tech Stacklink

• HTML5 + CSS3
• Bootstrap 3
• Font Awesome
• Google Fonts (Lato, Montserrat)
• Owl Carousel, Flexslider, prettyPhoto, Animate.css

Project Structurelink

monalisahtml-10/
├── Licensing/                      # License information
├── Monalisa - documentation/       # Official documentation
│   ├── index.html
│   └── assets/
└── Template_file/monalisa/
    ├── dark-version/               # Dark theme
    │   ├── index.html               # Basic homepage
    │   ├── index_slider.html        # Carousel homepage
    │   ├── index_parallax.html      # Parallax homepage
    │   ├── index_text_rotator.html  # Text rotator homepage
    │   ├── index_htmlvideo.html     # HTML5 video homepage
    │   ├── index_youtube.html       # YouTube embed homepage
    │   └── contact.php
    └── light-version/               # Light theme (same structure as above)

Core File Descriptionlink

• dark-version/index.html — Dark theme main page, includes navigation, carousel, About, Gallery, Features and other complete sections
• light-version/index.html — Light theme main page, same content as dark version
• index_slider.html — Multi-image carousel homepage based on Bootstrap Carousel
• index_parallax.html — Parallax scrolling effect homepage
• index_text_rotator.html — Text rotation animation homepage
• assets/css/style.css — Main stylesheet, includes section directory comments for quick navigation and modification

Quick Startlink

Pure static project, no build required. Open dark-version/index.html or light-version/index.html directly in your browser to preview. For a local server, run:

python3 -m http.server 8080

Then visit http://localhost:8080

Usage Tipslink

The template's default image path is assets/img/. Replace background images and the logo to go live; contact.php provides a form backend interface and requires a server environment to function.