Back to Work
Lemonade Stand Website
Web Dev

Lemonade Stand Website

Clean, fully responsive marketing site built from scratch with HTML, CSS (Flexbox + media queries), and vanilla JavaScript, featuring a responsive hamburger menu and lightweight UI.

2024
HTMLCSSJavaScript

Overview

A clean, modern, and fully responsive website built using fundamental web technologies. This project serves as a practical foundation for understanding how to structure HTML, style with CSS (including Flexbox and Media Queries), and add interactivity with JavaScript. Features a responsive hamburger menu and lightweight, clean UI design.

Problem Statement & Approach

A foundational exercise in building a modern, responsive marketing site using only core web technologies — no frameworks or build tools.

Approach: Structure the content with semantic HTML, style responsively with CSS Flexbox and media queries, and add just enough vanilla JavaScript for interactivity like the mobile menu.

Key Features

  • Fully responsive layout with CSS Flexbox and media queries
  • Responsive hamburger navigation menu
  • Interactivity powered by vanilla JavaScript
  • Lightweight, clean UI with no frameworks or build tools

Improvements

  • A contact form with client-side validation
  • Subtle scroll-triggered animations
HTMLCSSJavaScriptResponsive Design