Zayeed Hasan - Personal Portfolio Website

Welcome to the repository for Zayeed Hasan's personal portfolio website. This project is a modern, interactive portfolio designed to showcase my work, skills, and professional journey. The site features a dynamic design with a variety of sections including an introduction, about me, services, and portfolio, with smooth animations and custom color themes.

Project Overview

This personal portfolio website is built to present my professional achievements, skills, and projects in a visually appealing manner. It includes interactive elements, custom animations, and a responsive design to ensure a great experience across all devices.

Features

• Interactive Loader: Displays a loading screen with a dynamic text animation.
• Custom Cursor: A personalized cursor that follows mouse movements.
• Navigation Menu: Fullscreen navigation with smooth transitions and a menu bar.
• Header Section: Features social media links, a rotating text animation, and a downloadable CV button.
• About Section: Includes a brief biography, skills, and a section to download the CV.
• Services Section: Displays certifications with interactive color changers.
• Skills Section: Showcases various skills with icons and descriptions.
• Portfolio Section: Lists portfolio items with placeholders for upcoming projects.
• Responsive Design: Optimized for different screen sizes and devices.

Technologies Used

• HTML5: Markup language for structuring the website.
• CSS3: Styling language for designing the look and feel of the website.
• JavaScript: For interactivity and animations.
  • GSAP: For animations (https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js).
  • Particles.js: For particle animations (https://github.com/VincentGarreau/particles.js).
• FontAwesome: For icons (https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css).
• jQuery: For simplified DOM manipulation and event handling.

``

Usage

1. Modify Content: Update the HTML files to change text, images, and other content.
2. Customize Styles: Edit css/index.css to adjust the styling and themes.
3. Add JavaScript: Update js/index.js for additional interactive features or animations.

Screenshots

Below are some screenshots showcasing different aspects of the portfolio website:

Credits

• Zayeed Hasan: Project Developer
• GSAP: GreenSock Animation Platform
• Particles.js: Particles.js GitHub
• FontAwesome: FontAwesome CDN
• jQuery: jQuery CDN

---