Back to Team Projects

Team

YogaBloom

A responsive landing page for a yoga studio with pricing plans, interactive modal windows and smooth navigation.

Live DemoView Code
YogaBloom

Overview

YogaBloom is a team project focused on building a modern responsive landing page for a yoga studio. The project includes multiple content sections, smooth navigation, pricing plans, interactive modal windows and a fully responsive layout following modern HTML5, CSS and JavaScript best practices.

My Contribution

Pricing SectionPricing CardsModal WindowsModal FormBackdrop HandlingForm ValidationResponsive Layout

Responsibilities

  • Developed the Pricing section
  • Implemented pricing cards
  • Created reusable modal windows
  • Implemented open and close modal logic
  • Handled backdrop and Escape key events
  • Implemented responsive layout
  • Collaborated with the team using Git and GitHub

Challenges

  • Building reusable modal components
  • Responsive layout implementation
  • Maintaining consistent UI across screen sizes