Modern Responsive Portfolio Site
Budget: ₹400 – ₹750 INR
I need a sleek, fully-responsive portfolio site built with plain HTML, CSS and vanilla JavaScript. The visual direction is a clean, modern SaaS / Apple-inspired UI but with an illustrative touch to keep it lively. A dark theme, smooth scrolling, tasteful hover states and gentle slide-in animations should make the browsing experience feel polished without being flashy.
Core structure
• Hero, About, Projects, Skills and Contact sections laid out for both mobile and desktop breakpoints.
• The Contact form must submit through Gmail (SMTP or an email-JS style approach). It should be spam-protected and confirm success to the visitor.
Performance & SEO
Fast load times, semantic markup, organised heading hierarchy, meta tags and lightweight assets are essential so the site can rank and perform well.
Interactions & visuals
Subtle parallax or opacity shifts on scroll, smooth anchor links between sections, and micro-hover effects on project cards will bring the page to life while staying professional.
Tech constraints
No frameworks; just well-structured HTML, modular SCSS/CSS and concise JavaScript. I’m happy if you use build tools for minification as long as the final output remains framework-free.
Deliverables
1. Complete source files and a ready-to-deploy build folder.
2. Clear instructions for updating project items and the Gmail integration.
3. A quick demo link or video walk-through that proves everything works.
Timing
The first draft should be ready within 2–4 days so I can review and request tweaks.
If you have sample portfolios with similar styling or interesting animations, please share them so I can quickly gauge fit. I’ll respond promptly with any feedback or clarifications you might need.
Core structure
• Hero, About, Projects, Skills and Contact sections laid out for both mobile and desktop breakpoints.
• The Contact form must submit through Gmail (SMTP or an email-JS style approach). It should be spam-protected and confirm success to the visitor.
Performance & SEO
Fast load times, semantic markup, organised heading hierarchy, meta tags and lightweight assets are essential so the site can rank and perform well.
Interactions & visuals
Subtle parallax or opacity shifts on scroll, smooth anchor links between sections, and micro-hover effects on project cards will bring the page to life while staying professional.
Tech constraints
No frameworks; just well-structured HTML, modular SCSS/CSS and concise JavaScript. I’m happy if you use build tools for minification as long as the final output remains framework-free.
Deliverables
1. Complete source files and a ready-to-deploy build folder.
2. Clear instructions for updating project items and the Gmail integration.
3. A quick demo link or video walk-through that proves everything works.
Timing
The first draft should be ready within 2–4 days so I can review and request tweaks.
If you have sample portfolios with similar styling or interesting animations, please share them so I can quickly gauge fit. I’ll respond promptly with any feedback or clarifications you might need.