https://github.com/himanshumaurya0007/prodigy_wd_01

Interactive navigation menu for a website (Responsive Landing Page) | Prodigy InfoTech Web Development
https://github.com/himanshumaurya0007/prodigy_wd_01

css css3 html html-css html-css-javascript html-css-js html5 html5-css3 internship-challenge internship-project internship-task javascript js

Last synced: about 1 month ago
JSON representation

Interactive navigation menu for a website (Responsive Landing Page) | Prodigy InfoTech Web Development

• Host: GitHub
• URL: https://github.com/himanshumaurya0007/prodigy_wd_01
• Owner: himanshumaurya0007
• License: mit
• Created: 2024-02-24T06:22:59.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-09-08T08:56:22.000Z (3 months ago)
• Last Synced: 2024-09-08T10:00:00.496Z (3 months ago)
• Topics: css, css3, html, html-css, html-css-javascript, html-css-js, html5, html5-css3, internship-challenge, internship-project, internship-task, javascript, js
• Language: HTML
• Homepage:
• Size: 297 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Interactive Navigation Menu for a Website (Responsive Landing Page)

This project implements an interactive navigation menu for a website. The navigation menu changes its appearance when scrolled or when hovering over a menu item. It has a fixed position and is visible on all pages.

## Table of Contents

- [Introduction](#introduction)

- [Features](#features)

- [Technologies_Used](#technologies_used)

- [Installation](#installation)

- [Get Started](#get_started)

- [Project_Image](#project_image)

- [Contributing](#contributing)

- [Author](#author)

## Introduction

This project contains the source code for a landing page. It offers an engaging, interactive experience when in use.

## Features

- **Scrolled State:** The navigation menu changes its background color when scrolled.

- **Hover Effect:** Menu items change their background and text color when hovered over.

## Technologies_Used

- HTML

- CSS

- JavaScript

## Installation

1. Clone this repository to your local machine.

2. Navigate to the `PRODIGY_WD_01` folder.

3. Open `index.html` file in your web browser.

## Get_Started

- Scroll down the page to see the navigation menu change its background color.

- Hover over each menu item to see the hover effect.

## Project_Image

![Project Image](./resources/Hover_Effect_&_Scrolled_State.png)

## Contributing

Contributions are welcome! Fork the repository and submit a pull request with your improvements.

## Author

Himanshu Maurya