PRODIGY_WD_01 - Prodigy Web Development Internship - Task 01 - Responsive Landing Page

HTML

Header:

• Navbar with logo, navigation links (HOME, ABOUT, SERVICES, LEARN, CONTACT), action button ("Get Started"), and toggle button for mobile view.
• Dropdown menu for mobile navigation.

Main Section:

• Hero section with welcome message and description.

CSS

Global Styles:

• Basic reset and default font.
• Black background with space image for the body.

Header and Navbar:

• Flexbox layout for alignment.
  
• Navbar links and action buttons are styled for desktop and hidden in mobile.

Dropdown Menu:

• Initially hidden, transitions in height, are displayed in mobile view.

Hero Section:

• Full-screen section with centered text.

Responsive Design:

• Media queries to toggle visibility of navbar links and dropdown menu on smaller screens.

JavaScript

Toggle Button:

• Toggles the dropdown menu visibility and changes the icon between hamburger and close (X) on click.