HTMLPortfolio

Portfolio_Website — HTML Portfolio Template

By AyushTIW30

A personal portfolio website built with HTML, CSS, Bootstrap, and JavaScript, featuring a green-themed interface, dark mode toggle, and project cards.

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.

Green-themed light interface with a one-click dark mode toggle

Different background images for light and dark modes

Projects displayed as cards, each with a GitHub repository link

Responsive layout based on Bootstrap, adapting to desktop, tablet, and mobile

Uses Font Awesome icons; README states hosting on GitHub Pages

Template Details

This is a personal portfolio website template designed to present the developer's introduction, GitHub profile, and project list. The page uses a green-themed light interface and offers a one-click dark mode toggle; different background images are used in each mode. Projects are displayed as cards, each with a link to a GitHub repository. The layout is responsive based on Bootstrap and adapts to desktop, tablet, and mobile.

The tech stack includes HTML5, CSS3, Bootstrap 5, JavaScript (only for dark mode switching), and Font Awesome icons. The README states that the site is hosted on GitHub Pages. The repository is MIT licensed, allowing free use, modification, and distribution of the code, provided the copyright and license notice are retained.

In terms of content, the project entries, personal introduction, and links in the site are the author's own data; when used as a template, they need to be replaced with your own information. The README does not describe a build process or data source, so the project list appears to be static content written directly into the page rather than dynamically fetched from an external API.

HTMLPortfolio

Is it right for your project?

Use Cases

Individual developers organizing and showcasing their projects and GitHub links
As a front-end exercise to learn Bootstrap responsive layout and JavaScript dark mode switching
Deploying as a static site to GitHub Pages or similar hosting platforms

Suitable For

Individual developers or students who need a lightweight static portfolio page
Users who want to customize the page themselves based on HTML/CSS/Bootstrap
Those planning to host the portfolio on GitHub Pages or similar static hosting services

Getting started & customization

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

1
After cloning the repository, open index.html directly to view locally
2
Replace the personal introduction, project cards, and links in the page with your own content
3
Dark mode switching relies on JavaScript; do not remove the related scripts
4
The repository is MIT licensed; retain the original author's copyright notice and license text when distributing
5
Third-party assets such as projects and images listed in the README must be checked separately under their respective licenses

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 applies to that version's code 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 must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional fees.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/AyushTIW30/Portfolio_Website/blob/main/LICENSE https://github.com/AyushTIW30/Portfolio_Website/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-05-13
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: e415d37501a450177b72a1ef46a4e60f0b06d17eb5197efc372c30daa9adce50

2026-10-13T02:07:17.100Z

Source file / repository

# 🌿 Ayush Tiwari's Developer Portfolio Website

Welcome to my **personal portfolio website**, built to showcase my skills, projects, and passion for development and data. This responsive website is designed using modern UI principles with light/dark mode functionality, interactive layout, and real-time project linking.

🔗 **Live Site**: [https://ayushtiw30.github.io/Portfolio_Website/](https://ayushtiw30.github.io/Portfolio_Website/)

---

## 📌 About

This website represents who I am as a tech enthusiast and developer. It includes my personal introduction, GitHub profile, and a detailed showcase of all the projects I’ve worked on — complete with links and descriptions.

Whether you're a recruiter, collaborator, or fellow coder, this portfolio gives you a clear view of my work and interests in software development, data analytics, and creative coding.

---

## ✨ Key Features

- 🎨 **Clean UI** – Green-themed light mode with dynamic dark mode toggle.
- 🧩 **Project Cards** – Interactive project display with GitHub links.
- 🌇 **Dynamic Background** – Different background for light/dark modes.
- 📱 **Fully Responsive** – Works smoothly on desktops, tablets, and mobile.
- 🌓 **Dark Mode Toggle** – One-click switch for night-friendly browsing.
- ⚡ **Hosted on GitHub Pages** – Instantly accessible via a public link.

---

## 🛠️ Tech Stack

- **HTML5**
- **CSS3**
- **Bootstrap 5.3**
- **JavaScript (Dark Mode Toggle)**
- **Font Awesome Icons**
- **GitHub Pages** (for hosting)

---

## 📂 Project Highlights

Some featured projects included in this site:

| Project Name           | Description                                                           | Link                                                |
|------------------------|-----------------------------------------------------------------------|-----------------------------------------------------|
| Password Generator     | Create secure passwords with random character logic                   | [GitHub Repo](https://github.com/AyushTIW30/password_gen) |
| ATM Simulation System  | Python ATM simulation with balance and PIN-based logic                | [GitHub Repo](https://github.com/AyushTIW30/ATM-Simulation-System) |
| Turtle Race Game       | A fun graphical turtle race using Python Turtle                       | [GitHub Repo](https://github.com/AyushTIW30/Turtle-Race-Game) |
| Train Booking Form     | Frontend seat booking system using HTML, CSS, JS                      | [GitHub Repo](https://github.com/AyushTIW30/Train_Booking_Form) |
| Gesture Jump Game      | Jump game controlled via webcam using OpenCV & MediaPipe              | [GitHub Repo](https://github.com/AyushTIW30/GestureJump) |
| Hangman Game           | Classic terminal-based hangman word guessing game in Python           | [GitHub Repo](https://github.com/AyushTIW30/Hangman_Game) |

---

## 🚀 How to Use Locally

```bash
git clone https://github.com/AyushTIW30/Portfolio_Website.git
cd Portfolio_Website
open index.html

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