项目简介
Nick Berg 是一个单页响应式个人作品集模板,基于 Bootstrap 4 构建,包含首页、关于我、技能展示、作品集、定价、博客和联系表单等完整页面区块。适合自由职业者或开发者快速搭建个人展示网站。
技术栈
- HTML5 / CSS3
- Bootstrap 4.5.0
- jQuery
- Font Awesome 5
- Owl Carousel
- Google Fonts(Poppins、Quicksand)
- PHP(仅用于联系表单处理)
项目结构
text
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 开源协议文件
快速开始
- 将
Template_file/nick-berg目录部署到 Web 服务器 - 联系表单需 PHP 环境支持,需在
contact.php中配置收件邮箱 - 直接在浏览器打开
index.html可预览页面(表单功能需服务器环境)
使用建议
- 模板内置多套 CSS 样式文件(style.css / style-dark.css),可根据需要切换
- 部署时需将所有
assets静态资源路径保持相对路径一致
