Skip to content

Latest commit

 

History

History
41 lines (27 loc) · 1.53 KB

README.md

File metadata and controls

41 lines (27 loc) · 1.53 KB

Landing Page Project

This is a Landing Page Project created as part of the Udacity Front-End Nano Degree program. The project demonstrates foundational web development skills, including HTML structure, responsive CSS styling, and JavaScript for dynamic behaviors.

Project Description

This landing page showcases a modern, responsive web layout suitable for desktops, tablets, and mobile devices. Key features include:

  • A dynamically built navigation bar.
  • Smooth scrolling to sections upon clicking navigation links.
  • Active state highlighting for sections and navigation links.
  • A responsive design using CSS media queries to ensure usability across various screen sizes.
  • Form validation to ensure proper user input.

Features

  • Dynamic Navigation: The navigation bar is dynamically generated using JavaScript.
  • Responsive Design: Layout adapts seamlessly across devices (desktop, tablet, and mobile).
  • Active State: Highlights the active section in the navigation menu as the user scrolls.
  • Smooth Scrolling: Clicking a navigation link smoothly scrolls to the target section.
  • Form Validation: Validates user inputs and shows error messages for empty fields.

Technologies Used

  • HTML5: For the basic structure of the page.
  • CSS3: For styling and responsive design.
  • JavaScript (ES6): For interactivity and dynamic navigation.

Setup Instructions

  1. Clone this repository or download the project files. 
    git clone https://github.com/zahaaMuhanna/LandingPage.git