Dark galaxy theme with a deep indigo background, nebula gradients, and purple accent colors, plus a light theme toggle
HTMLPortfolio
Portfolio (ChinmayGawad) — HTML Portfolio Template
By ChinmayGawad
A single-page personal portfolio template built with HTML, CSS, and vanilla JavaScript, featuring a dark galaxy theme, Canvas starfield animation, GitHub repository data display, and a Web3Forms contact form.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
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-09View source
What stands out
A quick read of the recorded project description.
Canvas starfield background animation with twinkling stars, mouse parallax, click-triggered shooting stars, and automatic overhead reduction when the tab is hidden
Dynamically displays repository size, star/fork counts, language tags, and update times via the GitHub REST API, with support for filtering by language
Dynamic typing subtitle that simulates command-line execution, enhancing the developer's personal style
Contact form integrates with Web3Forms to send emails directly
Implemented purely with HTML, CSS, and vanilla JavaScript, with no front-end framework dependencies, and can be deployed to GitHub Pages
Template Details
This template is Chinmay Gawad's personal portfolio website, aimed at computer engineering students to showcase projects, skills, and contact information. The page is a single-page structure, with the entry point being index.html, styles centralized in assets/css/portfolio.css, interaction logic in assets/js/main.js, and the Canvas starfield background animation in assets/js/galaxy-bg.js.
Visually, it uses a deep indigo background, nebula gradients, and purple accent colors, paired with fonts such as Orbitron, JetBrains Mono, Fira Code, and Inter, and offers both dark and light theme toggles. The page includes a dynamic typing subtitle that simulates command-line output, an interactive starfield background (twinkling stars, mouse parallax, click-triggered shooting stars, and reduced overhead when the tab is not visible).
For data, the template fetches repository information for a specified user via the GitHub REST API, displaying repository size, star/fork counts, language tags, and update times, with support for filtering by language; the contact form integrates with the Web3Forms service. The project is a pure static site that can be deployed to GitHub Pages, run locally by opening index.html directly or using a static server.
Note that GitHub API and Web3Forms are external services; before use, you need to replace them with your own username and form access key; personal photos, resume PDFs, and other assets in the repository are located in the pics/ directory and should be replaced with your own content.
HTMLPortfolio
Is it right for your project?
Use Cases
- Computer-related students building a personal portfolio website to showcase projects, skills, and contact information
- Developers needing a static single-page resume or portfolio page that can be directly modified
- As a reference project for learning HTML, CSS, and vanilla JavaScript interaction effects
- Deploy to GitHub Pages as a personal homepage and automatically sync GitHub repository information
Suitable For
- Students or junior developers who want to quickly launch a personal portfolio
- Users who prefer pure static sites and do not want to introduce front-end frameworks
- Developers who need to display dynamic GitHub repository data
- Users who like dark space visual styles and want to customize the theme
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, you can open index.html directly in a browser, or run it with a static server such as VS Code Live Server or npx serve
- 2
Before use, replace the username in the GitHub API request with your own GitHub username
- 3
For the contact form, apply for an access key from Web3Forms and replace the corresponding configuration in the template
- 4
Personal photos, resume PDFs, and other assets in the pics/ directory should be replaced with your own content
- 5
When deploying to GitHub Pages, in the repository Settings → Pages, select the main branch root directory as the source
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis 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 imply 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 need to 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 additional charges.
- The template relies on the GitHub REST API to fetch repository data; before use, replace the username in the request with your own GitHub username, otherwise the original author's repository information will be displayed.
- The contact form relies on the third-party service Web3Forms; you need to apply for an access key and replace the configuration yourself, otherwise the form cannot send emails.
- Icons are loaded via the Lucide Icons CDN, which is an external resource; icons may not display when offline or if the CDN is unavailable.
- The pics/ directory contains the author's personal photos, resume PDFs, and other assets; users should replace them with their own content and should not directly reuse the original author's private assets.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
**📦 Dynamic GitHub API Integration**: Automatically queries GitHub REST API to display real-time repository metrics
Original README
**✉️ Contact Channel**: Integrated with Web3Forms for direct email transmissions.
Original README
**Icons**: Lucide Icons CDN
Original README
https://github.com/ChinmayGawad/Portfolio/blob/main/LICENSEhttps://github.com/ChinmayGawad/Portfolio/blob/main/README.md└── pics/ # Profile photos, resume PDF, and static assets
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-09. 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
- More documented · 83 / 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
- 2026-10-09
- Screenshot last checked
- 2026-10-09
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-10
Inspect the recorded source material
SHA-256: d127fa40bb167ad42c279b22ceabaac42fd5a812846f998c9ab9b65780ea5674
2026-10-09T21:30:37.049Z
Source file / repository# ⚡ Chinmay Gawad — Developer Portfolio     A high-performance, developer-centric, **Galaxy / Deep Space Aesthetic** personal portfolio built with pure HTML5, vanilla JavaScript, CSS custom properties, and dynamic GitHub REST API integration. 🔗 **Live Demo**: [https://chinmaygawad.github.io/Portfolio/](https://chinmaygawad.github.io/Portfolio/) --- ## 🚀 Features - **🌌 Galaxy & Deep Space Theme**: Deep indigo void background (`#0a0a1f`) featuring nebula gradients, violet accents (`#a78bfa`), cinematic vignette, and mission-window headers with galaxy control dots. - **✨ Interactive Galaxy Starfield**: Lightweight canvas animation rendering twinkling stars, drifting depth, occasional shooting stars, mouse parallax, and click-to-launch meteors (`assets/js/galaxy-bg.js`) with automatic tab visibility power savings. - **🖥️ Dynamic Mission Console Typing Subtitle**: Simulates real execution lines (`./launch_agentic_ai.py --mode=autonomous_agents`, `cat /etc/galaxy/skills/…`, `git commit -m "Launching intelligent agentic systems"`). - **📦 Dynamic GitHub API Integration**: Automatically queries GitHub REST API to display real-time repository metrics (size, star/fork count, language badges, update timestamps) with language filtering. - **🌓 Dual Theme Engine**: High-contrast theme switcher supporting Starfield Dark mode (default) and crisp Galaxy Light mode with complete text visibility. - **📱 Responsive & Optimized**: High performance with zero heavy JavaScript frameworks (< 20 KB total JS bundle). - **✉️ Contact Channel**: Integrated with Web3Forms for direct email transmissions. --- ## 🛠️ Tech Stack - **Core**: HTML5, Vanilla JavaScript (ES6+), CSS3 - **Design & Typography**: Custom CSS Variables, Orbitron, JetBrains Mono, Fira Code, Inter - **Icons**: Lucide Icons CDN - **API**: GitHub REST API (`https://api.github.com/users/ChinmayGawad/repos`) - **Forms**: Web3Forms API - **Deployment**: GitHub Pages --- ## 📂 Project Structure ``` Portfolio/ ├── index.html # Main single-page galaxy application ├── normalize.css # Cross-browser CSS reset ├── README.md # Repository documentation ├── assets/ │ ├── css/ │ │ └── portfolio.css # Galaxy design system & theme rules │ └── js/ │ ├── main.js # Application logic, API fetcher, theme toggle │ └── galaxy-bg.js # Canvas galaxy starfield background animation └── pics/ # Profile photos, resume PDF, and static assets ``` --- ## 💻 Local Setup 1. **Clone the repository**: ```bash git clone https://github.com/ChinmayGawad/Portfolio.git cd Portfolio ``` 2. **Run locally**: - Open `index.html` directly in any web browser, or serve using VS Code Live Server / `npx serve .`. --- ## 🌐 Deployment This project is 100% static and deploys automatically on **GitHub Pages**: 1. Go to repository **Settings** → **Pages**. 2. Set **Source** to `Deploy from a branch` and select `main / root`. 3. Save. The site will deploy at `https://chinmaygawad.github.io/Portfolio/`. --- ## 👤 Author **Chinmay Gawad** - **Education**: B.Tech in Computer Engineering @ St. John College of Engineering & Management, Palghar (2024 – 2027) - **Academic Stats**: B.Tech CGPA: **8.56 / 10** | Diploma: **83.14%** - **GitHub**: [@ChinmayGawad](https://github.com/ChinmayGawad) - **LinkedIn**: [Chinmay Gawad](https://www.linkedin.com/in/chinmay-gawad-7b3172256/) - **Email**: [email protected] --- ## 📄 License Distributed under the MIT License. See `LICENSE` for details.
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