PRODIGY_WD_01

Responsive Landing Page for my Web Development Internship at PRODIGY Infotech.

🌟 Task Overview

Objective: To create a responsive landing page with an interactive navigation menu that:

• Changes color or style when scrolled.
• Changes appearance when hovering over menu items.
• Remains fixed and visible on all pages.

🛠️ Technologies Used

• HTML5: For structuring the navigation menu and page content.
• CSS3: For styling and making the page visually appealing.
• JavaScript: To add interactivity for scroll and hover effects.

📂 Project Structure

• index.html # Main HTML file
• styles.css # CSS for styling
• script.js # JavaScript for interactivity
• README.md # Documentation

🚀 How to Run This Project

• Clone this repository:
• git clone https://github.com/rishanmenezes/PRODIGY_WD_01.git
• Open the project folder in a code editor (e.g., VS Code).
• Open index.html in a browser to view the project.

📖 What I Learned

• Creating a fixed navigation bar using CSS.
• Adding scroll-based style changes with JavaScript.
• Using hover effects for interactive navigation menus.
• Making the design responsive for various screen sizes.

🤝 Acknowledgments

• Thanks to PRODIGY Infotech for the opportunity.
• Resources: MDN Web Docs, W3Schools.