Elysion - 商业和创新登陆页面 HTML5 模板 preview 1

Elysion - 商业和创新登陆页面 HTML5 模板

bookmark

Elysion 是一套基于 Bootstrap 3 的创意商业 HTML5 模板，包含 3 种首页风格（创意代理、个人作品集、数字代理），75+ 个 HTML 页面，适用于小型企业、创意机构及商业官网搭建。

HTML

项目简介

Elysion 是一套基于 Bootstrap 3 的创意商业 HTML5 模板，包含 3 种首页风格（创意代理、个人作品集、数字代理），75+ 个 HTML 页面，适用于小型企业、创意机构及商业官网搭建。

技术栈

  • HTML5 / CSS3
  • Bootstrap 3
  • jQuery
  • Owl Carousel（轮播）
  • Swiper（幻灯片）
  • Magnific Popup（弹窗）
  • Font Awesome 6 / Bootstrap Icons
  • ScrollCue（滚动动画）

项目结构

text
Elysion_Main_HTML_Source/
├── DOCUMENTATION/
│   ├── index.html          # 模板使用文档
│   └── assets/             # 文档静态资源
└── HTML/
    ├── index.html          # 创意代理首页
    ├── digital-agency.html # 数字代理首页
    ├── personal-portfolio.html
    ├── about-us.html
    ├── blog.html / blog-grid.html
    ├── portfolio-one.html / portfolio-two.html / portfolio-three.html
    ├── services.html / service-two.html
    ├── testimonials.html
    ├── pricing-table.html
    ├── contact.html
    ├── 404-page.html
    ├── coming-soon.html
    └── assets/             # CSS、JS、图片等

核心文件说明

  • HTML/index.html — 创意代理风格首页，含统计数字展示区
  • HTML/assets/css/master.css — 主样式文件，整合所有组件样式
  • HTML/assets/js/master.js — 核心交互逻辑
  • HTML/assets/js/plugins.js — 第三方插件初始化配置
  • DOCUMENTATION/index.html — 完整模板使用文档
  • HTML/coming-soon.html — 倒计时维护页面模板

快速开始

纯静态项目，无需构建：

  1. 进入 Elysion_Main_HTML_Source/HTML/ 目录
  2. 双击 index.html 用浏览器打开，或启动本地服务器（如 Live Server）
  3. 参照 DOCUMENTATION/index.html 修改页面内容

使用建议

模板提供多套页面组合，修改 assets/css/master.css 中的变量可快速更换主题色。建议正式项目中将所有资源路径替换为 CDN 或本地正式资源，并按需删除未使用的页面。

help_outline

常见问题