Pepsi Landing Page

About

A modern, responsive landing page inspired by Pepsi's design aesthetic. Built with semantic HTML and CSS3 to showcase beverage branding, product visuals, and engaging marketing content.

Built With

• HTML5
• CSS3
• Responsive layout
• Static assets in images/

Getting Started

Prerequisites

No build tools or runtime required. Works in any modern browser.

Installation

1. Clone the repository:

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

2. Open the project:
   • Double-click index.html, or
   • Serve locally (optional):

   python -m http.server 8000
   # Visit http://localhost:8000

Usage

• Explore the hero and brand sections
• Customize copy and styles in index.html and style.css
• Replace assets under images/ with your own artwork

Features

• Pepsi-inspired design and branding
• Responsive layout for mobile and desktop
• Lightweight, no JavaScript required
• Clean semantic structure

Roadmap

• Add animations and transitions
• Add product showcase gallery
• Improve accessibility (ARIA roles, focus states)
• Add newsletter/contact form
• Optional: migrate to a component-based framework

Contributing

Contributions are welcome!

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit changes (git commit -m "Add AmazingFeature")
4. Push (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License. See LICENSE.md for details.

Contact

Author: Tuman Sutradhar

• GitHub: @tumansutradhar
• Email: connect.tuman@gmail.com

Acknowledgments

• Inspired by Pepsi branding and design
• Community resources for HTML/CSS responsiveness