Skip to content

abhi-v-10/cat-gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🐾 Cat Gallery

Welcome to the Cat Gallery! This is a simple, responsive web page that showcases a variety of adorable cat breeds with interactive hover effects. Built using HTML and Tailwind CSS, it's purr-fect for cat lovers and web design enthusiasts alike. 😺

✨ Features

  • πŸ“± Responsive grid layout for all devices
  • πŸ–±οΈ Hover to reveal alternate cat images and breed names
  • 🎨 Modern design with smooth transitions and rounded corners

πŸš€ Getting Started

  1. Download or clone this repository.
  2. Open gallery.html in your web browser.
  3. Hover over any cat image to see a surprise and learn the breed name!

πŸ› οΈ Customization

  • Add/Remove Cats:
    Edit the <div class="grid grid-cols-1 md:grid-cols-3 gap-9"> section in gallery.html.
  • Change Images:
    Update the src attributes of the <img> tags.
  • Edit Breed Names:
    Change the text inside the breed name <div>.

πŸ“¦ Dependencies

πŸ“ File Structure

  • gallery.html – Main HTML file for the cat gallery

πŸ“œ License

This project is for educational and personal use.
Enjoy the cats! πŸˆβ€β¬›πŸˆ

About

cat gallery website using tailwind css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages