HTMLPortfolio

cv-website — HTML Portfolio Template

By aayushmotwani-dev

A single-page bilingual CV and portfolio website built with pure HTML, CSS, and vanilla JavaScript, offering three visual themes—Paper, Ink, and 8-Bit—along with an idle screensaver, background music, and responsive layout.

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-02View source

What stands out

A quick read of the recorded project description.

Single-file structure: all HTML, inline styles, and logic are contained in index.html, making it easy to edit and deploy directly

Three theme switches: Paper light, Ink dark, and 8-Bit retro pixel style (with CRT scanlines)

English/German bilingual toggle covering all page content

Idle-triggered screensaver implemented with vanilla JavaScript and CSS

Built-in lo-fi background music player with manual toggle

Responsive layout with mobile navigation overlay and touch dimming interaction

Template Details

This is a personal CV and portfolio website template, with all content contained in a single index.html file, accompanied by bgm.mp3 background music, pixel font files used in 8-Bit mode, and vercel.json security response header configuration. The page structure is designed to showcase academic background, work experience, projects, and skills, and supports switching between English and German.

Visually, it offers three themes: Paper is a light, high-readability mode; Ink is a dark mode; and 8-Bit is a retro mode with pixel fonts and CRT scanline effects. Interactivity includes an idle-triggered screensaver, toggleable lo-fi background music, scroll progress tracking, and a mobile navigation overlay with touch dimming.

Technically, it deliberately avoids heavy frameworks, using semantic HTML5, native CSS with custom properties (Flexbox/Grid, :has(), :target, and other pseudo-classes), and vanilla JavaScript to handle theme switching, language switching, and scroll state. The repository provides no build tools; running locally only requires any static HTTP server.

Usage limitations: the template content and screenshots correspond to the author's own CV data; replacing with personal content requires directly editing index.html. Third-party assets such as background music and pixel fonts must be checked separately under their respective licenses and cannot be judged solely by the code's MIT license. The repository does not specify browser compatibility or accessibility compliance.

HTMLPortfolio

Is it right for your project?

Use Cases

Individual developers or students building an online CV and portfolio page
Scenarios requiring multilingual (English/German) presentation of personal experience
Projects aiming to implement theme switching and interactive effects with pure HTML/CSS/JS rather than frameworks
Deploying to static hosting platforms like Vercel as a personal homepage

Suitable For

Individual users who want to quickly replace content by directly editing a single HTML file
Those who prefer a static site solution with no build tools or framework dependencies
CV pages needing to switch between light, dark, and retro visual styles
Scenarios presenting academic and professional backgrounds to English- and German-speaking audiences

Getting started & customization

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

1
After cloning the repository, run it with any static HTTP server, e.g., python -m http.server 8000 or npx http-server; no build step is required
2
Page content, styles, and scripts are all in index.html; replacing personal information requires directly editing that file
3
Background music depends on bgm.mp3, and the 8-Bit theme depends on the press-start-2p.woff2 font file; both must be retained
4
vercel.json configures security response headers such as CSP, HSTS, and X-Frame-Options; these need to be migrated manually when deploying to other platforms
5
Licenses for third-party assets such as background music and fonts must be checked separately; the code's MIT license does not cover these resources

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version of a public repository under the MIT license; 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 liability limitations are governed by the original license and applicable law.

Additional costs & items to verify

The README only explicitly encourages using the layout as inspiration for a personal portfolio; it does not state that it can be directly distributed or used commercially as a general template. If direct reuse is needed, confirm the scope of authorization yourself.
The background music file bgm.mp3 is a third-party asset whose license is not stated in the repository; the code's MIT license does not cover this audio resource, so verify authorization separately before use.
The pixel font press-start-2p.woff2 used in the 8-Bit theme is a third-party font whose license is not stated in the repository; verify the font license separately before use.
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 domain, hosting, database, payment, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Feel free to use the layout as inspiration for your own portfolio!
Original README

Background music track.
Original README

Custom pixel font for the 8-Bit mode.
Original README

https://github.com/aayushmotwani-dev/cv-website/blob/main/LICENSE https://github.com/aayushmotwani-dev/cv-website/blob/main/README.md

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

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 9edd7dc49ed93a149c2c7729cdd6ec1bc4dac48548110de43eea3f2a958345d7

2026-10-02T16:14:03.104Z

Source file / repository

# Aayush Motwani - Personal Portfolio & CV Website

Welcome to the repository for my personal CV and portfolio website. This is a highly interactive, single-page web application designed to showcase my academic background, professional experience, projects, and skills.

## 🚀 Live Demo

**[aayushmotwani.vercel.app](https://aayushmotwani.vercel.app)**

## ✨ Features

- **Modern & Minimalist Design**: Built with a focus on clean typography, precise spacing, and smooth micro-interactions.
- **Tri-Theme System**:
- 📄 **Paper**: A clean, light mode with high readability.
- 🖋️ **Ink**: A sleek, dark mode with reduced eye strain.
- 👾 **8-Bit**: A fun, retro-inspired mode with pixelated fonts and CRT-style scanlines.
- **Bilingual Support (EN/DE)**: Seamlessly toggle between English and German translations for all content.
- **Interactive Screensaver**: A screensaver that activates after a period of inactivity, written in vanilla JavaScript and CSS.
- **Background Music Player**: Integrated lo-fi BGM with a custom toggle for a more immersive browsing experience.
- **Responsive Layout**: Carefully tuned for all device sizes, featuring a custom mobile navigation overlay and optimized touch-based dimming interactions.

## 🛠️ Tech Stack

This project was built intentionally without heavy frameworks to ensure lightning-fast load times and complete control over the DOM.

- **HTML5**: Semantic structure and accessibility.
- **CSS3**: Vanilla CSS with custom properties (variables), Flexbox/Grid layouts, and modern pseudo-classes (e.g., `:has()`, `:target`).
- **JavaScript (Vanilla)**: For theme switching, language toggling, scroll progress tracking, and interactive states.
- **Hosting**: Deployed seamlessly via [Vercel](https://vercel.com).

## 📂 Project Structure

- `index.html`: The core file containing all structure, inline styles, and logic.
- `bgm.mp3`: Background music track.
- `vercel.json`: Security headers (CSP, HSTS, X-Frame-Options and others).
- `press-start-2p.woff2`: Custom pixel font for the 8-Bit mode.

## ⚙️ Development

To run this project locally, you don't need any complex build tools. Simply clone the repository and serve it using any local HTTP server.

```bash
# Clone the repository
git clone https://github.com/aayushmotwani-dev/cv-website.git

# Navigate into the project
cd cv-website

# Serve using Python 3
python -m http.server 8000

# Or using Node.js (http-server)
npx http-server
```

Then, open `http://localhost:8000` in your browser.

## 📝 License

This project is open-source and available under the [MIT License](LICENSE). Feel free to use the layout as inspiration for your own portfolio!

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