Skip to content

Pako3549/interactive-italy-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive Italy Map 🇮🇹🗺️

A simple web project built using pure HTML, CSS, and JavaScript that features an interactive map of Italy. Users can click on any region to open a modal displaying information about the selected region, along with a photo. 🌍

Features 🌟

  • Interactive Map: A visually appealing map of Italy where each region is clickable. 📍
  • Dynamic Modal: Upon clicking a region, a modal is displayed with detailed information and an image specific to that region. 🖼️
  • Responsive Design: The page is optimized for various screen sizes and devices. 📱💻

Demo 🎥

You can see the live demo on GitHub Pages 🌐

Usage ⚙️

  • Hover over the map to highlight the regions. 🖱️
  • Click on a region or use the search tool to view more information in the modal. 🔍
  • Use the close button on the modal to return to the map. ❌

Customization ✨

  • Map Regions: The map's SVG or clickable areas can be updated in the index.html file. ✏️
  • Region Data: Add or modify region-specific data in the JavaScript file (main.js) 🔧
  • Styling: Customize the design by editing the style.css file. 🎨

Contributing 🤝

Contributions are welcome! Feel free to open an issue or submit a pull request. 🛠️

License 📄

This project is open-source and available under the GPL-3.0 License. See the LICENSE file for more details.

About

A simple web project built using pure HTML, CSS, and JavaScript that features an interactive map of Italy

Topics

Resources

License

Stars

Watchers

Forks