CodeAlpha Image Gallery

This project is a responsive Image Gallery built using HTML, CSS, and JavaScript as part of the CodeAlpha Frontend Development Internship.

Features

• Responsive image gallery layout
• Category filters (Nature, Animals, Architecture)
• Lightbox image preview
• Next and Previous navigation
• Hover effects and smooth transitions
• Mobile-friendly design

Technologies Used

• HTML5
• CSS3
• JavaScript

Project Structure

CodeAlpha_ImageGallery/ │ ├── index.html ├── style.css ├── script.js └── image/     ├── img1.JPG     ├── img2.JPG     ├── img3.JPG     ├── img4.JPG     ├── img5.JPG     ├── img6.JPG     ├── img7.JPG     ├── img8.JPG     ├── img9.JPG     ├── img10.JPG     └── img11.JPG

Live Demo

https://dnyaneshwari047-gif.github.io/CodeAlpha_ImageGallery/

CodeAlpha Image Gallery

This project is a responsive Image Gallery built using HTML, CSS, and JavaScript as part of the CodeAlpha Frontend Development Internship.

Features

• Responsive image gallery layout
• Category filters (Nature, Animals, Architecture)
• Lightbox image preview
• Next and Previous navigation
• Hover effects and smooth transitions
• Mobile-friendly design

Technologies Used

• HTML5
• CSS3
• JavaScript

Project Structure

CodeAlpha_ImageGallery/ │ ├── index.html ├── style.css ├── script.js └── image/     ├── img1.JPG     ├── img2.JPG     ├── img3.JPG     ├── img4.JPG     ├── img5.JPG     ├── img6.JPG     ├── img7.JPG     ├── img8.JPG     ├── img9.JPG     ├── img10.JPG     └── img11.JPG

Author

Dnyaneshwari Lokare