项目简介
Nexta 是一款面向商业咨询企业的多页面 HTML5 模板,提供首页、关于、团队、项目、博客、常见问题、定价、服务详情等多种预设页面,支持深色模式切换和多套首页风格。无需构建工具,直接在浏览器中打开即可预览,适合快速搭建咨询公司或代理机构的官网。
技术栈
- HTML5 + CSS3 + Vanilla JavaScript
- Bootstrap 5(布局与组件)
- jQuery(交互与插件驱动)
- FontAwesome 6(图标库)
- Swiper(轮播滑动)
- Fancybox(图片灯箱)
- Animate.css(页面动画)
- Google Fonts — Inter(默认字体)
项目结构
text
nextahtml-10/template-package/
├── nexta/ # 业务模板主体
│ ├── index.html # 首页(首页一)
│ ├── home-2.html # 首页二
│ ├── home-3.html # 首页三(深色)
│ ├── home-4.html # 首页四
│ ├── about.html # 关于我们
│ ├── team.html / team-details.html
│ ├── project.html / project-details.html
│ ├── blog-grid.html / blog-list.html / blog-details.html
│ ├── service.html / service-details.html
│ ├── pricing.html / faq.html / testimonial.html
│ ├── contact.html / 404.html
│ └── assets/ # 样式、脚本、图片、字体
├── documentation/ # 官方文档站(可参考)
│ ├── index.html
│ ├── content.html / source.html / log.html
│ └── assets/
└── Licensing/
├── GPL.txt
└── README_License.txt
核心文件说明
nexta/index.html— 默认首页入口,包含导航、幻灯片、案例展示等完整结构nexta/assets/css/style.css— 主题核心样式,定制主题色与布局的主要文件nexta/assets/js/vendor/jquery.min.js— jQuery 库,支撑大部分交互插件运行nexta/404.html— 错误页面,包含搜索栏与返回首页按钮nexta/assets/images/logo/— 各页面使用的品牌 Logo(深/浅色版本)documentation/index.html— 官方文档站点入口,可参考模板使用说明
快速开始
- 进入
nextahtml-10/template-package/nexta/目录 - 双击
index.html在浏览器中直接打开 - 如需本地服务器(推荐),可使用 VS Code 的 Live Server 插件或运行:
然后访问bash
python -m http.server 8080http://localhost:8080
使用建议
- 模板采用模块化多页面结构,建议按需复制对应 HTML 文件并替换占位内容
- 如需切换深色模式,首页中已预置
bg-theme3等主题 class,可直接修改style.css中的主题色变量 - 所有第三方插件(Swiper、Fancybox 等)的初始化代码集中在页面底部
<script>区块,便于集中管理
