Create a Modern Portfolio Template (HTML/CSS) with Gallery, Animations & Interactions

Заказчик: AI | Опубликовано: 19.10.2025
Бюджет: 250 $

I’m looking for a front-end developer/designer to create a modern, minimal, and responsive portfolio website template inspired by https://www.chenkatherine.com/ . The template should include dummy text and image placeholders only, with smooth animations, transitions, and interactive effects to highlight projects and enhance the user experience. The design should be clean, easy to customize, and perfect for showcasing a designer’s work. Page Structure (5 Main Pages): Home / Landing Page – Hero section with introduction, featured work previews, and smooth scroll animations. Work / Portfolio Gallery – Grid or masonry layout of project thumbnails with hover effects and animations. Case Study / Project Page Template – Layout for detailed project presentation (images, description, role, tools used). About Page – Designer bio, skills, and profile photo placeholder with fade-in or slide-in animations. Contact Page – Simple contact form or email link with animated form inputs and social media icons, when submitted will be sent to personal email. Each section should include dummy text and placeholder images, so it’s ready to be replaced easily. Requirements: Fully responsive layout (desktop, tablet, mobile) Built with HTML5 + CSS3 (Flexbox or Grid) Lightweight animations & interactions (scroll reveal, hover transitions, fade/slide effects, parallax optional) Easily editable content: simple to replace text and images via clear folder structure Gallery/project section should allow for easy addition of new items No heavy frameworks — keep it lightweight and fast Optional light JavaScript for animations/interactions (e.g., GSAP, AOS, or vanilla JS) Optimized for smooth performance and modern browsers Deliverables: All source files: .html, .css, .js (if any), and asset folders (images/, css/, js/) Organized and documented file structure (ready to upload) Placeholder text and stock image placeholders (no real content) Instructions or readme file on how to update text, replace images, and add new projects Include at least two sample case study pages built from the same template Timeline: Completion within 5–7 days after project start.