Shyam Kumar P — Personal Portfolio

A personal portfolio website built with pure HTML and CSS.

Overview

This is my personal portfolio showcasing my projects, skills, certifications, and contact information. It features a cinematic rain video entry screen, animated stats, bento-grid layouts, and smooth hover interactions — all without any frameworks or dependencies.

Pages

• index.html — Splash entry screen with rain video background
• home.html — Hero section with CGPA counter and project stats
• about.html — Bio, certifications grid, and skills panels
• projects.html — Project showcase with GitHub and IEEE links
• contact.html — Contact form and social links

Setup Instructions

No installation or build tools required.

1. Clone the repository:

   git clone https://github.com/Itzmyself/<your-repo-name>.git

2. Navigate into the project folder:

   cd <your-repo-name>

3. Make sure the assets/ folder is present with all images and the Rain.mp4 video file.

How to Run

Option 1 — Direct browser (simplest): Just double-click index.html to open it in your browser.

Option 2 — Live Server (recommended): If you use VS Code, install the Live Server extension, right-click index.html, and select "Open with Live Server". This ensures the video background autoplays correctly.

Option 3 — Python local server:

python -m http.server 8000

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

Tech Stack

• HTML5
• CSS3 (Grid, Flexbox, Custom Properties, Keyframe Animations)
• Google Fonts — DM Serif Display & Syne

Contact

• Email: shyamkumar120406@gmail.com
• LinkedIn: linkedin.com/in/shyam-kumar-124868320
• GitHub: github.com/Itzmyself