Page structure and styles built with pure HTML and CSS, with no front-end framework dependency
HTMLPortfolioCorporate Website
JohnDoe-Portfolio-Website — HTML Portfolio Template
By JohnDev19
A pure HTML personal portfolio template developed by JohnDev19, including navigation, project cards, and a contact form, under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided previewTop of page
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-12View source
What stands out
A quick read of the recorded project description.
Navigation bar supports jumping between sections of the page
Projects are presented as individual cards, each containing the corresponding work information
Built-in contact form for initiating project communication or leaving messages
Uses Google Fonts and Font Awesome for typography and icons
JavaScript is used only for a small amount of interaction such as the mobile menu
Template Details
This is a personal portfolio page template built with HTML and CSS. Its author, JohnDev19, positions it as a clean, professional yet not overly formal personal showcase page that lets visitors learn about the author as well as their projects and abilities.
The page structure revolves around three parts: a top navigation bar for jumping between sections; a projects area that presents work information one by one in card form; and a contact area that provides a form for visitors to initiate collaboration or leave a message. A small amount of JavaScript handles interactions, such as expanding and collapsing the mobile menu. For styling, Google Fonts is used for typography and Font Awesome provides icons.
The template targets freelancers or anyone who wants to build a personal portfolio but does not want to start from scratch; the author notes that it is easy to customize. The repository is released under the MIT license, allowing free use, modification, commercial use, and distribution, provided the copyright notice and license notice are retained; the licensing of third-party assets such as demo images, fonts, and icons must be verified separately.
HTMLPortfolioCorporate Website
Is it right for your project?
Use Cases
- Freelancers building a personal portfolio page
- Developers organizing and showcasing their project list
- Scenarios requiring a concise personal introduction page with a contact form
Suitable For
- Freelancers who want a quick starting point for a portfolio
- Front-end beginners who do not want to write the page structure from scratch
- Developers who accept a pure HTML/CSS tech stack and do not need build tools
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository is a static HTML template; you can open the page directly in a browser to view the result
- 2
Before use, replace the sample content in the template, such as the name, introduction, project cards, and contact information
- 3
Google Fonts and Font Awesome are loaded via external resources, so network access must be available
- 4
The licensing of third-party assets such as demo images, fonts, and icons must be verified separately according to their respective licenses
- 5
When distributing or commercially using the template code, retain the original author's copyright notice and the MIT license notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in a public repository under the MIT license; 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
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- 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
- Demo images, fonts, icons, and other third-party assets must be checked against 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 separate charges.
- The template loads Google Fonts via external resources; use and deployment require network access to this third-party service, and you must confirm its licensing and availability yourself.
- Icons depend on external Font Awesome resources and require network loading; for commercial use or redistribution, Font Awesome's licensing terms should be checked separately.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
- **Google Fonts**: To make the typography look polished.
Original README
https://github.com/JohnDev19/JohnDoe-Portfolio-Website/blob/main/LICENSEhttps://github.com/JohnDev19/JohnDoe-Portfolio-Website/blob/main/README.md- **Font Awesome**: For icons that don’t feel outdated.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-12. 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 · 70 / 100
- Technologies
- HTML
- Website type
- Portfolio · Corporate Website
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
- 2024-11-22
- Screenshot last checked
- 2026-10-12
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
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: 06fc72a683e033c344c5474e2124aa0317abf6e130b906d069065203436ac0ff
2026-10-12T13:59:34.150Z
Source file / repository# John Doe Portfolio Website This is a simple, clean portfolio template I built. The idea was to create something professional but still approachable where visitors can learn about the person behind the work and get a good sense of their projects and abilities.  ## Tools Used - **HTML & CSS**: For structure and styling. - **Google Fonts**: To make the typography look polished. - **Font Awesome**: For icons that don’t feel outdated. - **JavaScript**: Just enough to handle interactivity (like the mobile menu). ## How It Works - **Explore**: Use the nav bar to jump between sections. - **Browse Projects**: Each project has its own card with details. - **Contact Me**: Fill out the form if you want to start a project or just say hi. ## Who This Is For This template is perfect for freelancers or anyone who wants to build a personal portfolio but doesn’t want to spend hours starting from scratch. It’s simple to customize and ready to go. # Credits This portfolio template's designed and developed by **JohnDev19**. See [LICENSE](LICENSE) --- Feel free to use this template as a starting point and make it your own!
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
mazer
Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.
HTML · Admin dashboard
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
startbootstrap-agency
Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.
HTML · Corporate Website