Web Profile — Mohamad Firdaus

Single-page personal web profile for Mohamad Firdaus — freelance software engineer.

Built as a single index.html with inline CSS and JavaScript. Zero build tools, zero external dependencies except Google Fonts (Inter).

Deploy

This is a static site. Deploy anywhere that serves HTML:

Platform	Instructions
GitHub Pages	Push to a repo, enable Pages from the branch
Netlify	Drag index.html onto Netlify Drop
Vercel	vercel --prod
Any static host	Copy index.html to your web root

Tech Stack

• HTML5
• CSS3 (custom properties, flexbox, grid)
• Vanilla JavaScript (IntersectionObserver)
• Google Fonts: Inter

Sections

• Hero — Name, tagline, location, CTA
• About — Bio + stats cards
• Projects — selected projects with verified evidence and honest paused-status copy where a public route is unavailable
• Proof — three privacy-safe case-study patterns and delivery principles
• Services — workflow diagnostic, bounded internal tools, and architecture/delivery review
• Skills — Tech stack badges by category
• Contact — Email, WhatsApp, LinkedIn, GitHub links and the diagnostic CTA
• Footer

Resume artifacts

• resume.html — designed human-readable resume
• resume-ats.html — one-column ATS source
• Mohamad_Firdaus_Resume_2026.pdf — designed PDF
• Mohamad_Firdaus_Resume_ATS_2026.pdf — ATS-friendly PDF
• Mohamad_Firdaus_Resume_2026.docx — ATS-aligned Word document

Design

• Dark theme (#0a0a0a background)
• Green accent (#22c55e) used sparingly for impact
• Glass-effect fixed navigation
• Smooth scroll via CSS scroll-behavior: smooth
• Fade-in animations via IntersectionObserver
• Fully responsive (320px – 1440px)

License

© 2026 Mohamad Firdaus