
Loxcy - 登陆页面模板
# 项目简介
Loxcy 是一款面向初创公司 / SaaS 产品的多页面 HTML 着陆页模板,提供 8 种首页风格变体及 3 个认证页面(登录/注册/找回密码),基于 Bootstrap 5.3.2 构建,完全响应式,适合快速搭建产品展示页。
## 技术栈
- Bootstrap 5.3.2
- HTML5 + SCSS
- jQuery
- Swiper.js(轮播)
- Remix Icon(图标)
- Google Fonts(Outfit 字体)
## 项目结构
```
Loxcy_HTML_v1.0.0/
├── Documentation/ # 官方文档
└── HTML/
├── index-1~8.html # 8 种首页
├── login.html # 登录页
├── signup.html # 注册页
├── reset.html # 找回密码
├── css/ # 样式(含 SCSS 输出文件)
├── scss/ # SCSS 源码
├── js/ # 交互脚本
├── images/ # 图片资源
└── font/ # Remix Icon 字体
```
## 核心文件说明
- `HTML/index-1.html` — 主首页入口,其他首页结构相同但内容区块不同
- `HTML/css/style.css` — 全局样式,定义颜色变量、组件及排版
- `HTML/js/app.js` — 导航栏滚动吸顶等交互逻辑
- `HTML/scss/` — SCSS 源码,便于主题定制
- `HTML/css/remixicon.css` — Remix Icon 图标库配置
- `HTML/js/swipar.js` — 证言区轮播组件配置
## 快速开始
纯静态站点,直接在浏览器打开 `HTML/index-1.html` 即可预览。如需修改样式,可编辑 `css/style.css` 或重新编译 `scss/` 目录下的 SCSS 文件。
## 使用建议
模板提供了丰富的组件库,可根据业务场景选择首页变体;认证页面需自行对接后端 API。SCSS 源码已包含,方便后续主题色及布局调整。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML