Personal Portfolio Website

Overview

A modern, responsive portfolio website built with HTML, CSS, and JavaScript. This personal portfolio showcases my skills, projects, and professional experience with an elegant, creative design and smooth animations.

• View Portfolio: Click Here!

Features

• Modern Design - Clean, minimalist aesthetic with creative background elements
• Responsive Layout - Fully responsive design that works on all devices
• Animated Elements - Subtle animations and transitions for an engaging user experience
• Project Showcase - Highlighted portfolio projects with descriptions and links
• Skills Section - Organized display of technical skills and competencies
• Experience Timeline - Professional experience displayed in an intuitive timeline format
• Contact Information - Easy ways to get in touch and connect

Technologies Used

• HTML5
• CSS3 (with custom properties/variables)
• JavaScript (ES6+)
• No frameworks or libraries - built with pure vanilla code

Project Structure

hpk-website/
├── index.html          # Main HTML file
├── styles.css          # Styling
├── script.js           # JavaScript functionality
├── assets/             # Images, icons, and other assets
│   └── images/
└── README.md           # Project documentation

Setup and Installation

1. Clone the repository:

git clone https://github.com/hpk369/hpk-website.git

2. Navigate to the project directory:

cd hpk-website

3. Open index.html in your browser, or use a local server:

# Using Python
python -m http.server

# Using Node.js
npx serve

Customization

This portfolio template is designed to be easily customizable:

1. Personal Information - Update your name, skills, and contact details in index.html
2. Projects - Add or modify your projects in the projects section
3. Colors - Change the color scheme by modifying the CSS variables in styles.css
4. Background - Adjust the creative background elements in both CSS and JS
5. Content - Modify any section to better highlight your unique experience and skills

Performance Optimization

• Efficient CSS using custom properties
• Optimized JavaScript with event throttling
• Lazy-loaded content for faster initial load times
• Minimalistic approach avoiding heavy frameworks

Browser Support

• Chrome, Firefox, Safari, Edge (latest versions)
• IE11+ (with some visual differences)

Contact

Feel free to reach out if you have questions or suggestions:

• GitHub: @hpk369
• Email: keshruwalaharsh@gmail.com
• LinkedIn: Harsh P Keshruwala