Portfolio

Small Animations, Big Impact

Comment

Project Description

This is a personal portfolio website showcasing professional skills, featured projects, image gallery, and contact information. The site uses modern web technologies combined with smooth scroll-based animations for an engaging user experience.

Features

  • Responsive layout across desktop and mobile devices
  • Scroll-triggered animations powered by GSAP and ScrollTrigger
  • Interactive hero section with smooth reveal effects
  • Dynamic project carousel to showcase recent work
  • Polaroid-style gallery section with pinned scroll effect
  • Custom cursor mask and text animations
  • Easy-to-use navigation menu linking to all sections
  • Contact section with quick email link and resume download

Technologies

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • GSAP (GreenSock Animation Library)
  • ScrollTrigger plugin (GSAP)
  • Git for version control

Getting Started

To view or develop this project locally, follow these steps:

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge)
  • Git (optional, for cloning the repository)

Installation

  1. Clone the repository:
   git clone https://github.com/I2S9/portfolio.git
  1. Change directory:
   cd portfolio
  1. Open the main page:
   open index.html

Alternatively, you can drag and drop index.html into your browser.

Usage

  • Scroll through the page to trigger animations.
  • Use the navigation links to jump to different sections (About, Projects, Gallery, Contact).
  • Click on project cards to view more details or external links.
  • Visit the Gallery page for a curated set of images and creative works.

Project Structure

├── index.html          # Main portfolio page with hero, animations, and sections
├── styles.css          # Global styles for the main page
├── projects.html       # Detailed projects listing page
├── projects-styles.css # Styles for the projects page
├── gallery.html        # Image gallery page
├── gallery-styles.css  # Styles for the gallery page
├── public/             # Static assets (images, icons, PDF resume)
│   └── assets/
└── README.md           # Project overview and setup instructions

License

This project is open source and available under the MIT License.

Built With

Share this project:

Updates