📸 Guhan Kavinda Photography Portfolio Website
A modern, responsive photography portfolio website built for Guhan Kavinda using HTML, Tailwind CSS, JavaScript, PHP, and MySQL. This project is designed to showcase photography work with elegant design, smooth interactions, and mobile-first responsiveness.
🚀 Features
- 🎨 Modern UI with Tailwind CSS
- 🌗 Dark Mode Toggle
- 🖼️ Dynamic Photo Gallery with category filters and animation
- 🖱️ Smooth Scroll Navigation
- 💬 Contact Form with PHP backend and email functionality
- 📍 Google Maps Embed
- 💡 Fully Responsive Design
- 🗃️ Basic MySQL Integration (contact form)
- 🔗 Social Media Integration (Instagram, WhatsApp, TikTok, Facebook)
🧰 Tech Stack
- Frontend: HTML5, Tailwind CSS (via CDN), JavaScript
- Backend: PHP
- Database: MySQL
- Tools: Font Awesome, SimpleLightbox, Google Maps
📷 Gallery Filter Example
Users can filter images based on categories (e.g., nature, portraits, events) with animated transitions and lightbox view.
The contact form collects:
Messages are sent via mail()
in PHP and optionally stored in the database.
📱 Responsive Design
This website works perfectly across all screen sizes — desktop, tablet, and mobile.
⚙️ Installation
- Clone the repository:
```bash
git clone https://github.com/yourusername/guhan-photography.git
cd guhan-photography