Flixta v1.0 - Personal Portfolio HTML Template

# 项目简介 Flixta 是一套基于 Bootstrap 的多用途个人作品集 HTML 模板，包含 12 种职业首页（简历、自由职业者、Web 开发、UI/UX 设计、SEO、文案、商业导师、医生、律师、瑜伽、视频剪辑、摄影），每种均提供多页面版和单页面版，并内置深色主题与 RTL 模式支持，适合快速搭建个人品牌网站。 ## 技术栈 - Bootstrap 5.x（布局框架） - Swiper（轮播组件） - Font Awesome 6 Pro + Remixicon（图标） - MagnificPopup（图片/视频弹窗） - WOW.js（滚动动画） - Jarallax（视差效果） - NiceSelect（自定义下拉） - PureCounter（数字动画） - Urbanist（Google Fonts） - SCSS（样式预处理器） ## 项目结构 ``` 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/ # 官方文档 ``` ## 核心文件说明 - `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` — 单页面版首页示例 ## 快速开始 本项目为纯静态模板，无需安装依赖，直接在浏览器打开入口文件即可预览： ```bash # 方式一：直接打开 open dark/index.html # 方式二：本地 HTTP 服务器 npx serve flixtahtml-10/dark # 访问 http://localhost:3000 ``` 如需修改 SCSS，需安装 Sass 编译器后重新编译： ```bash sass dark/assets/scss/main.scss dark/assets/css/main.css ``` ## 使用建议 - 选择最接近自身职业的首页文件（如 `index-web-developer.html`）作为起点，再替换文案和图片 - 深色主题通过根属性 `rs-theme="rs-theme-dark"` 控制；RTL 版本在 `dark-rtl/` 目录下 - 图标和轮播等依赖已在 `index.html` 中通过 CDN 引入，无需额外配置