Level Up — Language Learning Platform

A landing page for a language-learning app, built with HTML and CSS.

Live site: https://level-up-language-learning-app.netlify.app/ / https://biancasud.github.io/Project-7-Language-Learning/

![Level Up]

About

Level Up is a marketing landing page for a language app in the style of Duolingo or Tandem — built to practice the structure of a conversion-focused page: hook, proof, features, testimonials, call to action.

Features

• Hero section with headline, subheading and a primary call to action
• Language selection grid covering 20 languages
• Statistics band — users, languages supported, topics, app store rating
• Topic grid of 12 learning categories
• Three feature sections for language exchange, vocabulary practice, and text/voice/video communication
• Testimonials grid of six user reviews
• Footer organized into about, learning resources, support, social and app download

Built with

HTML5, CSS3. No frameworks or libraries.

Running locally

git clone https://github.com/BiancaSud/Project-7-Language-Learning.git
cd Project-7-Language-Learning

Open index.html in a browser.

What I focused on

Page rhythm. A landing page is a long vertical sequence of sections, and the difficulty is stopping it from reading as one undifferentiated block — alternating background treatments, varying section widths, and keeping spacing consistent so the eye knows where one idea ends and the next begins.

Possible improvements

• Make the language and topic grids interactive
• Responsive layout for tablet and mobile
• Working login and sign-up pages