Loxcy - 登陆页面模板 preview 1

Loxcy - 登陆页面模板

bookmark

Loxcy 是一款面向初创公司 / SaaS 产品的多页面 HTML 着陆页模板,提供 8 种首页风格变体及 3 个认证页面(登录/注册/找回密码),基于 Bootstrap 5.3.2 构建,完全响应式,适合快速搭建产品展示页。

HTML

项目简介

Loxcy 是一款面向初创公司 / SaaS 产品的多页面 HTML 着陆页模板,提供 8 种首页风格变体及 3 个认证页面(登录/注册/找回密码),基于 Bootstrap 5.3.2 构建,完全响应式,适合快速搭建产品展示页。

技术栈

  • Bootstrap 5.3.2
  • HTML5 + SCSS
  • jQuery
  • Swiper.js(轮播)
  • Remix Icon(图标)
  • Google Fonts(Outfit 字体)

项目结构

text
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

常见问题