Skip to content

surajsharma14/Pepsi

Repository files navigation


Pepsi Website HTML Code

This is a sample HTML code for a webpage that represents a Pepsi product website. The code creates a webpage layout including navigation, hero section, product details, and special offers.

Introduction

This HTML code is a simple representation of a webpage for promoting Pepsi products. It includes various components like navigation, a hero section with product information, and details about special offers.

Components

1. Navigation

  • Navigation bar with three sections: left, center, and right.
  • Categories: Category, Lifestyle, Books.
  • Icons: Heart, Shopping Cart, Account.

2. Hero Section

  • Divided into left, center, and right sections.
  • Promotes the freshness and features of the Pepsi product.
  • Contains images, text, and icons.

3. Right Hero Section

  • Contains expandable sections for Description, Nutrition, and Ingredients.
  • Provides additional details about the product.

4. Special Offers

  • Lists various special offers for Pepsi products.

Special Offers

Check out our special offers on Pepsi products:

  • Buy 1 Get 1 Free
  • 25% off on 2nd purchase
  • Combo offers available

Usage

You can use this HTML code as a template or starting point for creating a webpage promoting Pepsi products. Customize the content, styles, and images according to your requirements and branding.


Steps to Contribute

Step 1: Fork the repo and Go to your Git terminal and clone it on your machine.

git clone https://github.com/<your_github_username>/Pepsi.git

cd Pepsi

Step 2: Add an upstream link to the main branch in your cloned repo

git remote add upstream https://github.com/<your_github_username>/Pepsi.git

Step 3: Keep your cloned repo up to date by pulling from upstream (this will also avoid any merge conflicts while committing new changes)

git pull upstream main

Step 4: Create your feature branch (This is a necessary step, so don't skip it)

git checkout -b <branch-name>

Step 5: Track and stage your changes.

git status

Step 6: Add all the required changes

git add .

Step 7: Commit all the changes (Write commit message as "Small Message")

git commit -m "<your-commit-message>"

Step 8: Push the changes for review

git push origin <branch-name>

Step 9: Create a PR on Github. (Don't just hit the create a pull request button, you must write a PR message to clarify why and what are you contributing)