项目简介link

Monalisa 是一款面向美容、SPA 与健康行业的单页响应式 HTML 模板，提供深色/浅色两套主题，预置 6 种首页变体（轮播、视差、文字旋转、HTML5 视频、YouTube 嵌入），可直接作为落地页或企业展示站使用。

技术栈link

• HTML5 + CSS3
• Bootstrap 3
• Font Awesome
• Google Fonts（Lato、Montserrat）
• Owl Carousel、Flexslider、prettyPhoto、Animate.css

项目结构link

monalisahtml-10/
├── Licensing/                      # 授权说明
├── Monalisa - documentation/       # 官方文档
│   ├── index.html
│   └── assets/
└── Template_file/monalisa/
    ├── dark-version/               # 深色主题
    │   ├── index.html               # 基础首页
    │   ├── index_slider.html        # 轮播首页
    │   ├── index_parallax.html      # 视差首页
    │   ├── index_text_rotator.html  # 文字旋转首页
    │   ├── index_htmlvideo.html     # HTML5 视频首页
    │   ├── index_youtube.html       # YouTube 嵌入首页
    │   └── contact.php
    └── light-version/               # 浅色主题（目录结构同上）

核心文件说明link

• dark-version/index.html — 深色主题主页面，包含导航、轮播、About、Gallery、Features 等完整区块
• light-version/index.html — 浅色主题主页面，内容与深色版一致
• index_slider.html — 基于 Bootstrap Carousel 的多图轮播首页
• index_parallax.html — 视差滚动效果首页
• index_text_rotator.html — 文字旋转动画首页
• assets/css/style.css — 主样式文件，内置分区目录注释，便于快速定位修改

快速开始link

纯静态项目，无需构建。在浏览器中直接打开 dark-version/index.html 或 light-version/index.html 即可预览。如需本地服务器，可执行：

python3 -m http.server 8080

然后访问 http://localhost:8080

使用建议link

模板默认图片路径为 assets/img/，替换背景图和 Logo 后即可上线；contact.php 提供表单后端接口，需配合服务器环境使用。