This project showcases the design and development of a personal interactive portfolio website, built entirely with custom HTML, CSS, and JavaScript—without any frameworks or templates.
The site highlights professional cybersecurity projects, academic achievements, and tennis-related content, combining both technical and athletic branding into one cohesive digital profile.
- Developed a fully responsive portfolio site with grid-based project sections, media galleries, and GitHub/LinkedIn integrations.
- Implemented smooth navigation, lightbox effects, and adaptive styling for both desktop and mobile views using pure CSS and JavaScript.
- Modular HTML sections: About, Skills, Projects, Experience, Media, and Connect.
- Dynamic navigation links with smooth scrolling and accurate section alignment.
- Grid-style project cards linking directly to GitHub repositories and Google Docs reports.
- Responsive design tested across Chrome and mobile breakpoints.
- Integrated social icons and external links for professional networking.
- Custom CSS animations and hover transitions for interactivity.
- Languages Used: HTML5, CSS3, JavaScript (Vanilla)
- Tools: PyCharm, GitHub Pages, Chrome DevTools
- Version Control: Managed with Git & GitHub for live updates and version tracking
- Hosting: Deployed via GitHub Pages for public access
- Add dark/light mode toggle using CSS variables and JS event listeners.
- Incorporate JSON-based project data for automated rendering.
- Expand media section with embedded YouTube reels and certificate previews.
- Connect analytics tracking for engagement insights (Google Tag Manager or OWA).
Kayvon Karimi
Cybersecurity & Tennis Professional | Web Developer
LinkedIn | GitHub | Instagram
This project is open-source and available under the MIT License.