HTMLPortfolio

Simple-Personal-Portfolio-Website — HTML Portfolio Template

By imraghavojha

A static personal portfolio page built with HTML, CSS and JavaScript, with a dark mode toggle and saved preferences.

Explore the design

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

2 previews
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-19View source

What stands out

A quick read of the recorded project description.

01

Provides a dark/light theme toggle button in the top-right corner of the page

02

Automatically saves the user's chosen theme preference and applies it on the next visit

03

Includes mediaqueries.css for mobile style adaptation

04

Consists of index.html, styles.css, mediaqueries.css and script.js, with a simple structure

Template Details

This template is a static personal portfolio website. Its main files are index.html, styles.css, mediaqueries.css and script.js. The README states that it is meant to showcase personal projects, and that it provides a dark mode toggle that saves the user's preference and includes mobile styles. To use it, clone the repository and open index.html directly in a browser. The README does not document specific framework versions, build tools or a deployment process, and it does not mention any interactive features other than dark mode.

HTMLPortfolio

Is it right for your project?

Use Cases

  • A solo developer showcasing their own projects
  • As a static page example for learning HTML, CSS and JavaScript
  • Quickly setting up a personal introduction page with a dark mode toggle

Suitable For

  • Developers who need a simple personal portfolio page
  • Front-end learners who want to see how dark mode is implemented

Getting started & customization

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

  1. 1

    The clone command in the README points to imraghavojha.github.io.git, which differs from the current repository address; check this carefully

  2. 2

    After cloning, enter the project directory and open index.html directly in a browser to view it

  3. 3

    The README does not provide build, dependency installation or deployment steps

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • The code of this version may be used, modified, used commercially and distributed free of charge.
  • When distributing copies or substantial portions of the code, the original author's copyright notice and the full MIT license notice must be retained.
  • 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 own licenses; the code's MIT license alone cannot be used to judge them.
  • External services such as domains, hosting, databases, payments or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-19. 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 · 77 / 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-01-28
Screenshot last checked
2026-10-19

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: codex-user-requested-batch-review-20261021 · 2026-10-21

Inspect the recorded source material

SHA-256: af86e58f06e752cd16c564e9ea982f1cbe2f25c68ebe0bc54fc294d2fc6761c9

2026-10-19T15:26:47.538Z

Source file / repository
# 🌟 Simple Personal Portfolio Website

This repository is my digital playground, showcasing my HTML and CSS skills for a personal portfolio website.

-------------------------------------------------------------------------------------------------------------

![](/assets/Website_light.png)
![](/assets/Website_dark.png)

-------------------------------------------------------------------------------------------------------------

## Overview

- 📄 **index.html**: The main script for my virtual self.
- 🎨 **styles.css**: Stylesheet that paints the canvas with aesthetic brilliance.
- 📱 **mediaqueries.css**: Styles for phones, because we're mobile-friendly!
- 🌗 **script.js**: Handles dark mode toggling and user preferences.

## Features

### 🌓 Dark Mode
- Toggle between light and dark themes with a single click
- Automatically saves your preference for future visits
- Smooth transitions between modes
- Enhanced readability in both themes

## Usage

Dive into the adventure! This portfolio can be used by anyone to showcase their projects!

## How to Run

1. **Clone this repository:**
   ```bash
   git clone https://github.com/imraghavojha/imraghavojha.github.io.git
   ```

2. **Navigate to the project directory:**
   ```bash
   cd imraghavojha.github.io-main
   ```

3. **Open index.html in your preferred browser or text editor.**

4. **Explore and enjoy the experience! 🚀**


#Future Additions
wanted to add my real projects and a experience secion.

## Customization

### Theme Preferences
The dark mode toggle is located in the top-right corner of the page. Your selected theme preference will be automatically saved and applied on your next visit.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

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

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

Resume

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

HTML · Portfolio

Creative

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

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

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