Lingua HTML Website

Lingua is a responsive and modern landing page inspired by Babbel.com, built entirely using pure HTML and CSS, with no external JavaScript frameworks or libraries.
It demonstrates how much can be achieved using just core web technologies — semantic HTML, advanced CSS layout techniques, and creative UI interactions.

Features

• Fully Responsive Navigation Bar

  • Hamburger menu for smaller screens
  • Functional toggle implemented using pure CSS (checkbox hack)

• Dynamic Login / Signup Modal

  • No JavaScript dependencies — handled entirely with CSS transitions and checkbox toggles
  • Includes form validation attributes (required, minlength, etc.)

• Clean, Modern Layout

  • Hero section with banner
  • Multiple content sections showcasing features, testimonials, and FAQs
  • Consistent visual theme and color palette

• Accessibility & SEO

  • Semantic HTML5 elements (nav, main, footer, section, details, etc.)
  • Descriptive metadata (author, description, favicon)
  • Alt text for all images

• Single Inline Script

  • Minimal inline JavaScript used only for login/signup modal toggle — the rest is fully CSS-driven