HTMLPortfolio

vCard_Portfolio — HTML Portfolio Template

By Nutika16

A personal portfolio website template built with HTML, CSS, and JavaScript for showcasing resumes, projects, research, and publications, with a Formspree contact form.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

A purely front-end portfolio template built with HTML, CSS, and JavaScript

Responsive design, with desktop and mobile page screenshots provided

Can display content such as projects, publications, work experience, and contact details

Includes a generic content template with placeholder text for easy replacement with personal materials

Contact form submits through Formspree, requiring no self-built backend

README notes support for optional dark mode

Template Details

vCard_Portfolio is a purely front-end personal portfolio website template built with HTML, CSS, and JavaScript, with an MIT license included in the repository. The page content is organized around personal presentation and can hold information such as a resume, projects, research, publications, work experience, and contact details, making it suitable as a static site for personal branding or portfolio display.

The template provides a responsive layout, with corresponding presentations for desktop and mobile; the README states that it supports dark mode (marked as optional) and includes a generic content template with placeholder text for easy replacement with your own materials. The contact form handles submissions through Formspree, requiring no self-built backend, but you need to register with Formspree and create a form, then replace the action address in the form tag with the corresponding form endpoint.

When using it, note the following: the code itself is under the MIT license, allowing free use, modification, commercial use, and distribution, but when distributing copies or substantial portions of the code, you must retain the original author's copyright notice and the full MIT license notice; the licenses for third-party assets such as demo images, fonts, and icons need to be checked separately. The quotas and fees of external services such as Formspree are not covered by the code license and must be confirmed independently.

HTMLPortfolio

Is it right for your project?

Use Cases

Build a personal portfolio website to centrally showcase projects and research results
Use as an online resume page to present work experience, skills, and contact details
For personal branding display, deploy the page to a static hosting service
As a starting point for front-end practice or secondary development, replacing content and styles

Suitable For

Developers or researchers who need to quickly launch a personal portfolio page
Users who want to use pure HTML, CSS, and JavaScript without introducing build tools
Personal site authors who can accept using external form services such as Formspree

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Git must be installed first, then clone the repository and enter the project directory
2
The contact form requires registering with Formspree and creating a form, then replacing the action address in the form tag
3
Before deployment, replace the placeholder text in the generic content template with personal materials
4
Before using third-party assets such as demo images, fonts, and icons, check their respective licenses
5
The quotas and fees of external services such as Formspree must be confirmed separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

Allows free use, modification, commercial use, and distribution of this version's code.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

The README mentions the Formspree form service; actual submission requires configuring a service endpoint, and its usage quotas and fees must be checked separately.
Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.
The contact form relies on the third-party service Formspree to handle submissions; you need to register with Formspree and create a form, then replace the form action address with the corresponding endpoint; the quotas and fees of this external service are not covered by the code license.
Using the contact form feature requires registering an account with Formspree and creating a form, which is an external account requirement.
You must manually replace the action address in the form tag with your own Formspree endpoint, otherwise the contact form will not work.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

This portfolio uses Formspree to handle contact form submissions. No backend setup is needed.
Original README

Sign up and create a new form
Original README

Replace the action URL in the <form> tag inside the contact section:
Original README

https://github.com/Nutika16/vCard_Portfolio/blob/main/LICENSE https://github.com/Nutika16/vCard_Portfolio/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 74 / 100
Technologies: HTML
Website type: Portfolio

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2025-08-01
Screenshot last checked: 2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: ae0aefb096a69cead54bb4b96e735658ffdee286d776fc49be3f5b6342955c29

2026-10-13T09:10:33.951Z

Source file / repository

# 🌐 vCard - Personal Portfolio Website

A clean, modern, and fully responsive **personal portfolio website** template, built with **HTML**, **CSS**, and **JavaScript**. Perfect for showcasing your resume, projects, research, and publications online.

---

## 📂 Features

- 🔥 Clean & elegant UI
- 🖥️ Fully responsive design
- 🎨 Easy customization
- 📄 Add projects, publications, experience, contact info & more
- 🌙 Dark mode support _(optional)_
- 📬 Contact form powered by **Formspree**
- 🧾 **Generic content template included**: A reference file with placeholder text to help you quickly customize the site for yourself

---

## 🚀 Getting Started

### 🧰 Prerequisites

Before installing, make sure you have **Git** installed:

- [Download Git](https://git-scm.com/downloads)

### 📦 Installation

Clone the repository:

```bash
git clone https://github.com/nutika16/vcard-personal-portfolio.git

### Navigate into the project folder:
cd vcard-personal-portfolio

📬 Contact Form (Formspree Integration)
This portfolio uses Formspree to handle contact form submissions. No backend setup is needed.

To activate the contact form:

Go to https://formspree.io

Sign up and create a new form

Replace the action URL in the <form> tag inside the contact section:
<form action="https://formspree.io/f/your-form-id" method="POST" class="form">

📄 License
This project is licensed under the MIT License.

🙋‍♀️ Contact
Created and maintained by @nutika16

For collaboration or inquiries, feel free to reach out:

💼 LinkedIn: nutika_kumar

📧 Email: [email protected]

🐙 GitHub: @nutika16
```

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.

HTML · Portfolio

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

HTML · Portfolio

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

Grayscale

A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.

HTML · Corporate Website

startbootstrap-stylish-portfolio

A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.

HTML · Portfolio