Hamdan Saddique Portfolio Website 🚀

A production-grade personal portfolio built with pure HTML, CSS & JavaScript.

✨ Features

• Cinematic hero section with staggered text animations
• Custom magnetic cursor with trailing ring
• Animated floating orb backgrounds with mouse parallax
• Scrolling tech stack marquee
• Bento-grid project showcase
• Animated skill proficiency bars
• Counting number stats on scroll
• Fully responsive (mobile, tablet, desktop)
• Contact form + direct email/GitHub/LinkedIn links

🛠️ Tech Stack

Layer	Technology
Markup	HTML5
Styling	CSS3 (custom properties, keyframes)
Logic	Vanilla JavaScript
Fonts	Clash Display, Azeret Mono, Cabinet Grotesk (Google Fonts)

📁 File Structure

hamdan-portfolio-v2.html ← Single self-contained file

ScreenShorts

🚀 Deployment

Option 1 — GitHub Pages (free)

1. Create a new repo named username.github.io
2. Upload hamdan-portfolio-v2.html as index.html
3. Go to Settings → Pages → Deploy from main branch
4. Live at https://hamdan-saddique-ai.github.io

Option 2 — Netlify (free, instant)

1. Go to netlify.com
2. Drag and drop hamdan-portfolio-v2.html onto the deploy zone
3. Rename it index.html if prompted
4. Live in under 30 seconds

Option 3 — Vercel (free)

1. Install Vercel CLI: npm i -g vercel
2. Run vercel in the folder
3. Follow the prompts — done

✏️ Customization

What to change	Where to find it
Your name	<title>, .logo, .hc-name, footer
Email address	All mailto: links
GitHub URL	All github.com/Hamdan-Saddique-ai links
LinkedIn URL	The LinkedIn .cl anchor tag
Skill percentages	data-w="90" attributes on .sb-fill
Projects	.pb card blocks in the Projects section
Accent color	--neon: #B8FF4F in :root

📬 Contact

• Email: hamdan.saddique.ai@gmail.com
• GitHub: Hamdan-Saddique-ai

---

"Turning data into intelligence 🤖 — Learning, building & growing."