my first cool portfolio website.
Personal portfolio website of Suyothan Pandi V. — Embedded Systems Engineer | Firmware Developer | Robotics Enthusiast
🔗 Live Demo: https://suyothan.github.io/suyo-portfolio-website/
To see my elite level portfolio website click on this: https://suyothan-portfolio.netlify.app/
- Modern dark-themed single-page design with gradient accents
- Responsive layout (mobile + desktop)
- Smooth scroll behavior & scroll reveal animations
- Typing animation in the hero section
- Scroll progress bar at the top
- Fixed navbar with active link highlighting on scroll
- Card-based project showcase with hover lift effects
- Direct YouTube demo links for projects
- Contact section with clickable email and GitHub profile icon
- Subtle animated grid overlay + fixed tech background
- Pure static site — no frameworks, no build step
- HTML5
- CSS3 (Custom properties, Flexbox, Grid, Gradients, Backdrop-filter, Animations, Clamp for responsive typography)
- Vanilla JavaScript (Scroll events, Intersection Observer, Typing animation, Navbar logic)
- Google Fonts: Rajdhani (headings) + Inter (body text)
- Font Awesome 7 (social icons)
- Unsplash (background image)
- GitHub Pages (free static hosting)
suyo-portfolio-website/ ├── index.html # Everything in one file (HTML + inline CSS + JS) ├── README.md # This file └── (no folders — single-file static site) text## How to Run Locally
- Clone the repository
git clone https://github.com/suyothan/suyo-portfolio-website.git
Open index.html in any modern browser → That's it — no installation, no server needed.License © 2026 Suyothan Pandi V. Personal portfolio — feel free to take inspiration, but please don't copy as-is for your own public portfolio. Made with passion for embedded systems & robotics 🚀