Nick Berg - 个人作品集模板 preview 1

Nick Berg - 个人作品集模板

bookmark

Nick Berg 是一个单页响应式个人作品集模板,基于 Bootstrap 4 构建,包含首页、关于我、技能展示、作品集、定价、博客和联系表单等完整页面区块。适合自由职业者或开发者快速搭建个人展示网站。

HTML

项目简介

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 开源协议文件

快速开始

  1. Template_file/nick-berg 目录部署到 Web 服务器
  2. 联系表单需 PHP 环境支持,需在 contact.php 中配置收件邮箱
  3. 直接在浏览器打开 index.html 可预览页面(表单功能需服务器环境)

使用建议

  • 模板内置多套 CSS 样式文件(style.css / style-dark.css),可根据需要切换
  • 部署时需将所有 assets 静态资源路径保持相对路径一致
help_outline

常见问题