Nick Berg - Personal Portfolio Template preview 1

Nick Berg - Personal Portfolio Template

bookmark

Nick Berg is a single-page responsive personal portfolio template built on Bootstrap 4, featuring complete page sections including Home, About Me, Skills, Portfolio, Pricing, Blog, and Contact Form. Suitable for freelancers or developers...

HTML

Project Introduction

Nick Berg is a single-page responsive personal portfolio template built on Bootstrap 4, featuring complete page sections including Home, About Me, Skills, Portfolio, Pricing, Blog, and Contact Form. Suitable for freelancers or developers to quickly build a personal showcase website.

Tech Stack

  • HTML5 / CSS3
  • Bootstrap 4.5.0
  • jQuery
  • Font Awesome 5
  • Owl Carousel
  • Google Fonts (Poppins, Quicksand)
  • PHP (for contact form processing only)

Project Structure

text
nickberghtml-10/
├── Licensing/                     # License files
├── nick-berg-documentation/       # Official documentation
│   └── index.html
└── Template_file/nick-berg/       # Template main directory
    ├── index.html                 # Homepage (dark)
    ├── index-light.html           # Homepage (light)
    ├── single_blog.html           # Blog detail page
    ├── thank-you.html             # Submission success page
    ├── contact.php                # Contact form processing
    └── assets/                    # Static resources (CSS/JS/images)

Core File Description

  • Template_file/nick-berg/index.html — Main homepage template, including navigation, introduction, skills, experience, portfolio and other sections
  • Template_file/nick-berg/contact.php — PHP contact form handler, receives POST data and sends emails
  • Template_file/nick-berg/assets/css/style-dark.css — Main stylesheet, containing styles for all sections
  • nick-berg-documentation/index.html — Official usage documentation, including template structure explanation
  • Licensing/GPL.txt — GPL open source license file

Quick Start

  1. Deploy the Template_file/nick-berg directory to a web server
  2. The contact form requires PHP environment support; configure the recipient email in contact.php
  3. Open index.html directly in a browser to preview the page (form functionality requires server environment)

Usage Suggestions

  • The template includes multiple CSS style files (style.css / style-dark.css), which can be switched as needed
  • When deploying, keep all assets static resource paths relatively consistent
help_outline

FAQ