8000
Skip to content

Repository files navigation

🥤 Pepsi Website Landing Page

A visually appealing and interactive landing page for Pepsi, built with HTML, CSS, and JavaScript. This modern web design captures the refreshing vibe of Pepsi with smooth transitions, product switching, and a responsive layout.

![Pepsi Landing Page Screenshot]

image image


🚀 Live Demo

👉 Live Demo - https://amit81082.github.io/creative_landing_page/


📌 Features

  • ✅ Smooth product image switch with clickable thumbnails
  • ✅ Dynamic background color changes
  • ✅ Scroll reveal animations
  • ✅ Modern and clean UI

🛠️ Tech Stack

  • HTML5
  • CSS3 (Flexbox & Media Queries)
  • JavaScript (DOM Manipulation)
  • ScrollReveal.js (for scroll animations)


🧠 How It Works

  • Clicking on different Pepsi cans updates the main image and changes the background color dynamically.
  • ScrollReveal is used to animate content as you scroll.
  • not fully responsive layout but it looks so good in pc.

🧾 Installation

git clone https://github.com/yourusername/pepsi-landing-page.git
cd pepsi-landing-page



About

A visually appealing and interactive landing page for Pepsi, built with HTML, CSS, and JavaScript. This modern web design captures the refreshing vibe of Pepsi with smooth transitions, product switching, and a responsive layout.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

0