Skip to content

README.md

Latest commit

 

History

History
59 lines (38 loc) · 1.04 KB

README.md

File metadata and controls

59 lines (38 loc) · 1.04 KB

CodeAlpha Image Gallery 📸

A responsive and interactive image gallery built using HTML, CSS, and JavaScript.
This project includes category filtering, lightbox preview, hover effects, and smooth animations.

🚀 Features

  • Responsive image grid layout
  • Category filter buttons (All, Nature, Animals, Technology)
  • Lightbox preview with next/previous navigation
  • Smooth hover animations
  • Keyboard navigation support
  • Mobile-friendly design

🛠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla JS)

▶ How To Run Project

  1. Download or clone the repository
  2. Open the project folder
  3. Double-click on index.html

OR

Open index.html using Live Server in VS Code.

📂 Project Structure

CodeAlpha_ImageGallery
│
├── index.html
├── style.css
└── script.js

📌 Internship Task

This project is developed as part of the CodeAlpha Internship Program – Image Gallery Task.

📄 License

This project is free to use for learning and educational purposes.