项目简介link

Flixta 是一套基于 Bootstrap 的多用途个人作品集 HTML 模板，包含 12 种职业首页（简历、自由职业者、Web 开发、UI/UX 设计、SEO、文案、商业导师、医生、律师、瑜伽、视频剪辑、摄影），每种均提供多页面版和单页面版，并内置深色主题与 RTL 模式支持，适合快速搭建个人品牌网站。

技术栈link

• Bootstrap 5.x（布局框架）
• Swiper（轮播组件）
• Font Awesome 6 Pro + Remixicon（图标）
• MagnificPopup（图片/视频弹窗）
• WOW.js（滚动动画）
• Jarallax（视差效果）
• NiceSelect（自定义下拉）
• PureCounter（数字动画）
• Urbanist（Google Fonts）
• SCSS（样式预处理器）

项目结构link

flixtahtml-10/
├── dark/
│   ├── index.html              # 主入口
│   ├── index-*.html            # 12 种首页变体
│   ├── about.html
│   ├── blog.html
│   ├── contact.html
│   ├── portfolio.html
│   ├── services.html
│   └── assets/
│       ├── css/main.css        # 编译后样式
│       ├── js/main.js          # 交互逻辑
│       ├── fonts/              # 图标字体
│       ├── images/
│       └── scss/               # 源码
├── dark-rtl/                   # RTL 版本
└── documentation/              # 官方文档

核心文件说明link

• dark/index.html — 主模板入口，含完整导航与页脚
• dark/assets/css/main.css — 全局样式，含响应式与深色变量
• dark/assets/js/main.js — 轮播、动画、RTL/主题切换等交互
• dark/assets/scss/main.scss — SCSS 源码，便于自定义主题
• dark/index-freelancer.html — 自由职业者首页示例
• dark/index-doctor-one-page.html — 单页面版首页示例

快速开始link

本项目为纯静态模板，无需安装依赖，直接在浏览器打开入口文件即可预览：

# 方式一：直接打开
open dark/index.html

# 方式二：本地 HTTP 服务器
npx serve flixtahtml-10/dark
# 访问 http://localhost:3000

如需修改 SCSS，需安装 Sass 编译器后重新编译：

sass dark/assets/scss/main.scss dark/assets/css/main.css

使用建议link

• 选择最接近自身职业的首页文件（如 index-web-developer.html）作为起点，再替换文案和图片
• 深色主题通过根属性 rs-theme="rs-theme-dark" 控制；RTL 版本在 dark-rtl/ 目录下
• 图标和轮播等依赖已在 index.html 中通过 CDN 引入，无需额外配置