Welcome to the Pine City Zoo — a vibrant and interactive educational website that showcases animals, zoo locations, a map, weather info, and a feedback section. This project uses HTML, CSS, and multimedia to create an engaging virtual zoo experience.
pine-city-zoo/ ├── index.html # Main homepage (Animals & Places) ├── animals.html # Animal categories (optional if separated) ├── places.html # Zoo locations ├── map.html # Zoo map page ├── weather.html # Weather information ├── feedback.html # Feedback form ├── style.css # Stylesheet for the site ├── videos/ │ └── giraffe-video.mp4 # Background video └── images/ ├── elephant-tn.PNG ├── giraffe-tn.PNG ├── koala-tn.PNG ├── monkey-tn.PNG ├── panda-tn.PNG ├── lion-tn.PNG ├── gemsbok-tn.PNG ├── gorilla-tn.PNG ├── warthog-tn.PNG ├── garden-amphitheater.JPG ├── insect-house-tn.PNG ├── monkey-trail-tn.PNG ├── coffee-shop-tn.PNG ├── lost-forest-tn.PNG ├── pizza-shop-tn.PNG └── restaurant-tn.PNG
- 🐘 Image gallery of animals with clickable pages
- 🏞️ Highlighted attractions like the Monkey Trail, Amphitheatre, and Mo’s Pizza
- 🎞️ Background video with overlay for visual appeal
- 📲 Mobile-friendly structure using
<meta viewport> - 🧭 Navigation menu linking all major sections
- 📋 Feedback page and live weather integration (optional)
- Clone this repository:
git clone https://github.com/Unathi-Monjane/pine-city-zoo.git