Slide 1 Slide 2 Slide 3 Slide 4

01. UI Design & Structure

Designed a modern, responsive UI using **HTML, CSS, and Bootstrap**. Focused on clean layout, smooth navigation, and visually appealing components like project cards, tech stack sections, and interactive buttons.

02. Functionality & Interaction

script.js

// Smooth Scroll Navigation

document.querySelectorAll("a").forEach(link => {

link.addEventListener("click", smoothScroll);

});

Implemented interactive features using **JavaScript**, including smooth scrolling, hover effects, dynamic UI behavior, and responsive design adjustments for different devices.

Outcome

Successfully created a professional portfolio website to showcase projects, improving personal branding and online presence.

Key Learning

Gained strong understanding of responsive design, UI/UX principles, and frontend development best practices.