
Ienet - 宽带电视和互联网 HTML 模板
# 项目简介
Ienet 是一款专为宽带电视与互联网服务提供商设计的 HTML 商业模板,支持光纤、网络安全、IPTV、有线电视等多种业务场景。模板基于 Bootstrap 5.x,采用响应式布局,提供首页、博客、作品集、电商购物车等多个完整页面模板,适合快速搭建 ISP 或电信类公司官网。
## 技术栈
- Bootstrap 5.x(CSS 框架)
- HTML5 + CSS3
- jQuery(交互脚本)
- Font Awesome(图标库)
- 定制图标字体(icomoon 生成的 ienet-icons)
- Google Fonts(Outfit、Open Sans、Poppins)
## 项目结构
```
ienethtml-10/ienet-html-package/
├── ienet-html-documentations/ # 官方文档(HTML格式)
│ ├── index.html
│ └── css/
│ ├── bootstrap.css
│ ├── font-awesome.css
│ └── style.css
├── ienet-html-main/ # 主体模板
│ ├── index.html # 首页
│ ├── index-2.html # 首页变体
│ ├── index-3.html
│ ├── about.html
│ ├── contact.html
│ ├── blog-*.html # 博客列表/详情页(多布局)
│ ├── gallery-*.html # 作品集页
│ ├── cart.html # 购物车
│ ├── checkout.html # 结账
│ ├── faq.html
│ └── 404.html
└── ienet-icons/ # 定制图标字体
├── style.css
└── demo.html
```
## 核心文件说明
- `ienet-html-main/index.html` — 模板主入口,包含顶部导航、轮播、页脚等完整页面结构
- `ienet-html-main/assets/vendors/ienet-icons/style.css` — 定制图标字体定义(如 icon-mail、icon-telephone 等)
- `ienet-html-main/assets/vendors/bootstrap/css/bootstrap.min.css` — Bootstrap 核心样式
- `ienet-html-documentations/index.html` — 官方文档首页,含 HTML 结构、CSS 说明、JS 引用等配置说明
- `ienet-html-main/contact.html` — 联系页面,含表单与地图区块示例
- `ienet-html-main/cart.html` — 购物车页面模板(适合增值服务订购场景)
## 快速开始
纯静态模板,直接在浏览器中打开 `ienet-html-main/index.html` 即可预览完整效果。如需本地服务,可使用任意静态服务器:
```bash
npx serve ienet-html-package/ienet-html-main
# 或
python -m http.server 8080
```
## 使用建议
模板风格偏向 ISP/宽带运营商,建议根据实际业务修改顶部联系方式、套餐价格区块及 Footer 版权信息;定制图标可使用 icomoon.io 导入 `selection.json` 重新编辑或扩展。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML