
Nick Berg - 个人作品集模板
category作品集
# 项目简介
Nick Berg 是一个单页响应式个人作品集模板,基于 Bootstrap 4 构建,包含首页、关于我、技能展示、作品集、定价、博客和联系表单等完整页面区块。适合自由职业者或开发者快速搭建个人展示网站。
## 技术栈
- HTML5 / CSS3
- Bootstrap 4.5.0
- jQuery
- Font Awesome 5
- Owl Carousel
- Google Fonts(Poppins、Quicksand)
- PHP(仅用于联系表单处理)
## 项目结构
```
nickberghtml-10/
├── Licensing/ # 授权文件
├── nick-berg-documentation/ # 官方文档
│ └── index.html
└── Template_file/nick-berg/ # 模板主目录
├── index.html # 首页(深色)
├── index-light.html # 首页(浅色)
├── single_blog.html # 博客详情页
├── thank-you.html # 提交成功页
├── contact.php # 联系表单处理
└── assets/ # 静态资源(CSS/JS/图片)
```
## 核心文件说明
- `Template_file/nick-berg/index.html` — 首页主模板,含导航、简介、技能、经历、作品集等区块
- `Template_file/nick-berg/contact.php` — PHP 联系表单处理器,接收 POST 数据并发送邮件
- `Template_file/nick-berg/assets/css/style-dark.css` — 主样式文件,包含各区块样式
- `nick-berg-documentation/index.html` — 官方使用文档,含模板结构说明
- `Licensing/GPL.txt` — GPL 开源协议文件
## 快速开始
1. 将 `Template_file/nick-berg` 目录部署到 Web 服务器
2. 联系表单需 PHP 环境支持,需在 `contact.php` 中配置收件邮箱
3. 直接在浏览器打开 `index.html` 可预览页面(表单功能需服务器环境)
## 使用建议
- 模板内置多套 CSS 样式文件(style.css / style-dark.css),可根据需要切换
- 部署时需将所有 `assets` 静态资源路径保持相对路径一致
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML