🌴 Namma Kudla – Discover Mangaluru

A responsive static tourism website showcasing Mangaluru (Kudla) — its destinations, culture, food, beaches, and local stories. Built using HTML, CSS, and JavaScript, with clean navigation and modular pages.

🚀 Live Demo

👉 https://kudla-360.vercel.app/

If you haven’t deployed yet, don’t skip this. A repo without a live demo is half-baked.

📌 Features

Multi-page website with clear navigation

Dropdown dashboard menu

Dedicated pages for:

Destinations

Beaches

Culture & Community

Food

Stories & Blog

Maps & Guides

Clean UI with reusable layout

Responsive design (works on mobile & desktop)

Lightweight & fast (no unnecessary frameworks)

🛠️ Tech Stack

HTML5 – Semantic structure

CSS3 – Styling & layout

JavaScript (Vanilla) – Interactivity

Images (JPG / PNG / WebP) – Optimized assets

No frameworks. No bloat. Just fundamentals done right.

📂 Project Structure KUDLA/ ├── index.html # Home page ├── about.html ├── destinations.html ├── beaches.html ├── culture.html ├── food.html ├── stories.html ├── maps.html ├── guide.html ├── editor.html ├── contact.html ├── post.html │ ├── style.css # Global styles ├── app.js # Core JS logic ├── post.js # Blog interactions ├── stories.js # Stories page logic │ ├── images/ # Project images (jpg/png/webp) └── README.md

Structure is clear. If you want extra polish later, move images into an /assets folder.

🧠 What I Learned

Structuring a real multi-page website

Creating reusable navigation with dropdown menus

Organizing frontend projects properly

Writing clean, readable HTML & CSS

Managing static assets efficiently

📸 Screenshots

Add screenshots here (homepage, destinations, mobile view).

/screenshots/home.png

/screenshots/destinations.png

Screenshots are not optional if you want this repo to look serious.

📦 How to Run Locally git clone https://github.com/anoopcodehack/kudla.git cd namma-kudla open index.html

No build steps. No dependencies.

🔮 Future Improvements

Convert to React or Next.js

Add backend for blog & comments

Integrate Google Maps API

Improve accessibility (ARIA labels)

Add SEO meta tags per page

🤝 Contributing

Pull requests are welcome. If you find bugs or improvements, open an issue first.

📄 License

This project is open-source and available under the MIT License.

👤 Author

Anoop A 📧 anooparjun05@gmail.com 🔗 https://www.linkedin.com/in/anoop-a-95b7b3331/