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.
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.
- 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.
- HTML5: For the basic structure of the page.
- CSS3: For styling and responsive design.
- JavaScript (ES6): For interactivity and dynamic navigation.
- Clone this repository or download the project files.
git clone https://github.com/zahaaMuhanna/LandingPage.git