Showing preview only (2,192K chars total). Download the full file or copy to clipboard to get everything.
Repository: arghadipmanna101/Flipkart_Clone
Branch: main
Commit: aced0a7128f9
Files: 202
Total size: 2.1 MB
Directory structure:
gitextract_e3ty6fu4/
├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ ├── bug.yml
│ │ ├── documentation.yml
│ │ └── feature.yml
│ ├── pull_request_template.md
│ └── workflows/
│ ├── auto-comment-pr-merge.yml
│ ├── greetings.yml
│ └── pr-comment.yml
├── .gitignore
├── .idea/
│ └── .gitignore
├── .vscode/
│ ├── c_cpp_properties.json
│ └── settings.json
├── 404.html
├── CODE_OF_CONDUCT.md
├── CONTRIBUITING.md
├── FAQ.html
├── LICENSE
├── Learn.md
├── Licensing.html
├── README.md
├── TermsOfUse.html
├── account/
│ ├── contact.html
│ ├── feedback.html
│ ├── home_account.html
│ ├── login-signup.html
│ ├── notifications.html
│ ├── orders.html
│ └── rewards.html
├── addtokart/
│ ├── checkout.html
│ ├── index.html
│ └── style.css
├── auth/
│ ├── index.html
│ └── styles.css
├── components/
│ ├── footer.html
│ ├── footer_.css
│ └── header.html
├── css/
│ ├── account.css
│ ├── animation.css
│ ├── categories.css
│ ├── contact.css
│ ├── contactus.css
│ ├── darkmode.css
│ ├── feedback.css
│ ├── footer.css
│ ├── header.css
│ ├── homeHeader.css
│ ├── index.css
│ ├── login-signup.css
│ ├── notifications.css
│ ├── orders.css
│ ├── rating.css
│ ├── responsive.css
│ ├── styles.css
│ ├── typography.css
│ └── wishlist.css
├── customersupport/
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── dashboard/
│ ├── sellerdashboard.html
│ ├── styles.css
│ └── userdashboard.html
├── feedback/
│ └── feedback.html
├── footer/
│ └── footer.html
├── gift-cards/
│ ├── index.html
│ └── styles.css
├── header/
│ └── header.html
├── helpcenter.html
├── helpcentre/
│ ├── helpcentre.css
│ └── index.html
├── img/
│ └── download.jfif
├── index.html
├── js/
│ ├── account.js
│ ├── addKartProduct.js
│ ├── categoryData.json
│ ├── categoryjs.js
│ ├── componentsFetch.js
│ ├── contactus.js
│ ├── fetchProductOfIndex.js
│ ├── fkMobileApp.js
│ ├── giftCard.js
│ ├── homeHeader.js
│ ├── index.js
│ ├── ipcwdsOnlyDist.js
│ ├── login-signup.js
│ ├── notification-script.js
│ ├── notifications.js
│ ├── orders.js
│ ├── rewards.js
│ └── topOffers.js
├── login and sign up FlipKart/
│ └── dist/
│ ├── index.html
│ ├── script.js
│ └── style.css
├── manifest.json
├── offerpage/
│ ├── offerpage.css
│ ├── offerpage.js
│ └── offerportal.html
├── package.json
├── pages/
│ ├── Cancellation_and_Returns/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Corporate_Information/
│ │ ├── index.html
│ │ └── style.css
│ ├── EPR/
│ │ ├── index.html
│ │ └── styles.css
│ ├── EPR_Page/
│ │ ├── epr.css
│ │ └── epr.html
│ ├── Grievance Redressal/
│ │ ├── index.html
│ │ └── styles.css
│ ├── Licensing/
│ │ └── Licensing.css
│ ├── Payments/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Privacy/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Security/
│ │ ├── security.css
│ │ └── security.html
│ ├── Security_Page/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Sell_Online/
│ │ ├── script.js
│ │ ├── sell_online.html
│ │ └── style.css
│ ├── Shipping/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Sitemap/
│ │ ├── index.html
│ │ └── style.css
│ ├── cancellation & return/
│ │ ├── index.html
│ │ └── styles.css
│ ├── contact_us/
│ │ ├── contact_us.css
│ │ └── contact_us.html
│ ├── content-page.html
│ ├── help center/
│ │ ├── index.html
│ │ └── styles.css
│ ├── privacypolicy/
│ │ ├── index.html
│ │ ├── privacypolicy.js
│ │ └── styles.css
│ ├── return and Cancellation/
│ │ ├── return.css
│ │ └── return.html
│ ├── securityPage/
│ │ ├── index.html
│ │ └── styles.css
│ └── terms/
│ ├── index.html
│ ├── styles.css
│ └── terms.js
├── plus/
│ ├── index.html
│ ├── plus.css
│ ├── plus.js
│ └── products.json
├── sell-online/
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── server_backend/
│ ├── .gitignore
│ ├── db.js
│ ├── index.js
│ ├── models/
│ │ └── User.js
│ ├── package.json
│ └── routes/
│ └── auth.js
├── src/
│ ├── Beauty, Toys & More/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Electronics/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Fashion/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Furniture/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Grocery/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Home & Kitchen/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Mobile Store.html
│ ├── Mobile and Tab Store.html
│ ├── Mobiles & Tablets/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Mobiles & Tablets - Copy/
│ │ └── index.html
│ ├── TVs & Appliances/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Top Offers/
│ │ ├── footer_.css
│ │ └── index.html
│ ├── Travel/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ ├── travel-script.js
│ │ └── travel-style.css
│ ├── Two Wheelers/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── demo.css
│ └── demo.html
├── the-gift-card-store/
│ ├── giftcard.css
│ └── index.html
├── top-offer.css
├── top-offers.html
└── viewcart/
├── cart.css
├── index.html
└── viewcart.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .github/ISSUE_TEMPLATE/bug.yml
================================================
name: "🐞 Bug Report"
description: "Create a report to help us improve"
title: "BUG:"
labels: ["Bug"]
body:
- type: checkboxes
attributes:
label: "Is there an existing issue for this?"
description: "Please search to see if an issue already exists for the bug you encountered."
options:
- label: "I have searched the existing issues"
required: true
- type: textarea
attributes:
label: "Describe the bug"
description: "A clear and concise description of what the bug is."
- type: textarea
attributes:
label: "What happened?"
description: "A concise description of what you're experiencing."
- type: textarea
attributes:
label: "Expected behavior"
description: "A clear and concise description of what you expected to happen."
- type: textarea
attributes:
label: "Screenshots"
description: "If applicable, add screenshots to help explain your problem."
- type: checkboxes
attributes:
label: "Record"
options:
- label: "I agree to follow this project's Code of Conduct"
required: true
- label: "I'm a GSSOC'24 contributor"
- label: "I want to work on this issue"
name: "🐞 Bug Report"
description: "Create a report to help us improve"
title: "BUG:"
labels: ["Bug"]
body:
- type: checkboxes
attributes:
label: "Is there an existing issue for this?"
description: "Please search to see if an issue already exists for the bug you encountered."
options:
- label: "I have searched the existing issues"
required: true
- type: textarea
attributes:
label: "Describe the bug"
description: "A clear and concise description of what the bug is."
- type: textarea
attributes:
label: "What happened?"
description: "A concise description of what you're experiencing."
- type: textarea
attributes:
label: "Expected behavior"
description: "A clear and concise description of what you expected to happen."
- type: textarea
attributes:
label: "Screenshots"
description: "If applicable, add screenshots to help explain your problem."
- type: checkboxes
attributes:
label: "Record"
options:
- label: "I agree to follow this project's Code of Conduct"
required: true
- label: "I'm a GSSOC'24 contributor"
- label: "I want to work on this issue"
================================================
FILE: .github/ISSUE_TEMPLATE/documentation.yml
================================================
name: "📑 Documentation Update"
description: "Improve Documentation"
title: "DOC:"
labels: ["DOC", "Needs Triage"]
body:
- type: textarea
attributes:
label: "What's wrong with the existing documentation"
description: "Which things do we need to add or delete"
- type: textarea
attributes:
label: "File to change"
description: "Specify which file needs the changes"
- type: textarea
attributes:
label: "Details of the change"
description: "Describe what needs to be changed"
- type: textarea
attributes:
label: "Type of change"
description: "For example: grammatical errors, adding new sections"
- type: checkboxes
attributes:
label: "Record"
options:
- label: "I agree to follow this project's Code of Conduct"
required: true
- label: "I'm a GSSOC'24 contributor"
- label: "I want to work on this issue"
================================================
FILE: .github/ISSUE_TEMPLATE/feature.yml
================================================
name: "✨ Feature Request"
description: "Suggest an idea for this project"
title: "Feat:"
labels: ["Feat", "Needs Triage"]
body:
- type: textarea
attributes:
label: "Describe the feature"
description: "Provide a detailed description of the feature you are requesting."
validations:
required: true
- type: textarea
attributes:
label: "Describe the solution you'd like"
description: "A clear and concise description of what you want to happen."
validations:
required: true
- type: textarea
attributes:
label: "Describe alternatives you've considered"
description: "A clear and concise description of any alternative solutions or features you've considered."
validations:
required: true
- type: textarea
attributes:
label: "Add ScreenShots"
description: "Add sufficient screenshots to explain your issue."
validations:
required: true
- type: checkboxes
attributes:
label: "Record"
options:
- label: "I agree to follow this project's Code of Conduct"
required: true
- label: "I'm a GSSOC'24 contributor"
- label: "I want to work on this issue"
================================================
FILE: .github/pull_request_template.md
================================================
## Related Issue
[Cite any related issue(s) this pull request addresses. If none, simply state "None”]
## Description
[Please include a brief description of the changes or features added]
## Type of PR
- [ ] Bug fix
- [ ] Feature enhancement
- [ ] Documentation update
- [ ] Other (specify): _______________
## Screenshots / videos (if applicable)
[Attach any relevant screenshots or videos demonstrating the changes]
## Checklist:
- [ ] I have performed a self-review of my code
- [ ] I have read and followed the Contribution Guidelines.
- [ ] I have tested the changes thoroughly before submitting this pull request.
- [ ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
- [ ] I have commented my code, particularly in hard-to-understand areas.
<!-- [X] - put a cross/X inside [] to check the box -->
## Additional context:
[Include any additional information or context that might be helpful for reviewers.]
================================================
FILE: .github/workflows/auto-comment-pr-merge.yml
================================================
name: Auto Comment on PR Merge
on:
pull_request:
types: [closed]
jobs:
comment:
if: github.event.pull_request.merged == true
runs-on: ubuntu-latest
steps:
- name: Add Comment to Merged PR
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
curl -X POST \
-H "Authorization: token $GITHUB_TOKEN" \
-H "Accept: application/vnd.github.v3+json" \
-d '{"body":"🎉 Your pull request has been successfully merged! 🎉 Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! 🚀"}' \
"https://api.github.com/repos/${{ github.repository }}/issues/${{ github.event.pull_request.number }}/comments"
================================================
FILE: .github/workflows/greetings.yml
================================================
name: 'Greetings'
on:
issues:
types: [opened]
pull_request_target:
types: [opened]
permissions:
issues: write
pull-requests: write
jobs:
welcome:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v1
- uses: EddieHubCommunity/gh-action-community/src/welcome@main
with:
issue-message: "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."
pr-message: "Great job, @${{ github.actor }}! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. kindly remember to check our [contributing guidelines](https://github.com/arghadipmanna101/Flipkart_Clone/blob/main/CONTRIBUITING.md)"
github-token: ${{ secrets.GITHUB_TOKEN }}
================================================
FILE: .github/workflows/pr-comment.yml
================================================
name: Comment on Pull Request
on:
pull_request:
types: [opened]
jobs:
comment:
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@v2
- name: Add Comment
uses: peter-evans/create-or-update-comment@v2
with:
token: ${{ secrets.GITHUB_TOKEN }}
issue-number: ${{ github.event.pull_request.number }}
body: |
Thank you for your contribution. We appreciate your effort. Our team will review your PR soon.
================================================
FILE: .gitignore
================================================
*node_modules/*
================================================
FILE: .idea/.gitignore
================================================
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
================================================
FILE: .vscode/c_cpp_properties.json
================================================
{
"configurations": [
{
"name": "windows-gcc-x64",
"includePath": [
"${workspaceFolder}/**"
],
"compilerPath": "gcc",
"cStandard": "${default}",
"cppStandard": "${default}",
"intelliSenseMode": "windows-gcc-x64",
"compilerArgs": [
""
]
}
],
"version": 4
}
================================================
FILE: .vscode/settings.json
================================================
{
"liveServer.settings.port": 5501,
"C_Cpp_Runner.cCompilerPath": "gcc",
"C_Cpp_Runner.cppCompilerPath": "g++",
"C_Cpp_Runner.debuggerPath": "gdb",
"C_Cpp_Runner.cStandard": "",
"C_Cpp_Runner.cppStandard": "",
"C_Cpp_Runner.msvcBatchPath": "C:/Program Files/Microsoft Visual Studio/VR_NR/Community/VC/Auxiliary/Build/vcvarsall.bat",
"C_Cpp_Runner.useMsvc": false,
"C_Cpp_Runner.warnings": [
"-Wall",
"-Wextra",
"-Wpedantic",
"-Wshadow",
"-Wformat=2",
"-Wcast-align",
"-Wconversion",
"-Wsign-conversion",
"-Wnull-dereference"
],
"C_Cpp_Runner.msvcWarnings": [
"/W4",
"/permissive-",
"/w14242",
"/w14287",
"/w14296",
"/w14311",
"/w14826",
"/w44062",
"/w44242",
"/w14905",
"/w14906",
"/w14263",
"/w44265",
"/w14928"
],
"C_Cpp_Runner.enableWarnings": true,
"C_Cpp_Runner.warningsAsError": false,
"C_Cpp_Runner.compilerArgs": [],
"C_Cpp_Runner.linkerArgs": [],
"C_Cpp_Runner.includePaths": [],
"C_Cpp_Runner.includeSearch": [
"*",
"**/*"
],
"C_Cpp_Runner.excludeSearch": [
"**/build",
"**/build/**",
"**/.*",
"**/.*/**",
"**/.vscode",
"**/.vscode/**"
],
"C_Cpp_Runner.useAddressSanitizer": false,
"C_Cpp_Runner.useUndefinedSanitizer": false,
"C_Cpp_Runner.useLeakSanitizer": false,
"C_Cpp_Runner.showCompilationTime": false,
"C_Cpp_Runner.useLinkTimeOptimization": false,
"C_Cpp_Runner.msvcSecureNoWarnings": false
}
================================================
FILE: 404.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404:Page not found</title>
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
</head>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #fff;
}
.center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90vh;
}
.pic {
width: 400px;
height: 300px;
}
a {
text-decoration: none;
color: #000000;
}
.btn {
position: absolute;
padding: 10px 20px;
background-color: #0077ff;
border-radius: 5px;
font-size: 18px;
border: none;
top: 600px;
}
@media screen and (max-width: 600px) {
.pic {
width: 300px;
height: 300px;
}
.btn {
top: 750px;
}
h4{
font-size: 13px;
}
}
nav{
background: #0077ff;
display: flex;
justify-content: center;
}
.logo{
width: 200px;
padding: 20px;
}
</style>
<body>
<nav>
<img src="http://img1a.flixcart.com/www/linchpin/fk-cp-zion/img/fk-logo_9fddff.png" alt="logo" class="logo">
</nav>
<div class="center">
<img src="https://flipkart-clone-seven-azure.vercel.app/img/flipkarterror.png" alt="404 pic" class="pic">
<h4>Unfortunately the page you are looking for has been moved or deleted</h4>
<button class="btn"><a href="https://flipkart-clone-seven-azure.vercel.app/index.html">GOTO THE HOMEPAGE</a></button>
</div>
</body>
</html>
================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Contributor Covenant Code of Conduct
## Our Pledge
We as members, contributors, and leaders pledge to make participation in our
community a harassment-free experience for everyone, regardless of age, body
size, visible or invisible disability, ethnicity, sex characteristics, gender
identity and expression, level of experience, education, socio-economic status,
nationality, personal appearance, race, religion, or sexual identity
and orientation.
We pledge to act and interact in ways that contribute to an open, welcoming,
diverse, inclusive, and healthy community.
## Our Standards
Examples of behavior that contributes to a positive environment for our
community include:
* Demonstrating empathy and kindness toward other people
* Being respectful of differing opinions, viewpoints, and experiences
* Giving and gracefully accepting constructive feedback
* Accepting responsibility and apologizing to those affected by our mistakes,
and learning from the experience
* Focusing on what is best not just for us as individuals, but for the
overall community
Examples of unacceptable behavior include:
* The use of sexualized language or imagery, and sexual attention or
advances of any kind
* Trolling, insulting or derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or email
address, without their explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting
## Enforcement Responsibilities
Community leaders are responsible for clarifying and enforcing our standards of
acceptable behavior and will take appropriate and fair corrective action in
response to any behavior that they deem inappropriate, threatening, offensive,
or harmful.
Community leaders have the right and responsibility to remove, edit, or reject
comments, commits, code, wiki edits, issues, and other contributions that are
not aligned to this Code of Conduct, and will communicate reasons for moderation
decisions when appropriate.
## Scope
This Code of Conduct applies within all community spaces, and also applies when
an individual is officially representing the community in public spaces.
Examples of representing our community include using an official e-mail address,
posting via an official social media account, or acting as an appointed
representative at an online or offline event.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at
arghadipmanna7295@gmail.com .
All complaints will be reviewed and investigated promptly and fairly.
All community leaders are obligated to respect the privacy and security of the
reporter of any incident.
## Enforcement Guidelines
Community leaders will follow these Community Impact Guidelines in determining
the consequences for any action they deem in violation of this Code of Conduct:
### 1. Correction
**Community Impact**: Use of inappropriate language or other behavior deemed
unprofessional or unwelcome in the community.
**Consequence**: A private, written warning from community leaders, providing
clarity around the nature of the violation and an explanation of why the
behavior was inappropriate. A public apology may be requested.
### 2. Warning
**Community Impact**: A violation through a single incident or series
of actions.
**Consequence**: A warning with consequences for continued behavior. No
interaction with the people involved, including unsolicited interaction with
those enforcing the Code of Conduct, for a specified period of time. This
includes avoiding interactions in community spaces as well as external channels
like social media. Violating these terms may lead to a temporary or
permanent ban.
### 3. Temporary Ban
**Community Impact**: A serious violation of community standards, including
sustained inappropriate behavior.
**Consequence**: A temporary ban from any sort of interaction or public
communication with the community for a specified period of time. No public or
private interaction with the people involved, including unsolicited interaction
with those enforcing the Code of Conduct, is allowed during this period.
Violating these terms may lead to a permanent ban.
### 4. Permanent Ban
**Community Impact**: Demonstrating a pattern of violation of community
standards, including sustained inappropriate behavior, harassment of an
individual, or aggression toward or disparagement of classes of individuals.
**Consequence**: A permanent ban from any sort of public interaction within
the community.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage],
version 2.0, available at
https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
Community Impact Guidelines were inspired by [Mozilla's code of conduct
enforcement ladder](https://github.com/mozilla/diversity).
[homepage]: https://www.contributor-covenant.org
For answers to common questions about this code of conduct, see the FAQ at
https://www.contributor-covenant.org/faq. Translations are available at
https://www.contributor-covenant.org/translations.
================================================
FILE: CONTRIBUITING.md
================================================
<h1 align="center"> Guide for Contributors </h1>
<h3 align="center">Welcome to Our Flipkart_Clone project 👋<br> <hr> Thankyou Your eagerness to contribute is greatly appreciated. <br>This guide will walk you through the steps to begin working on the project and successfully make your first contribution.</h3>
## How You Can Contribute?
**🐞Bug Fixing :**
Contributors can help by reviewing and confirming reported issues. This includes verifying bugs, providing additional details, and prioritizing tasks for the development team.
**📝Documentation :** Contributors can contribute by reviewing and improving project documentation. This includes updating existing documents, creating new guides or tutorials, and ensuring that the documentation is clear, comprehensive, and user-friendly.
**✨Enhancements :**
Contributors can enhance the project by implementing new features or improvements suggested by users. This involves understanding requirements, designing solutions, and extending the functionality of the travel website.
# Contributing Guidelines [](https://github.com/openMF/web-app/issues)
When contributing to this repository, please first discuss the change you wish to make via an issue.
Do not open issues for general support questions as we want to keep GitHub issues for bug reports and feature requests.
Remember that this is an inclusive community, committed to creating a safe, positive environment. See the whole [Code of Conduct](CODE_OF_CONDUCT.md) and please follow it in all your interactions with the project.
To start contributing, follow the below guidelines:
**1.** Fork [this](https://github.com/arghadipmanna101/Flipkart_Clone.git) repository.
**2.** Clone your forked copy of the project.
```
git clone https://github.com/arghadipmanna101/Flipkart_Clone.git
```
**3.** Navigate to the project directory :file_folder: .
```
cd Flipkart_Clone
```
**4.** Add a reference(remote) to the original repository.
```
git remote add upstream https://github.com/arghadipmanna101/Flipkart_Clone.git
```
**5.** Check the remotes for this repository.
```
git remote -v
```
**6.** Always take a pull from the upstream repository to your master branch to keep it at par with the main project (updated repository).
```
git pull upstream main
```
**7.** Create a new branch.
```
git checkout -b <your_branch_name>
```
**8.** Perform your desired changes to the code base.
**9.** Track your changes:heavy_check_mark: .
```
git add .
```
**10.** Commit your changes .
```
git commit -m "Relevant message"
```
**11.** Push the committed changes in your feature branch to your remote repo.
```
git push -u origin <your_branch_name>
```
**12.** To create a pull request, click on `compare and pull requests`.
**13.** Add appropriate title and description to your pull request explaining your changes and efforts done.
**14.** Click on `Create Pull Request`.
## Submitting or Requesting an Issue/Enhancement
### Best Practices for reporting or requesting for Issues/Enhancements:
- Before you submit an issue, please search , maybe an issue for your problem already exists and the discussion might inform you of workarounds readily available.
- Follow the Issue Template while creating the issue.
- Include Screenshots if any (specially for UI related issues).
- For UI enhancements or workflows, include mockups to get a clear idea.
### Best Practices for getting assigned to work on an Issue/Enhancement:
- If you would like to work on an issue, inform in the issue ticket by commenting on it.
- Please be sure that you are able to reproduce the issue, before working on it. If not, please ask for clarification by commenting or asking the issue creator.
**Note:** Please do not work on an issue which is already being worked on by another contributor. We don't encourage creating multiple pull requests for the same issue.
## Submitting a Pull Request
### Best Practices to send Pull Requests:
- Follow the Pull request template and submit a pull request with a motive for your change and the method you used to achieve it to be merged with the `master` branch.
- If you can, please submit the pull request with the fix or improvements including tests.
- During review, if you are requested to make changes, rebase your branch and squash the multiple commits into one. Once you push these changes the pull request will edit automatically.
- **IMPORTANT: Don't make any type of `Pull Request` until & unless you get assigned to an `Issue`**
- Add screenshots or screen captures to your `Pull Request` to help us understand the effects of the changes that are included in your commits.
Thank you for your contribution!!
<h2 align="center">Require further assistance? </h1>
<p align="center">
Feel free to explore the basics of Git and Github through the provided articles. Additionally, don't hesitate to reach out to the Project Mentors if you encounter any obstacles: <br>
<a href="https://help.github.com/en/desktop/contributing-to-projects/creating-an-issue-or-pull-request">How to create a Issue</a> <br>
<a href="https://help.github.com/en/github/getting-started-with-github/fork-a-repo">Forking a Repo</a> <br>
<a href="https://docs.github.com/en/get-started/quickstart/fork-a-repo#cloning-your-forked-repository">Cloning a Repo</a> <br>
<a href="https://opensource.com/article/19/7/create-pull-request-github">How to create a Pull Request</a> <br>
<a href="https://docs.github.com/get-started">Getting started with Git and GitHub</a> <br>
</p>
================================================
FILE: FAQ.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../css/header.css">
<link rel="stylesheet" href="../css/footer.css">
<title>FAQ | Flipkart</title>
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f1f3f6;
}
::-webkit-scrollbar{
display: none;
}
header {
background-color: #2874f0;
padding: 10px 20px;
}
nav .logo {
color: #fff;
font-size: 24px;
text-decoration: none;
}
main {
padding: 20px;
}
#header-bluebg .secondNav a {
color: #fff !important;
}
header-bluebg a, #more_h {
text-decoration: none !important;
color: #f9fafb !important;
font-weight: 600 !important;
}
.faq-section {
max-width: 800px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.faq-section h1 {
text-align: center;
margin-bottom: 20px;
}
.faq-container {
margin-top: 20px;
}
.faq {
border-bottom: 1px solid #e0e0e0;
padding: 15px 0;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.faq-question h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
}
.faq-toggle {
font-size: 24px;
color: #2874f0;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-answer p {
margin: 0;
padding: 10px 0;
}
.navbar-brand img {
width: 120px;
}
.searchBar_h {
display: flex;
align-items: center;
flex: 1;
margin-left: 20px;
margin-right: 20px;
}
.searchBar_h input {
flex: 1;
padding: 5px 10px;
border-radius: 5px 0 0 5px;
border: 1px solid #ccc;
}
.searchBar_h i {
padding: 5px 10px;
border-radius: 0 5px 5px 0;
background-color: #fff;
border: 1px solid #ccc;
border-left: 0;
cursor: pointer;
}
.btn-primary a {
color: #fff;
text-decoration: none;
}
.b_a_s, #more_h, .cartLogoandname {
margin-left: 10px;
}
.cartLogoandname img {
width: 20px;
}
.secondNav .nav-link {
display: flex;
align-items: center;
padding: 5px 10px;
color: #000;
}
.secondNav .nav-link i {
margin-left: 5px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28155,155,155,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#more_h {
cursor: pointer;
position: relative;
display: inline-block;
padding: 5px 10px;
color: #fff;
}
#more-options {
display: none;
background-color: white;
box-shadow: 0 2px 2px rgba(0,0,0,0.15);
padding: 10px;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
min-width: 150px;
border: 1px solid #e0e0e0;
border-radius: 5px;
font-family:'Courier New', Courier, monospace;
font-weight: 700;
}
#more_h:hover #more-options {
display: block;
}
.option-item {
color: #f4c3c3;
padding: 5px 0;
text-decoration: none;
display: block;
font-size: 13px;
transition: all 0.78s;
}
.option-item:hover {
text-decoration: none;
background-color: #ccc;
transition: all 0.78s;
}
footer{
background-color: rgb(6, 23, 46);
}
</style>
</head>
<body>
<div class="loader-container">
<div class="loader-wrapper">
<div class="loader"></div>
<div class="logo" style="background-image: url('img/flipkart_lite.png');"></div>
</div>
</div>
<!-- Header -->
<header id="header-bluebg">
<nav class="container-fluid" style="background-color: #2874F0;">
<div class="container">
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../">
<img src="../img/flipcartlogo.PNG" alt="Brand Logo">
</a>
<div class="searchBar_h">
<input id="inputField_h" type="text" autocomplete="off" placeholder="Search for products, brands and more">
<i id="fetchButton_h" class="bi bi-search btn"></i>
</div>
<div>
<button class="btn btn-primary"><a href="../account/login-signup.html">Login</a></button>
</div>
<div class="text-white b_a_s">
<a href="../sell-online/">Become a Seller</a>
</div>
<div class="text-white" id="more_h">
More <i class="bi bi-chevron-down"></i>
<div id="more-options">
<a class="option-item" href="../gift-cards/index.html">Gift-Cards</a>
<a class="option-item" href="../plus/index.html">Flipkart+</a>
<a class="option-item" href="../account/contact.html">Contact Us</a>
</div>
</div>
<div class="text-white cartLogoandname">
<a href="../viewcart/">
<img src="../img/svg/cart_h.svg" alt="Cart"><span class="cart_h" style="color:white">Cart</span><span id="cartItems"></span>
</a>
</div>
</div>
</nav>
</div>
</nav>
<nav class="navbar navbar-expand-lg bg-body-tertiary secondNav container-fluid">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../search/?query=electronics">Electronics <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=appliances">TVs & Appliances <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=men">Men <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=women">Women <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=kids">Baby & Kids <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=home">Home & Furniture <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=books">Sports, Books & More <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=flights">Flights <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../offerpage/offerportal.html">Offer Zone <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=grocery">Grocery <i class="bi bi-chevron-down"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- JavaScript -->
<script src="../js/bootstrap.bundle.min.js"></script>
<main>
<section class="faq-section">
<h1>Frequently Asked Questions</h1>
<div class="faq-container">
<div class="faq">
<div class="faq-question">
<h3>What is Flipkart Clone?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Flipkart Clone is a replica of the popular e-commerce website Flipkart, created for educational and demonstration purposes.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>How can I place an order?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>To place an order, browse the product categories, select the items you want to purchase, add them to your cart, and proceed to checkout.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>What payment methods are accepted?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>We accept various payment methods including credit/debit cards, net banking, UPI, and cash on delivery (COD).</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>How can I track my order?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>You can track your order status in the 'My Orders' section of your account. You will also receive updates via email and SMS.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>What is the return policy?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Our return policy allows you to return products within 30 days of delivery for a full refund or replacement. Some items may have different return periods and conditions.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>How do I cancel an order?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>You can cancel your order before it is shipped. Go to the 'My Orders' section, select the order you want to cancel, and click on 'Cancel'.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>What are the delivery charges?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Delivery charges vary depending on the product, seller, and location. You can see the applicable delivery charges at checkout.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>Can I change my delivery address after placing an order?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Unfortunately, you cannot change the delivery address once an order is placed. You can cancel the order and place a new one with the correct address.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>What is Flipkart Plus?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Flipkart Plus is a loyalty program that offers benefits such as free delivery, early access to sales, and more. Members earn SuperCoins on every purchase.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>How do I contact customer support?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>You can contact customer support through the 'Help Center' on our website or by calling our customer service number available on the 'Contact Us' page.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>How do I redeem a gift card?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>To redeem a gift card, enter the gift card code at checkout. The balance will be applied to your order total.</p>
</div>
</div>
<div class="faq">
<div class="faq-question">
<h3>Is it safe to shop on Flipkart Clone?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Yes, it is safe to shop on Flipkart Clone. We use secure payment gateways and encryption to protect your personal and payment information.</p>
</div>
</div>
</div>
</section>
</main>
<footer >
<div class="container-fluid footerTop">
<div class="row footer1">
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>ABOUT</h5>
<ul>
<li><a href="">Contact Us</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Careers</a></li>
<li><a href="">Flipkart Stories</a></li>
<li><a href="">Press</a></li>
<li><a href="">Corporate Information</a></li>
<li><i><a href="">Explore Plus</a></i></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>GROUP COMPANIES</h5>
<ul>
<li><a href="https://www.myntra.com/">Myntra</a></li>
<li><a href="https://www.flipkartwholesale.com/">Flipkart Wholesale</a></li>
<li><a href="https://www.cleartrip.com/">Cleartrip</a></li>
<li><a href="https://www.shopsy.in/">Shopsy</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>HELP</h5>
<ul>
<li><a href="">Payments</a></li>
<li><a href="">Shipping</a></li>
<li><a href="">Cancellation & Returns</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Report Infringement</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>CONSUMER POLICY</h5>
<ul>
<li><a href="">Cancellation & Returns</a></li>
<li><a href="">Terms Of Use</a></li>
<li><a href="">Security</a></li>
<li><a href="../pages/privacypolicy/index.html">Privacy</a></li>
<li><a href="">Sitemap</a></li>
<li><a href="">Grievance Redressal</a></li>
<li><a href="">EPR Compilance</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 mailSocial">
<div class="footerI">
<div class="mail">
<h5>Mail Us:</h5>
<p>
Flipkart Internet Private Limited,
Buildings Alyssa, Begonia & Clove Embassy Tech Village,
Outer Ring Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India
</p>
</div>
<div class="social">
<h5>Social</h5>
<ul>
<li><a href="https://www.facebook.com/flipkart/"><img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjkzMzEgMjFDMTcuOTAzNyAyMSAyMS45MzMxIDE2Ljk3MDYgMjEuOTMzMSAxMkMyMS45MzMxIDcuMDI5NDQgMTcuOTAzNyAzIDEyLjkzMzEgM0M3Ljk2MjU0IDMgMy45MzMxMSA3LjAyOTQ0IDMuOTMzMTEgMTJDMy45MzMxMSAxNi45NzA2IDcuOTYyNTQgMjEgMTIuOTMzMSAyMVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjY4MzEgOC4yNUgxNS4xODMxQzE0LjU4NjQgOC4yNSAxNC4wMTQxIDguNDg3MDUgMTMuNTkyMSA4LjkwOTAxQzEzLjE3MDIgOS4zMzA5NyAxMi45MzMxIDkuOTAzMjYgMTIuOTMzMSAxMC41VjIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjkzMzExIDEzLjVIMTUuOTMzMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"
alt=""></a></li>
<li><a href="https://twitter.com/Flipkart"><img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4M18yMCkiPgo8cGF0aCBkPSJNMTMuNTQzNiAxMC42MTc5TDIwLjA5NzEgM0gxOC41NDQxTDEyLjg1MzcgOS42MTQ0OEw4LjMwODg3IDNIMy4wNjY4OUw5LjkzOTY0IDEzLjAwMjNMMy4wNjY4OSAyMC45OTA4SDQuNjE5OTRMMTAuNjI5MSAxNC4wMDU2TDE1LjQyODggMjAuOTkwOEgyMC42NzA4TDEzLjU0MzIgMTAuNjE3OUgxMy41NDM2Wk0xMS40MTY1IDEzLjA5MDRMMTAuNzIwMiAxMi4wOTQ0TDUuMTc5NTMgNC4xNjkxMUg3LjU2NDkxTDEyLjAzNjMgMTAuNTY1MUwxMi43MzI2IDExLjU2MTFMMTguNTQ0OCAxOS44NzQ4SDE2LjE1OTVMMTEuNDE2NSAxMy4wOTA4VjEzLjA5MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE4M18yMCI+CjxyZWN0IHg9IjMuMDY2ODkiIHk9IjMiIHdpZHRoPSIxNy42MDM5IiBoZWlnaHQ9IjE4IiByeD0iMC4yIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="
alt=""></a></li>
<li><a href="https://www.youtube.com/flipkart"><img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/YoutubeLogo-8425c4.svg"
alt=""></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>Registered Office Address:</h5>
<p>Flipkart Internet Private Limited,
Buildings Alyssa, Begonia & Clove Embassy Tech Village,
Outer Ring Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India</p>
<p>CIN : U51109KA2012PTC066107</p>
<P>Telephone: <a class="text-primary" href="tel:044-45614700"> 044-45614700 </a>
/ <a
class="text-primary" href="tel:044-67415800"> 044-67415800
</a>
</P>
</div>
</div>
</div>
</div>
<div class="container-fluid footerEnd">
<div class="row align-items-center" style="display: flex; width: 100vw; flex-wrap: wrap;">
<div class="col-auto">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/sell-image-9de8ef.svg"
alt="Become a Seller" width="13" height="12">
<a href="https://seller.flipkart.com/?utm_source=fkwebsite&utm_medium=websitedirect"
aria-label="Become a Seller"><span>Become a Seller</span></a>
</div>
<div class="col-auto">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/advertise-image-866c0b.svg"
alt="Advertise" width="14" height="14">
<a href="https://brands.flipkart.com" aria-label="Advertise"><span>Advertise</span></a>
</div>
<div class="col-auto">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/gift-cards-image-d7ff24.svg"
alt="Gift Cards" width="13" height="13">
<a href="https://www.flipkart.com/the-gift-card-store?otracker=${otracker}_footer_navlinks"
aria-label="Gift Cards"><span>Gift Cards</span></a>
</div>
<div class="col-auto">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/help-centre-image-c4ace8.svg"
alt="Help Center" width="13" height="13">
<a href="https://www.flipkart.com/helpcentre?otracker=${otracker}_footer_navlinks"
aria-label="Help Center"><span>Help Center</span></a>
</div>
<div class="col-auto">
<span>© 2007-2024 <span>Flipkart.com</span></span>
</div>
<div class="col-auto ">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/payment-method-c454fb.svg"
class="pCGSTEF" alt="Payment methods">
</div>
</div>
</div>
</footer>
<script>
document.querySelectorAll('.faq-question').forEach(item => {
item.addEventListener('click', () => {
const faqAnswer = item.nextElementSibling;
const faqToggle = item.querySelector('.faq-toggle');
const isOpen = faqAnswer.style.maxHeight;
// Close all open FAQ answers
document.querySelectorAll('.faq-answer').forEach(answer => {
answer.style.maxHeight = null;
answer.previousElementSibling.querySelector('.faq-toggle').textContent = '+';
});
// Toggle the clicked FAQ answer
if (!isOpen) {
faqAnswer.style.maxHeight = faqAnswer.scrollHeight + 'px';
faqToggle.textContent = '-';
}
});
});
</script>
</body>
</html>
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2024 Arghadip Manna
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: Learn.md
================================================
If you would like to contribute code to the project, please follow these steps:
- Step 1: [Fork](https://github.com/DSC-JSS-NOIDA/blogzen) the repo first
- Step 2: Go to your Git terminal and clone it on your machine.
```
git clone https://github.com/<your_github_username>/UMatter.git
```
- Step 3: Add an upstream link to the main branch in your cloned repo
```
git remote add upstream https://github.com/MonalikaPatnaik/UMatter.git
```
- Step 4: Keep your cloned repository up to date by pulling from upstream. This will help you avoid merge conflicts while committing new changes.
```
git pull upstream main
```
- Step 5: Create your feature branch (This is a necessary step, so don't skip it)
```
git checkout -b <feature-name>
```
- Step 6: Track and stage your changes.
```
# Track the changes
git status
# Add changes to Index
git add . or git add <file_name>
```
- Step 7: Commit your changes (Write commit message as "Small Message")
```
git commit -m "Write a meaningful but small commit message"
```
- Step 8: Push the changes for review
```
git push -u origin <branch-name>
```
- Step 9: Create a pull request on GitHub. (Don't just hit the create a pull request button; you must write a PR message to clarify why and what you are contributing).
================================================
FILE: Licensing.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../css/header.css">
<link rel="stylesheet" href="../css/footer.css">
<title>Licensing| Flipkart</title>
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f1f3f6;
}
::-webkit-scrollbar {
display: none;
}
header {
background-color: #2874f0;
padding: 10px 20px;
}
nav .logo {
color: #fff;
font-size: 24px;
text-decoration: none;
}
#header-bluebg .secondNav a {
color: #fff !important;
}
header-bluebg a,
#more_h {
text-decoration: none !important;
color: #f9fafb !important;
font-weight: 600 !important;
}
.faq-section {
max-width: 800px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.faq-section h1 {
text-align: center;
margin-bottom: 20px;
}
.faq-container {
margin-top: 20px;
}
.faq {
border-bottom: 1px solid #e0e0e0;
padding: 15px 0;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.faq-question h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
}
.faq-toggle {
font-size: 24px;
color: #2874f0;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-answer p {
margin: 0;
padding: 10px 0;
}
.navbar-brand img {
width: 120px;
}
.searchBar_h {
display: flex;
align-items: center;
flex: 1;
margin-left: 20px;
margin-right: 20px;
}
.searchBar_h input {
flex: 1;
padding: 5px 10px;
border-radius: 5px 0 0 5px;
border: 1px solid #ccc;
}
.searchBar_h i {
padding: 5px 10px;
border-radius: 0 5px 5px 0;
background-color: #fff;
border: 1px solid #ccc;
border-left: 0;
cursor: pointer;
}
.btn-primary a {
color: #fff;
text-decoration: none;
}
.b_a_s,
#more_h,
.cartLogoandname {
margin-left: 10px;
}
.cartLogoandname img {
width: 20px;
}
.secondNav .nav-link {
display: flex;
align-items: center;
padding: 5px 10px;
color: #000;
}
.secondNav .nav-link i {
margin-left: 5px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28155,155,155,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#more_h {
cursor: pointer;
position: relative;
display: inline-block;
padding: 5px 10px;
color: #fff;
}
#more-options {
display: none;
background-color: white;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
padding: 10px;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
min-width: 150px;
border: 1px solid #e0e0e0;
border-radius: 5px;
font-family: 'Courier New', Courier, monospace;
font-weight: 700;
}
#more_h:hover #more-options {
display: block;
}
.option-item {
color: #f4c3c3;
padding: 5px 0;
text-decoration: none;
display: block;
font-size: 13px;
transition: all 0.78s;
}
.option-item:hover {
text-decoration: none;
background-color: #ccc;
transition: all 0.78s;
}
main {
padding: 20px;
line-height: 1.6;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
max-width: 800px;
margin: 20px auto;
}
.legal-heading {
font-size: 24px;
color: #2874f0;
margin-bottom: 15px;
font-weight: bold;
}
.legal-tagline {
font-size: 18px;
color: #555;
margin-bottom: 25px;
font-weight: 500;
}
.legal-para {
margin-bottom: 20px;
font-size: 16px;
color: #666;
line-height: 1.8;
}
footer {
background-color: rgb(6, 23, 46);
}
</style>
</head>
<body>
<div class="loader-container">
<div class="loader-wrapper">
<div class="loader"></div>
<div class="logo" style="background-image: url('img/flipkart_lite.png');"></div>
</div>
</div>
<!-- Header -->
<header id="header-bluebg">
<nav class="container-fluid" style="background-color: #2874F0;">
<div class="container">
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../">
<img src="../img/flipcartlogo.PNG" alt="Brand Logo">
</a>
<div class="searchBar_h">
<input id="inputField_h" type="text" autocomplete="off"
placeholder="Search for products, brands and more">
<i id="fetchButton_h" class="bi bi-search btn"></i>
</div>
<div>
<button class="btn btn-primary"><a href="../account/login-signup.html">Login</a></button>
</div>
<div class="text-white b_a_s">
<a href="../sell-online/">Become a Seller</a>
</div>
<div class="text-white" id="more_h">
More <i class="bi bi-chevron-down"></i>
<div id="more-options">
<a class="option-item" href="../gift-cards/index.html">Gift-Cards</a>
<a class="option-item" href="../plus/index.html">Flipkart+</a>
<a class="option-item" href="../account/contact.html">Contact Us</a>
</div>
</div>
<div class="text-white cartLogoandname">
<a href="../viewcart/">
<img src="../img/svg/cart_h.svg" alt="Cart"><span class="cart_h" style="color:white">Cart</span><span
id="cartItems"></span>
</a>
</div>
</div>
</nav>
</div>
</nav>
<nav class="navbar navbar-expand-lg bg-body-tertiary secondNav container-fluid">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../search/?query=electronics">Electronics <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=appliances">TVs & Appliances <i
class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=men">Men <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=women">Women <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=kids">Baby & Kids <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=home">Home & Furniture <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=books">Sports, Books & More <i
class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=flights">Flights <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../offerpage/offerportal.html">Offer Zone <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=grocery">Grocery <i class="bi bi-chevron-down"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- JavaScript -->
<script src="../js/bootstrap.bundle.min.js"></script>
<main>
<h2 class="legal-heading">MIT License</h2>
<p class="legal-tagline">Copyright (c) 2024 Arghadip Manna</p>
<p class="legal-para">
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software,<br> to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
</p>
<p class="legal-para">
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
</p>
<p class="legal-para">
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. <br> IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
</p>
</main>
<footer>
<div class="container-fluid footerTop">
<div class="row footer1">
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>ABOUT</h5>
<ul>
<li><a href="">Contact Us</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Careers</a></li>
<li><a href="">Flipkart Stories</a></li>
<li><a href="">Press</a></li>
<li><a href="">Corporate Information</a></li>
<li><i><a href="">Explore Plus</a></i></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>GROUP COMPANIES</h5>
<ul>
<li><a href="https://www.myntra.com/">Myntra</a></li>
<li><a href="https://www.flipkartwholesale.com/">Flipkart Wholesale</a></li>
<li><a href="https://www.cleartrip.com/">Cleartrip</a></li>
<li><a href="https://www.shopsy.in/">Shopsy</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>HELP</h5>
<ul>
<li><a href="">Payments</a></li>
<li><a href="">Shipping</a></li>
<li><a href="">Cancellation & Returns</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Report Infringement</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>CONSUMER POLICY</h5>
<ul>
<li><a href="">Cancellation & Returns</a></li>
<li><a href="">Terms Of Use</a></li>
<li><a href="">Security</a></li>
<li><a href="../pages/privacypolicy/index.html">Privacy</a></li>
<li><a href="">Sitemap</a></li>
<li><a href="">Grievance Redressal</a></li>
<li><a href="">EPR Compilance</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 mailSocial">
<div class="footerI">
<div class="mail">
<h5>Mail Us:</h5>
<p>
Flipkart Internet Private Limited,
Buildings Alyssa, Begonia & Clove Embassy Tech Village,
Outer Ring Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India
</p>
</div>
<div class="social">
<h5>Social</h5>
<ul>
<li><a href="https://www.facebook.com/flipkart/"><img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjkzMzEgMjFDMTcuOTAzNyAyMSAyMS45MzMxIDE2Ljk3MDYgMjEuOTMzMSAxMkMyMS45MzMxIDcuMDI5NDQgMTcuOTAzNyAzIDEyLjkzMzEgM0M3Ljk2MjU0IDMgMy45MzMxMSA3LjAyOTQ0IDMuOTMzMTEgMTJDMy45MzMxMSAxNi45NzA2IDcuOTYyNTQgMjEgMTIuOTMzMSAyMVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjY4MzEgOC4yNUgxNS4xODMxQzE0LjU4NjQgOC4yNSAxNC4wMTQxIDguNDg3MDUgMTMuNTkyMSA4LjkwOTAxQzEzLjE3MDIgOS4zMzA5NyAxMi45MzMxIDkuOTAzMjYgMTIuOTMzMSAxMC41VjIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjkzMzExIDEzLjVIMTUuOTMzMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"
alt=""></a></li>
<li><a href="https://twitter.com/Flipkart"><img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4M18yMCkiPgo8cGF0aCBkPSJNMTMuNTQzNiAxMC42MTc5TDIwLjA5NzEgM0gxOC41NDQxTDEyLjg1MzcgOS42MTQ0OEw4LjMwODg3IDNIMy4wNjY4OUw5LjkzOTY0IDEzLjAwMjNMMy4wNjY4OSAyMC45OTA4SDQuNjE5OTRMMTAuNjI5MSAxNC4wMDU2TDE1LjQyODggMjAuOTkwOEgyMC42NzA4TDEzLjU0MzIgMTAuNjE3OUgxMy41NDM2Wk0xMS40MTY1IDEzLjA5MDRMMTAuNzIwMiAxMi4wOTQ0TDUuMTc5NTMgNC4xNjkxMUg3LjU2NDkxTDEyLjAzNjMgMTAuNTY1MUwxMi43MzI2IDExLjU2MTFMMTguNTQ0OCAxOS44NzQ4SDE2LjE1OTVMMTEuNDE2NSAxMy4wOTA4VjEzLjA5MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE4M18yMCI+CjxyZWN0IHg9IjMuMDY2ODkiIHk9IjMiIHdpZHRoPSIxNy42MDM5IiBoZWlnaHQ9IjE4IiByeD0iMC4yIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="
alt=""></a></li>
<li><a href="https://www.youtube.com/flipkart"><img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/YoutubeLogo-8425c4.svg"
alt=""></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>Registered Office Address:</h5>
<p>Flipkart Internet Private Limited,
Buildings Alyssa, Begonia & Clove Embassy Tech Village,
Outer Ring Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India</p>
<p>CIN : U51109KA2012PTC066107</p>
<P>Telephone: <a class="text-primary" href="tel:044-45614700"> 044-45614700 </a>
/ <a class="text-primary" href="tel:044-67415800"> 044-67415800
</a>
</P>
</div>
</div>
</div>
</div>
<div class="container-fluid footerEnd">
<div class="row align-items-center" style="display: flex; width: 100vw; flex-wrap: wrap;">
<div class="col-auto">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/sell-image-9de8ef.svg"
alt="Become a Seller" width="13" height="12">
<a href="https://seller.flipkart.com/?utm_source=fkwebsite&utm_medium=websitedirect"
aria-label="Become a Seller"><span>Become a Seller</span></a>
</div>
<div class="col-auto">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/advertise-image-866c0b.svg"
alt="Advertise" width="14" height="14">
<a href="https://brands.flipkart.com" aria-label="Advertise"><span>Advertise</span></a>
</div>
<div class="col-auto">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/gift-cards-image-d7ff24.svg"
alt="Gift Cards" width="13" height="13">
<a href="https://www.flipkart.com/the-gift-card-store?otracker=${otracker}_footer_navlinks"
aria-label="Gift Cards"><span>Gift Cards</span></a>
</div>
<div class="col-auto">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/help-centre-image-c4ace8.svg"
alt="Help Center" width="13" height="13">
<a href="https://www.flipkart.com/helpcentre?otracker=${otracker}_footer_navlinks"
aria-label="Help Center"><span>Help Center</span></a>
</div>
<div class="col-auto">
<span>© 2007-2024 <span>Flipkart.com</span></span>
</div>
<div class="col-auto ">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/payment-method-c454fb.svg"
class="pCGSTEF" alt="Payment methods">
</div>
</div>
</div>
</footer>
<script>
document.querySelectorAll('.faq-question').forEach(item => {
item.addEventListener('click', () => {
const faqAnswer = item.nextElementSibling;
const faqToggle = item.querySelector('.faq-toggle');
const isOpen = faqAnswer.style.maxHeight;
// Close all open FAQ answers
document.querySelectorAll('.faq-answer').forEach(answer => {
answer.style.maxHeight = null;
answer.previousElementSibling.querySelector('.faq-toggle').textContent = '+';
});
// Toggle the clicked FAQ answer
if (!isOpen) {
faqAnswer.style.maxHeight = faqAnswer.scrollHeight + 'px';
faqToggle.textContent = '-';
}
});
});
</script>
</body>
</html>
================================================
FILE: README.md
================================================
<div align="center">
<h1 style="font-size: 36px; font-weight: bold;">Flipkart_Clone</h1>
</div>
<div align="center">
<p>
[](https://github.com/ellerbrock/open-source-badges/)
</p>
</div>
<table align="center">
<thead align="center">
<tr border: 1px;>
<td><b>🌟 Stars</b></td>
<td><b>🍴 Forks</b></td>
<td><b>🐛 Issues</b></td>
<td><b> Closed Issues</b></td>
<td><b>🔔 Open PRs</b></td>
<td><b>🔕 Close PRs</b></td>
<td><b> last commit</b></td>
</tr>
</thead>
<tbody>
<tr>
<td><img alt="Stars" src="https://img.shields.io/github/stars/arghadipmanna101/Flipkart_Clone"/></td>
<td><img alt="Forks" src="https://img.shields.io/github/forks/arghadipmanna101/Flipkart_Clone?style=flat&logo=github"/></td>
<td><img alt="Issues" src="https://img.shields.io/github/issues/arghadipmanna101/Flipkart_Clone?style=flat&logo=github"/></td>
<td><img alt="closed issues" src="https://img.shields.io/github/issues-closed-raw/arghadipmanna101/Flipkart_Clone"</td>
<td><img alt="Open Pull Requests" src="https://img.shields.io/github/issues-pr/arghadipmanna101/Flipkart_Clone?style=flat&logo=github"/></td>
<td><img alt="Close Pull Requests" src="https://img.shields.io/github/issues-pr-closed/arghadipmanna101/Flipkart_Clone"/></td>
<td><img alt="last commit" src="https://img.shields.io/github/last-commit/arghadipmanna101/Flipkart_Clone"/></td>
</tr>
</tbody>
</table>
</div>
<!-- Open Source Programs -->
<div>
<h2><img src="https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/blob/master/Emojis/Hand%20gestures/Flexed%20Biceps.png?raw=true" width="35" height="35" >Open Source Programs</h2>
</div>
<!--This project is a part of GirlScript Summer of code. We welcome contibutions from the community to help improve the project Flipkart_Clone.-->
<table>
<tr>
<th>Event Logo</th>
<th>Event Name</th>
<th>Event Description</th>
</tr>
<tr>
<td><img src="https://user-images.githubusercontent.com/63473496/153487849-4f094c16-d21c-463e-9971-98a8af7ba372.png" width="200" height="auto" loading="lazy" alt="GSSoC 24"/></td>
<td>GirlScript Summer of Code 2024</td>
<td>GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development.</td>
</tr>
</table>
<hr>
<!---->
<div style="text-align:center;">
<img src="https://cdn.dribbble.com/users/1980856/screenshots/4760116/media/5021b87fb97e90b8f153a4480ffc615e.gif" alt="Flipkart Logo Animation" width="3800" height="450">
</div>
<!-- Tech stack -->
<div>
<h2><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/High%20Voltage.png" alt="High Voltage" width="35" height="35" />Tech Stack</h2>
</div>
<div>
<a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img src="https://img.shields.io/badge/HTML-E34F26.svg?style=for-the-badge&logo=HTML&logoColor=white"></a>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="https://img.shields.io/badge/CSS-1572B6.svg?style=for-the-badge&logo=CSS&logoColor=black"></a>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"><img src="https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black"></a>
</div>
<!-- Lets get started -->
<div>
<h2><img src = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" width="35" height="35"> Let's Get Started</h2>
</div>
<p>Welcome to the Flipkart_Clone! If you're interested in contributing, here's how you can get started:</p>
1. **Fork the repository:** Click on the "Fork" button at the top-right corner of this page. This will create a copy of this repository in your account.
2. **Clone the repository:** After forking, clone the repository to your local machine using the following command in your terminal:
```bash
git clone https://github.com/<your-github-username>/Flipkart_Clone.git
```
3. **Change the directory:** Change to the repository directory on your computer (if you are not already there):
```bash
cd .\Flipkart_Clone\
```
4. **Add a remote upstream:** Set up a remote upstream to the original repository by running the following command in your terminal:
```bash
git remote add upstream https://github.com/<original-owner>/Flipkart_Clone/
```
5. **Create a new branch:** Switch to a new branch for your contributions:
```bash
git switch -c <your-branch-name>
```
6. **Setup Environment:**
```bash
npm install
```
7. **To preview:** Go to index.html and "Go Live" to view in localhost
8. **Make changes:** Deployment failed with the following error:
```bash
Resource is limited - try again in 2 hours (more than 100, code: "api-deployments-free-per-day").
```
7. **Add your changes:** Stage your changes for commit:
```bash
git add <changed-file1> <changed-file2> ...
```
or simply run
```bash
git add .
```
8. **Commit your changes:** Commit your changes with a descriptive message:
```bash
git commit -m "<your-commit-message>"
```
9. **Push your changes:** Push your changes to the forked repository:
```bash
git push -u origin <your-branch-name>
```
10. **Create a Pull Request:** Go to the GitHub repository, select your branch, and click on the "New pull request" button to create a new pull request.
### Alternatively contribute using GitHub Desktop
1. **Open GitHub Desktop:**
Launch GitHub Desktop and log in to your GitHub account if you haven't already.
2. **Clone the Repository:**
- If you haven't cloned the Flipkart_Clone repository yet, you can do so by clicking on the "File" menu and selecting "Clone Repository."
- Choose the Flipkart_Clone repository from the list of repositories on GitHub and clone it to your local machine.
3. **Switch to the Correct Branch:**
- Ensure you are on the branch that you want to submit a pull request for.
- If you need to switch branches, you can do so by clicking on the "Current Branch" dropdown menu and selecting the desired branch.
4. **Make Changes:**
Make your changes to the code or files in the repository using your preferred code editor.
5. **Commit Changes:**
- In GitHub Desktop, you'll see a list of the files you've changed. Check the box next to each file you want to include in the commit.
- Enter a summary and description for your changes in the "Summary" and "Description" fields, respectively. Click the "Commit to <branch-name>" button to commit your changes to the local branch.
6. **Push Changes to GitHub:**
After committing your changes, click the "Push origin" button in the top right corner of GitHub Desktop to push your changes to your forked repository on GitHub.
7. **Create a Pull Request:**
- Go to the GitHub website and navigate to your fork of the Flipkart_Clone repository.
- You should see a button to "Compare & pull request" between your fork and the original repository. Click on it.
8. **Review and Submit:**
- On the pull request page, review your changes and add any additional information, such as a title and description, that you want to include with your pull request.
- Once you're satisfied, click the "Create pull request" button to submit your pull request.
9. **Wait for Review:**
Your pull request will now be available for review by the project maintainers. They may provide feedback or ask for changes before merging your pull request into the main branch of the Flipkart_Clone repository.
⭐️ Support the Project
If you find this project helpful, please consider giving it a star on GitHub! Your support helps to grow the project and reach more contributors.
<!-- screenshots -->
<div>
<h2>Screenshot <img src ="Screenshot 1.png"> <img src="Screenshot (425).png"></h2>
</div>
<!-- Code of conduct -->
<div>
<h2><img src = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Hand%20gestures/Handshake.png" width="35" height="35"> Code of Conduct</h2>
</div>
Please note that this project is released with a [Contributor Code of Conduct](./CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.
<!-- License -->
<div>
<h2><img src = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Page%20with%20Curl.png" width="35" height="35"> License</h2>
</div>
[](https://opensource.org/licenses/MIT)
This project is licensed under the [MIT License](./LICENSE).
<!-- Cotributors -->
<div>
<h2><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" width="35" height="35"> Contributors</h2>
</div>
Thank you for contributing to our project! We appreciate your help in making Flipkart_Clone even better.😃
<center>
<a href="https://github.com/arghadipmanna101/Flipkart_Clone/graphs/contributors">
<img src="https://contrib.rocks/image?repo=arghadipmanna101/Flipkart_Clone" />
</a>
</center>
================================================
FILE: TermsOfUse.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../css/header.css">
<link rel="stylesheet" href="../css/footer.css">
<title>Terms of Use | Flipkart</title>
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f1f3f6;
}
::-webkit-scrollbar {
display: none;
}
header {
background-color: #2874f0;
padding: 10px 20px;
}
nav .logo {
color: #fff;
font-size: 24px;
text-decoration: none;
}
#header-bluebg .secondNav a {
color: #fff !important;
}
header-bluebg a,
#more_h {
text-decoration: none !important;
color: #f9fafb !important;
font-weight: 600 !important;
}
.faq-section {
max-width: 800px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.faq-section h1 {
text-align: center;
margin-bottom: 20px;
}
.faq-container {
margin-top: 20px;
}
.faq {
border-bottom: 1px solid #e0e0e0;
padding: 15px 0;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.faq-question h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
}
.faq-toggle {
font-size: 24px;
color: #2874f0;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-answer p {
margin: 0;
padding: 10px 0;
}
.navbar-brand img {
width: 120px;
}
.searchBar_h {
display: flex;
align-items: center;
flex: 1;
margin-left: 20px;
margin-right: 20px;
}
.searchBar_h input {
flex: 1;
padding: 5px 10px;
border-radius: 5px 0 0 5px;
border: 1px solid #ccc;
}
.searchBar_h i {
padding: 5px 10px;
border-radius: 0 5px 5px 0;
background-color: #fff;
border: 1px solid #ccc;
border-left: 0;
cursor: pointer;
}
.btn-primary a {
color: #fff;
text-decoration: none;
}
.b_a_s,
#more_h,
.cartLogoandname {
margin-left: 10px;
}
.cartLogoandname img {
width: 20px;
}
.secondNav .nav-link {
display: flex;
align-items: center;
padding: 5px 10px;
color: #000;
}
.secondNav .nav-link i {
margin-left: 5px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28155,155,155,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#more_h {
cursor: pointer;
position: relative;
display: inline-block;
padding: 5px 10px;
color: #fff;
}
#more-options {
display: none;
background-color: white;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
padding: 10px;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
min-width: 150px;
border: 1px solid #e0e0e0;
border-radius: 5px;
font-family: 'Courier New', Courier, monospace;
font-weight: 700;
}
#more_h:hover #more-options {
display: block;
}
.option-item {
color: #f4c3c3;
padding: 5px 0;
text-decoration: none;
display: block;
font-size: 13px;
transition: all 0.78s;
}
.option-item:hover {
text-decoration: none;
background-color: #ccc;
transition: all 0.78s;
}
/* General Content Styles */
.content {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #ffffff;
/* White background for content area */
border-radius: 8px;
/* Rounded corners */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
/* Light shadow */
}
/* Heading Styles */
.content h1,
.content h2 {
color: #333333;
/* Dark text for readability */
font-family: 'Roboto', sans-serif;
/* Consistent font */
}
.content h1 {
font-size: 2rem;
margin-bottom: 20px;
font-weight: bold;
color: #007bff;
}
.content h2 {
font-size: 1.5rem;
margin-top: 20px;
border-bottom: 2px solid #007bff;
/* Blue underline for sections */
padding-bottom: 5px;
}
/* Paragraph Styles */
.content p {
font-size: 1rem;
color: #555555;
/* Slightly lighter text */
line-height: 1.6;
/* Improved readability */
margin-bottom: 15px;
}
/* List Styles */
.content ul {
list-style-type: disc;
padding-left: 20px;
}
.content li {
margin-bottom: 10px;
}
.content li strong {
color: #007bff;
/* Blue color for highlighted text */
}
/* Link Styles */
.content a {
color: #007bff;
/* Blue color for links */
text-decoration: none;
}
.content a:hover {
text-decoration: underline;
}
/* Contact Information Styles */
.content .contact-info {
margin-top: 30px;
}
.content .contact-info p {
margin-bottom: 10px;
}
/* Responsive Styles */
@media (max-width: 768px) {
.content {
padding: 15px;
}
.content h1 {
font-size: 1.75rem;
}
.content h2 {
font-size: 1.25rem;
}
.content p {
font-size: 0.9rem;
}
}
footer {
background-color: rgb(6, 23, 46);
}
</style>
</head>
<body>
<div class="loader-container">
<div class="loader-wrapper">
<div class="loader"></div>
<div class="logo" style="background-image: url('img/flipkart_lite.png');"></div>
</div>
</div>
<!-- Header -->
<header id="header-bluebg">
<nav class="container-fluid" style="background-color: #2874F0;">
<div class="container">
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../">
<img src="../img/flipcartlogo.PNG" alt="Brand Logo">
</a>
<div class="searchBar_h">
<input id="inputField_h" type="text" autocomplete="off"
placeholder="Search for products, brands and more">
<i id="fetchButton_h" class="bi bi-search btn"></i>
</div>
<div>
<button class="btn btn-primary"><a href="../account/login-signup.html">Login</a></button>
</div>
<div class="text-white b_a_s">
<a href="../sell-online/">Become a Seller</a>
</div>
<div class="text-white" id="more_h">
More <i class="bi bi-chevron-down"></i>
<div id="more-options">
<a class="option-item" href="../gift-cards/index.html">Gift-Cards</a>
<a class="option-item" href="../plus/index.html">Flipkart+</a>
<a class="option-item" href="../account/contact.html">Contact Us</a>
</div>
</div>
<div class="text-white cartLogoandname">
<a href="../viewcart/">
<img src="../img/svg/cart_h.svg" alt="Cart"><span class="cart_h" style="color:white">Cart</span><span
id="cartItems"></span>
</a>
</div>
</div>
</nav>
</div>
</nav>
<nav class="navbar navbar-expand-lg bg-body-tertiary secondNav container-fluid">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../search/?query=electronics">Electronics <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=appliances">TVs & Appliances <i
class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=men">Men <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=women">Women <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=kids">Baby & Kids <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=home">Home & Furniture <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=books">Sports, Books & More <i
class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=flights">Flights <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../offerpage/offerportal.html">Offer Zone <i class="bi bi-chevron-down"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=grocery">Grocery <i class="bi bi-chevron-down"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- JavaScript -->
<script src="../js/bootstrap.bundle.min.js"></script>
<!-- Terms of use -->
<!-- Main Content -->
<div class="content">
<h1>Terms of Use</h1>
<p><strong>Effective Date: August 10, 2024</strong></p>
<p>Welcome to Flipkart! These Terms of Use govern your access to and use of our website, services, and mobile
applications (collectively, the "Services"). By accessing or using our Services, you agree to comply with and be
bound by these Terms of Use. If you do not agree with these Terms of Use, please do not use our Services.</p>
<h2>1. Acceptance of Terms</h2>
<p>By accessing or using the Flipkart website or any of our Services, you agree to these Terms of Use. We may update
these Terms of Use from time to time, and your continued use of the Services following any changes indicates your
acceptance of the new terms.</p>
<h2>2. Account Registration</h2>
<p>To use certain features of our Services, you may be required to create an account with Flipkart. You agree to
provide accurate, current, and complete information during the registration process and to update such information
to keep it accurate, current, and complete. You are responsible for safeguarding your account information and for
all activities that occur under your account.</p>
<h2>3. User Conduct</h2>
<p>You agree not to engage in any of the following prohibited activities:</p>
<ul>
<li><strong>Illegal Activities:</strong> Using the Services for any illegal purposes or activities that violate
applicable laws or regulations.</li>
<li><strong>Harmful Content:</strong> Uploading, posting, or transmitting any content that is harmful, defamatory,
obscene, or otherwise objectionable.</li>
<li><strong>Misuse of Services:</strong> Attempting to gain unauthorized access to our Services, systems, or
networks, or interfering with the functioning of the Services.</li>
<li><strong>False Information:</strong> Providing false or misleading information or impersonating any person or
entity.</li>
</ul>
<h2>4. Intellectual Property</h2>
<p>All content, including but not limited to text, graphics, logos, images, and software, on the Flipkart website is
the property of Flipkart or its licensors and is protected by copyright, trademark, and other intellectual
property laws. You may not use, reproduce, or distribute any content from the website without prior written
permission from Flipkart.</p>
<h2>5. Product Information and Pricing</h2>
<p>Flipkart strives to provide accurate product descriptions and pricing information. However, errors may occur, and
we cannot guarantee that product descriptions or prices are error-free. We reserve the right to correct any errors
and to update product information and pricing at any time without prior notice.</p>
<h2>6. Order Processing and Delivery</h2>
<p>Orders placed through the Flipkart website are subject to our acceptance. We reserve the right to refuse or
cancel any order at our discretion. Delivery times are estimates and may vary based on factors such as product
availability, shipping location, and delivery service provider.</p>
<h2>7. Returns and Refunds</h2>
<p>Flipkart offers a return and refund policy for eligible products. Please review our Return Policy for detailed
information on how to return products and request refunds.</p>
<h2>8. Privacy Policy</h2>
<p>Your use of our Services is also governed by our Privacy Policy, which outlines how we collect, use, and protect
your personal information. Please review our Privacy Policy to understand our practices.</p>
<h2>9. Third-Party Links</h2>
<p>Our Services may contain links to third-party websites or services. We are not responsible for the content or
practices of these third parties. Your use of third-party websites or services is at your own risk, and you should
review the terms and privacy policies of those sites.</p>
<h2>10. Limitation of Liability</h2>
<p>To the fullest extent permitted by law, Flipkart and its affiliates, officers, directors, employees, and agents
will not be liable for any indirect, incidental, special, consequential, or punitive damages arising out of or
related to your use of the Services. Our total liability to you for any claim arising out of or relating to these
Terms of Use or your use of the Services will not exceed the amount you paid, if any, for access to the Services.
</p>
<h2>11. Indemnification</h2>
<p>You agree to indemnify, defend, and hold harmless Flipkart and its affiliates, officers, directors, employees,
and agents from any claims, liabilities, damages, losses, or expenses, including legal fees, arising out of or
related to your use of the Services, your violation of these Terms of Use, or your violation of any rights of
another party.</p>
<h2>12. Termination</h2>
<p>We reserve the right to terminate or suspend your access to the Services at our sole discretion, without prior
notice, for any reason, including but not limited to violations of these Terms of Use. Upon termination, your
right to use the Services will cease immediately.</p>
<h2>13. Governing Law</h2>
<p>These Terms of Use will be governed by and construed in accordance with the laws of the jurisdiction in which
Flipkart operates, without regard to its conflict of law principles. Any disputes arising out of or relating to
these Terms of Use or your use of the Services will be resolved exclusively in the courts of that jurisdiction.
</p>
<h2>14. Dispute Resolution</h2>
<p>Any disputes, controversies, or claims arising out of or relating to these Terms of Use or the Services will be
resolved through binding arbitration in accordance with the rules of the relevant arbitration association. The
arbitration will be conducted in the jurisdiction where Flipkart operates.</p>
<h2>15. Severability</h2>
<p>If any provision of these Terms of Use is found to be invalid, illegal, or unenforceable, the remaining
provisions will remain in full force and effect. The invalid, illegal, or unenforceable provision will be
interpreted to reflect the parties' original intent as closely as possible.</p>
<h2>16. Entire Agreement</h2>
<p>These Terms of Use constitute the entire agreement between you and Flipkart regarding your use of the Services
and supersede all prior or contemporaneous agreements and understandings, whether written or oral, relating to the
subject matter.</p>
<h2>17. Contact Us</h2>
<p>If you have any questions or concerns about these Terms of Use or our Services, please contact us at:</p>
<p>Email: <a href="mailto:support@flipkart.com">support@flipkart.com</a></p>
<p>Customer Service: +91-XXXXXXXXXX</p>
<p>Address: Flipkart Internet Private Limited, Buildings Alyssa, Begonia & Clove Embassy Tech Village, Outer Ring
Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India</p>
</div>
<footer>
<div class="container-fluid footerTop">
<div class="row footer1">
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>ABOUT</h5>
<ul>
<li><a href="">Contact Us</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Careers</a></li>
<li><a href="">Flipkart Stories</a></li>
<li><a href="">Press</a></li>
<li><a href="">Corporate Information</a></li>
<li><i><a href="">Explore Plus</a></i></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>GROUP COMPANIES</h5>
<ul>
<li><a href="https://www.myntra.com/">Myntra</a></li>
<li><a href="https://www.flipkartwholesale.com/">Flipkart Wholesale</a></li>
<li><a href="https://www.cleartrip.com/">Cleartrip</a></li>
<li><a href="https://www.shopsy.in/">Shopsy</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>HELP</h5>
<ul>
<li><a href="">Payments</a></li>
<li><a href="">Shipping</a></li>
<li><a href="">Cancellation & Returns</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Report Infringement</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>CONSUMER POLICY</h5>
<ul>
<li><a href="">Cancellation & Returns</a></li>
<li><a href="">Terms Of Use</a></li>
<li><a href="">Security</a></li>
<li><a href="../pages/privacypolicy/index.html">Privacy</a></li>
<li><a href="">Sitemap</a></li>
<li><a href="">Grievance Redressal</a></li>
<li><a href="">EPR Compilance</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 mailSocial">
<div class="footerI">
<div class="mail">
<h5>Mail Us:</h5>
<p>
Flipkart Internet Private Limited,
Buildings Alyssa, Begonia & Clove Embassy Tech Village,
Outer Ring Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India
</p>
</div>
<div class="social">
<h5>Social</h5>
<ul>
<li><a href="https://www.facebook.com/flipkart/"><img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjkzMzEgMjFDMTcuOTAzNyAyMSAyMS45MzMxIDE2Ljk3MDYgMjEuOTMzMSAxMkMyMS45MzMxIDcuMDI5NDQgMTcuOTAzNyAzIDEyLjkzMzEgM0M3Ljk2MjU0IDMgMy45MzMxMSA3LjAyOTQ0IDMuOTMzMTEgMTJDMy45MzMxMSAxNi45NzA2IDcuOTYyNTQgMjEgMTIuOTMzMSAyMVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjY4MzEgOC4yNUgxNS4xODMxQzE0LjU4NjQgOC4yNSAxNC4wMTQxIDguNDg3MDUgMTMuNTkyMSA4LjkwOTAxQzEzLjE3MDIgOS4zMzA5NyAxMi45MzMxIDkuOTAzMjYgMTIuOTMzMSAxMC41VjIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjkzMzExIDEzLjVIMTUuOTMzMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"
alt=""></a></li>
<li><a href="https://twitter.com/Flipkart"><img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4M18yMCkiPgo8cGF0aCBkPSJNMTMuNTQzNiAxMC42MTc5TDIwLjA5NzEgM0gxOC41NDQxTDEyLjg1MzcgOS42MTQ0OEw4LjMwODg3IDNIMy4wNjY4OUw5LjkzOTY0IDEzLjAwMjNMMy4wNjY4OSAyMC45OTA4SDQuNjE5OTRMMTAuNjI5MSAxNC4wMDU2TDE1LjQyODggMjAuOTkwOEgyMC42NzA4TDEzLjU0MzIgMTAuNjE3OUgxMy41NDM2Wk0xMS40MTY1IDEzLjA5MDRMMTAuNzIwMiAxMi4wOTQ0TDUuMTc5NTMgNC4xNjkxMUg3LjU2NDkxTDEyLjAzNjMgMTAuNTY1MUwxMi43MzI2IDExLjU2MTFMMTguNTQ0OCAxOS44NzQ4SDE2LjE1OTVMMTEuNDE2NSAxMy4wOTA4VjEzLjA5MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE4M18yMCI+CjxyZWN0IHg9IjMuMDY2ODkiIHk9IjMiIHdpZHRoPSIxNy42MDM5IiBoZWlnaHQ9IjE4IiByeD0iMC4yIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="
alt=""></a></li>
<li><a href="https://www.youtube.com/flipkart"><img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/YoutubeLogo-8425c4.svg"
alt=""></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="footerI">
<h5>Registered Office Address:</h5>
<p>Flipkart Internet Private Limited,
Buildings Alyssa, Begonia & Clove Embassy Tech Village,
Outer Ring Road, Devarabeesanahalli Village, Bengaluru, 560103, Karnataka, India</p>
<p>CIN : U51109KA2012PTC066107</p>
<P>Telephone: <a class="text-primary" href="tel:044-45614700"> 044-45614700 </a>
/ <a class="text-primary" href="tel:044-67415800"> 044-67415800
</a>
</P>
</div>
</div>
</div>
</div>
<div class="container-fluid footerEnd">
<div class="row align-items-center" style="display: flex; width: 100vw; flex-wrap: wrap;">
<div class="col-auto">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/sell-image-9de8ef.svg"
alt="Become a Seller" width="13" height="12">
<a href="https://seller.flipkart.com/?utm_source=fkwebsite&utm_medium=websitedirect"
aria-label="Become a Seller"><span>Become a Seller</span></a>
</div>
<div class="col-auto">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/advertise-image-866c0b.svg"
alt="Advertise" width="14" height="14">
<a href="https://brands.flipkart.com" aria-label="Advertise"><span>Advertise</span></a>
</div>
<div class="col-auto">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/gift-cards-image-d7ff24.svg"
alt="Gift Cards" width="13" height="13">
<a href="https://www.flipkart.com/the-gift-card-store?otracker=${otracker}_footer_navlinks"
aria-label="Gift Cards"><span>Gift Cards</span></a>
</div>
<div class="col-auto">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/help-centre-image-c4ace8.svg"
alt="Help Center" width="13" height="13">
<a href="https://www.flipkart.com/helpcentre?otracker=${otracker}_footer_navlinks"
aria-label="Help Center"><span>Help Center</span></a>
</div>
<div class="col-auto">
<span>© 2007-2024 <span>Flipkart.com</span></span>
</div>
<div class="col-auto ">
<img
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/payment-method-c454fb.svg"
class="pCGSTEF" alt="Payment methods">
</div>
</div>
</div>
</footer>
<script>
document.querySelectorAll('.faq-question').forEach(item => {
item.addEventListener('click', () => {
const faqAnswer = item.nextElementSibling;
const faqToggle = item.querySelector('.faq-toggle');
const isOpen = faqAnswer.style.maxHeight;
// Close all open FAQ answers
document.querySelectorAll('.faq-answer').forEach(answer => {
answer.style.maxHeight = null;
answer.previousElementSibling.querySelector('.faq-toggle').textContent = '+';
});
// Toggle the clicked FAQ answer
if (!isOpen) {
faqAnswer.style.maxHeight = faqAnswer.scrollHeight + 'px';
faqToggle.textContent = '-';
}
});
});
</script>
</body>
</html>
================================================
FILE: account/contact.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Your Website</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/contact.css">
</head>
<body>
<!-- Header -->
<div class="contact-header text-center">
<a href="../">Home</a>
<a href="../helpcentre/index.html">Help Centre</a>
<a href="../sell-online/index.html">Become a Seller</a>
<a href="../account/orders.html">Orders</a>
</div>
<!-- Main Content -->
<div class="container contact-section">
<h1 class="text-center mb-5">Contact Us</h1>
<div class="row mb-5">
<div class="col-md-6 contact-info">
<h2><img src="https://img.icons8.com/ios-filled/50/000000/map-marker.png" alt="Address Icon"> Mail Us:</h2>
<address>
Company Private Limited,<br>
1234 Street,<br>
City, 56789,<br>
State, Country
</address>
<h2><img src="https://img.icons8.com/ios-filled/50/000000/phone.png" alt="Phone Icon"> Registered Office Address:</h2>
<address>
Company Private Limited,<br>
1234 Your Street,<br>
City, 56789,<br>
State, Country<br>
CIN: U12345ABC12345<br>
Telephone: 123-456-7890
</address>
</div>
<div class="col-md-6 contact-form">
<form>
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Your Name">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Your Email">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" id="message" rows="5" placeholder="Your Message"></textarea>
</div>
<button type="submit" class="btn btn-primary btn-block">Submit</button>
</form>
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
================================================
FILE: account/feedback.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title> My Feedback</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/account.css" />
</head>
<body>
<header id="header-account" class="text-center text-secondary fs-4">
This is Header
</header>
<section>
<div class="container mt-5" style="background-color: rgb(225, 239, 239); border-radius: 20px;">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<h1 class="text-center mb-4" style="display: inline-block;">
<img src="/img/flipkardLoader.png" alt="Flipkart Logo" class="img-fluid mb-4 mx-auto" style="width: 100%; max-width: 180px;">Share Your Feedback!
</h1>
<form>
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter your full name" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="Enter your email address" required>
</div>
<div class="form-group">
<label>Rate Us!</label>
<div class="form-check">
<input class="form-check-input" type="radio" name="gender" id="male" value="male">
<label class="form-check-label" for="male"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-smile" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
<path d="M4.285 9.567a.5.5 0 0 1 .683.183A3.5 3.5 0 0 0 8 11.5a3.5 3.5 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.5 4.5 0 0 1 8 12.5a4.5 4.5 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5m4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5"/>
</svg></label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gender" id="female" value="female">
<label class="form-check-label" for="female"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-neutral" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
<path d="M4 10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5m3-4C7 5.672 6.552 5 6 5s-1 .672-1 1.5S5.448 8 6 8s1-.672 1-1.5m4 0c0-.828-.448-1.5-1-1.5s-1 .672-1 1.5S9.448 8 10 8s1-.672 1-1.5"/>
</svg></label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gender" id="other" value="other">
<label class="form-check-label" for="other"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-frown" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
<path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.5 3.5 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.5 4.5 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5m4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5"/>
</svg></label>
</div>
</div>
<div class="form-group">
<label for="orderHistory">Your Feedback</label>
<textarea class="form-control" id="orderHistory" rows="3" placeholder="feedback" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Save</button>
</form>
</div>
</div>
</div>
<br>
</section>
<footer id="footer-account" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/account.js"></script>
</body>
</html>
================================================
FILE: account/home_account.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title> My Profile </title>
<link rel="icon" type="image/x-icon" href="C:/Flipkart_Clone/img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="C:/Flipkart_Clone/css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="C:/Flipkart_Clone/css/account.css" />
</head>
<header id="header-account" class="text-center text-secondary fs-4">
This is Header
</header>
<section>
<style>
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Silkscreen&display=swap");
body {
font-family: "Lato", sans-serif;
}
section .container {
background-color: #EEEEEE;
border: 1px solid #ddd;
border-radius: 8px;
padding: 30px;
box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1);
max-width: 100%;
}
section h1 {
color: #1149ff;
}
.inner {
margin: 0 auto;
padding: 30px 40px;
background: linear-gradient(to top left, #FEF3E2, #ffffff6f);
border: 2px solid black;
border-radius: 15px;
line-height: 35px;
box-shadow: 2px 2px 7px #2773a5;
z-index: 2;
}
.profile {
margin: 15px 0px;
}
.profile div {
margin: 10px 0;
}
.profile div label {
display: block;
font-weight: bold;
}
.profile input {
width: 100%;
padding: 8px;
border: 2px solid rgba(113, 110, 110, 0.622);
border-radius: 10px;
font-family: a;
margin-top: 1px;
background-color: rgba(237, 234, 234, 0.622);
}
#orderHistory {
width: 100%;
padding: 8px;
border: 2px solid rgba(113, 110, 110, 0.622);
border-radius: 10px;
font-family: a;
margin-top: 1px;
background-color: rgba(237, 234, 234, 0.622);
}
#submit {
background-color: #3498db;
border: none;
cursor: pointer;
}
#submit:hover {
background-color: #14679fe1;
}
.gender {
display: flex;
flex-direction: column;
flex-flow: wrap;
align-items: center;
}
#form-gender {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#form-check-input {
padding: 0 5px;
}
.profile-img {
max-width: 200px; /* Increase the size */
margin-right: 20px;
}
</style>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-4 text-center">
<img src="../img/myprofile.jpg" alt="my profile" class="profile-img img-fluid">
</div>
<div class="col-12 col-md-8">
<h1 class="text-center mb-4" style="display: inline-block;"><img src="../img/flipkardLoader.png"
alt="Flipkart Logo" class="img-fluid mb-4 mx-auto"
style="width: 100%; max-width: 180px;">Flipkart Profile</h1>
<div class="inner">
<form class="profile">
<div class="form-group">
<label for="firstname">Full Name</label>
<input type="text" id="firstname" class="form-control" placeholder="eg.H***" required />
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="eg.***@gmail.com" required />
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" id="address" placeholder="Enter your address">
</div>
<div class="form-group">
<label for="payment">Payment Information</label>
<input type="text" class="form-control" id="payment" placeholder="Enter your payment information">
</div>
<div class="form-group gender">
<label style="padding-right: 30px;">Gender</label>
<div id="form-gender" class="form-check">
<input class="form-check-input" type="radio" name="gender" id="male" value="male">
<label id="form-check-input" class="form-check-label" for="male">Male</label>
</div>
<div id="form-gender" class="form-check">
<input class="form-check-input" type="radio" name="gender" id="female" value="female">
<label id="form-check-input" class="form-check-label" for="female">Female</label>
</div>
<div id="form-gender" class="form-check">
<input class="form-check-input" type="radio" name="gender" id="other" value="other">
<label id="form-check-input" class="form-check-label" for="other">Other</label>
</div>
</div>
<div class="form-group">
<label for="orderHistory">Order History</label>
<textarea class="form-control" id="orderHistory" rows="3" placeholder="Enter your order history"></textarea>
</div>
<div class="form-group">
<input class="btn btn-primary" type="submit" class="btn btn-primary" id="submit" value="Save" />
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer id="footer-account" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/account.js"></script>
<body></body>
</html>
================================================
FILE: account/login-signup.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title>
Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture,
Grocery, Lifestyle, Books & More. Best Offers!
</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/login-signup.css" />
</head>
<body>
<header id="header-login" class="text-center text-secondary fs-4">
This is Header
</header>
<!-- signin page -->
<div id="divA">
<div class="signupin">
<div class="leftpanal">
<h4 class="login-display">Login</h4>
<p> Get access to your Orders, Wishlist and Recommendations</p>
</div>
<div class="rightSignuppanal">
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputsin" type="text" class="r4vIwl BV+Dqf input-field" placeholder="Enter Email/Mobile number" required />
<label class="Gq-80aa label" id="inputsin"></label>
<div class="underline"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/index.html">Privacy Policy</a>.
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button id="requestOtpButton" class="QqFHMw twnTnD _7Pd1Fp">Request OTP</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonA">New to Flipkart? Create an account</a>
</div>
</form>
</div>
</div>
</div>
<!-- signup page -->
<div id="divB">
<div class="signupin container-fluid">
<div class="leftpanal">
<h4 class="signupdisplay">Looks like you're new here!</h4>
<p>Sign up with your mobile number to get started</p>
</div>
<div class="rightSignuppanal">
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputi" type="text" class="r4vIwl BV+Dqf" placeholder="Enter Email/Mobile number" required />
<label class="Gq-80aa label" id="inputi"></label>
<div class="underlineii"></div>
</div>
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="otpInput" type="text" class="r4vIwl BV+Dqf" placeholder="Enter OTP" required />
<label class="Gq-80aa label" id="otpInput"></label>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/index.html">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button id="verifyOtpButton" class="QqFHMw twnTnD _7Pd1Fp">Verify OTP</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonB">Existing User? Log in</a>
</div>
</form>
</div>
</div>
</div>
<footer id="footer-login" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/login-signup.js"></script>
</body>
</html>
================================================
FILE: account/notifications.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title>
Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture,
Grocery, Lifestyle, Books & More. Best Offers!
</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/notifications.css" />
</head>
<header id="header-orders" class="text-center text-secondary fs-4">
This is Header
</header>
<main>
<div class="main-content">
<div class="options">
<div class="options-hello">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50" viewBox="0 0 50 50"><defs><path id="a" d="M50 0v50H0V0z"/><path id="c" d="M0 50h50V0H0z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#EBCFB9" d="M23.05 39.873h4.02v-5.357h-4.02z"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#FFE11B" d="M50 25c0 13.807-11.192 25-25 25C11.193 50 0 38.807 0 25S11.193 0 25 0c13.808 0 25 11.193 25 25" mask="url(#b)"/><path fill="#FADDC5" d="M11.418 45.78s-.166-5.062 5.118-7.024c1.96-.727 5.776-.654 8.393-.654 2.54 0 7.468-.107 9.404.596 5.435 1.97 4.635 7.07 4.635 7.07s-4.83 4.06-14.04 4.06c-10.832 0-13.512-4.047-13.512-4.047"/><path fill="#47C3CF" d="M11.418 45.78s-.166-5.062 5.118-7.024c1.106-.41 2.802-.565 4.54-.624 0 0 .088 4.137 4.252 4.137 4.184 0 4.318-4.14 4.318-4.14 1.866.056 3.682.202 4.688.568 5.435 1.97 4.635 7.07 4.635 7.07s-4.83 4.06-14.04 4.06c-10.832 0-13.512-4.047-13.512-4.047"/><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path fill="#FADDC5" d="M23.27 39.873h4.02v-5.357h-4.02z" mask="url(#d)"/><path fill="#D3B8A3" d="M23.257 35.083h4.03s-.54 1.764-2.008 1.774c-1.468.01-2.023-1.774-2.023-1.774" mask="url(#d)"/><path fill="#FADDC5" d="M36.154 23.76c0 6.41-5.027 11.608-11.224 11.608-6.2 0-11.226-5.197-11.226-11.61 0-6.41 5.027-11.61 11.226-11.61 6.197 0 11.224 5.2 11.224 11.61" mask="url(#d)"/><path fill="#FFF" d="M26.64 32.27s-.163 1.294-1.28 1.294c-1.116 0-1.46-1.295-1.31-1.295" mask="url(#d)"/><path fill="#A56826" d="M18.204 19.192s1.665 5.688 7.124 4.148c7.347-2.073 10.62 2.023 10.826.715v-.296s1.81-13.04-11.225-13.04c-13.036 0-11.225 13.04-11.225 13.04s3.903-.937 4.5-4.568" mask="url(#d)"/></g></svg>
<h4>Hello</h4>
</div>
<div class="options-myorders">
<i class="fa-solid fa-boxes-packing"></i>
<a href="orders.html">MY ORDERS</a>
<i class="fa-solid fa-angle-right"></i>
</div>
<div class="options-account">
<div class="heading">
<i class="fa-solid fa-user"></i>
<div class="options-heading">ACCOUNT SETTINGS</div>
</div>
<ul class="lists">
<li><a href="">Personal Information</a></li>
<li><a href="">Manange Addresses</a></li>
<li><a href="">PAN Card Information</a></li>
</ul>
</div>
<div class="options-payments">
<div class="heading">
<i class="fa-solid fa-credit-card"></i>
<div class="options-heading">PAYMENTS</div>
</div>
<ul class="lists">
<li><a href="/the-gift-card-store/index.html">Gift Cards</a>
<p>₹0</p></li>
<li><a href="">Saved UPI</a></li>
<li><a href="">Saved Cards</a></li>
</ul>
</div>
<div class="options-mystuff">
<div class="heading">
<i class="fa-solid fa-folder"></i>
<div class="options-heading">MY STUFF</div>
</div>
<ul class="lists">
<li><a href="">My coupons</a></li>
<li><a href="">My reviews & Ratings</a></li>
<li><a href="">All Notifications</a></li>
<li><a href="">My wishlist</a></li>
</ul>
</div>
<div class="options-logout">
<div class="heading">
<i class="fa-solid fa-power-off"></i>
<div class="options-heading">LOGOUT</div>
</div>
</div>
<div class="options-frequently_visited">
<div class="row-heading">Frequently Visited:</div>
<div class="row-contents"><span id="one">Track Order</span><span>Help Center</span></div>
</div>
</div>
<div class="notifications">
<div class="notifications-heading">All Notifications</div>
<div class="n1">
<div class="n-img">
<img src="/images/upi_img.webp" alt="notifi">
</div>
<div class="n-info">
<div class="info-details">Sign-up for Flipkart UPI & get guaranteed reward on 1st Payment!</div>
<div class="info-date">30 May, 2024</div>
</div>
<div class="n-details">
<div class="details-content">
More Details
<i class="fa-solid fa-angle-right"></i>
</div>
</div>
</div>
</div>
</div>
</main>
<footer id="footer-orders" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/notifications.js"></script>
<body></body>
</html>
================================================
FILE: account/orders.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title>
Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture, Grocery, Lifestyle, Books & More. Best Offers!
</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/orders.css" />
</head>
<body>
<header id="header-orders" class="text-center text-secondary fs-4">
This is Header
</header>
<section class="container">
<div class="row">
<div id="filtersBox" class="col-lg-3">
<div class="filtersTitle">
<span>Filters</span>
</div>
<div class="orderStatus">
<div id="info"><b>ORDER STATUS</b></div>
<div class="opt">
<input type="checkbox" id="status1">
<label for="status1">On the Way</label>
</div>
<div class="opt">
<input type="checkbox" id="status2">
<label for="status2">Delivered</label>
</div>
<div class="opt">
<input type="checkbox" id="status3">
<label for="status3">Cancelled</label>
</div>
<div class="opt">
<input type="checkbox" id="status4">
<label for="status4">Returned</label>
</div>
</div>
<div class="orderTime">
<div id="info"><b>ORDER TIME</b></div>
<div class="opt">
<input type="checkbox" id="time1">
<label for="time1">Last 30 days</label>
</div>
<div class="opt">
<input type="checkbox" id="time2">
<label for="time2">2023</label>
</div>
<div class="opt">
<input type="checkbox" id="time3">
<label for="time3">2022</label>
</div>
<div class="opt">
<input type="checkbox" id="time4">
<label for="time4">2021</label>
</div>
<div class="opt">
<input type="checkbox" id="time5">
<label for="time5">2020</label>
</div>
<div class="opt">
<input type="checkbox" id="time6">
<label for="time6">Older</label>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="search mb-4">
<div class="input-group">
<input type="text" class="form-control search-input" placeholder="Search your orders here">
<button class="btn btn-primary search-button">
<i class="bi bi-search"></i> Search Orders
</button>
</div>
</div>
<div class="orders">
<div class="orderContainer mb-4">
<div class="row order-row align-items-center">
<div class="col-image col-auto">
<img class="img-fluid" alt="OnePlus12" src="https://images-cdn.ubuy.co.in/65a4d1da79c8e03a06140a3c-oneplus-12-24gb-1tb-6-82-amoled.jpg">
</div>
<div class="col-description col">
<div class="details-text">
<span class="item names">OnePlus 12 (Flowy Emerald, 256 GB) (12 GB RAM)</span>
<div class="attributes">
<span class="color-attribute"><b>Color:</b> Flowy Emerald</span>
<span class="size-attribute"><b>Size:</b> 256 GB</span>
</div>
</div>
</div>
<div class="col-price col-auto">
₹59,299
</div>
<div class="col-status col-auto text-center">
<div class="circle bg-success"></div>
<span class="date">Delivered on May 2</span>
<div class="msg">Your item has been delivered</div>
</div>
</div>
</div>
<div class="orderContainer mb-4">
<div class="row order-row align-items-center">
<div class="col-image col-auto">
<img class="img-fluid" alt="Tanso Jinsei Full Graphite" src="https://rukminim2.flixcart.com/image/850/1000/xif0q/racquet/y/4/l/g4-3-25-inches-strung-jinsei-full-graphite-ultra-light-weight-original-imagx7vy2fachrzb.jpeg?q=90&crop=false">
</div>
<div class="col-description col">
<div class="details-text">
<span class="item names">Tanso Jinsei Full Graphite Ultra Light W...</span>
<div class="attributes">
<span class="color-attribute"><b>Color:</b> White</span>
</div>
</div>
</div>
<div class="col-price col-auto">
₹1,039
</div>
<div class="col-status col-auto text-center">
<div class="circle bg-success"></div>
<span class="date">Delivered on Apr 20</span>
<div class="msg">Your item has been delivered</div>
</div>
</div>
</div>
<div class="orderContainer mb-4">
<div class="row order-row align-items-center">
<div class="col-image col-auto">
<img class="img-fluid" alt="Apple 2020 Macbook Air" src="https://shoplet.pl/286301-large_default/apple-macbook-air-m1-133-wqxga-8gb-256gb-mac-os-srebrny.jpg">
</div>
<div class="col-description col">
<div class="details-text">
<span class="item names">Apple 2020 Macbook Air Apple M1 ..</span>
<div class="attributes">
<span class="color-attribute"><b>Color:</b> Space Grey</span>
<span class="size-attribute"><b>Size:</b> 13.3 inch</span>
</div>
</div>
</div>
<div class="col-price col-auto">
₹73,990
</div>
<div class="col-status col-auto text-center">
<div class="circle bg-success"></div>
<span class="date">Delivered on Mar 17</span>
<div class="msg">Your item has been delivered</div>
</div>
</div>
</div>
<div class="orderContainer mb-4">
<div class="row order-row align-items-center">
<div class="col-image col-auto">
<img class="img-fluid" alt="CASIO FX-350MS 2nd Edition Scientific Calculator" src="https://www.casio.com/content/dam/casio/product-info/locales/intl/en/calc/product/scientific/F/FX/FX3/fx-350EX/fx-350EX_Seq1.jpg.transform/main-visual-sp/image.jpg">
</div>
<div class="col-description col">
<div class="details-text">
<span class="item names">CASIO FX-350MS 2nd Edition Scientific C...</span>
<div class="attributes">
<span class="color-attribute"><b>Color:</b> Black</span>
<span class="size-attribute"><b>Size:</b> Medium</span>
</div>
</div>
</div>
<div class="col-price col-auto">
₹660
</div>
<div class="col-status col-auto text-center">
<div class="circle bg-success"></div>
<span class="date">Delivered on Jan 20</span>
<div class="msg">Your item has been delivered</div>
</div>
</div>
</div>
<div class="end text-center">
<span>No more results to display</span>
</div>
</div>
</div>
</div>
</section>
<footer id="footer-orders" class="text-white text-center py-3" style="background-color: #293649;">
Footer Content
</footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/orders.js"></script>
</body>
</html>
================================================
FILE: account/rewards.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title>
Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture,
Grocery, Lifestyle, Books & More. Best Offers!
</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../css/header.css">
</head>
<body>
<!--header-->
<header id="header-bluebg">
<nav class="container-fluid" style="background-color: #2874F0;">
<div class="container">
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../">
<img src="../img/flipcartlogo.PNG" width="80px">
</a>
<div class="searchBar_h">
<input id="inputField_h" type="text" autocomplete="off"
placeholder="Search for products, brands and more">
<i id="fetchButton_h" class="bi bi-search btn"></i>
</div>
<div>
<button class="btn btn-primary"><a href="../account/login-signup.html">Login</a></button>
</div>
<div class="text-white b_a_s">
<a href="../sell-online/">Become a Seller</a>
</div>
<div class="text-white" id="more_h">
More <i class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i>
</div>
<div class="text-white cartLogoandname">
<a href="../viewcart/">
<img src="../img/svg/cart_h.svg" alt=""><span class="cart_h">Cart </span><span
id="cartItems"></span>
</a>
</div>
</div>
</nav>
</div>
</nav>
<nav class="navbar navbar-expand-lg bg-body-tertiary secondNav container-fluid">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../search/?query=electronics">Electronics <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=appliances">TVs & Appliances <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=men">Men <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=women">Women <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=kids">Baby & Kids <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=home">Home & Furniture <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=books">Sports, Books & More <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=flights">Flights <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=offer">Offer Zone <i
class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../search/?query=grocery">Grocery <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--header-->
<section>
<style>
.container-rewards {
display: flex;
/* min-height: 100vh; */
font-family: Arial, sans-serif;
margin: auto;
padding: 10px 25px;
/* background-color: #f9f9f9; */
}
.left-column {
width: 25%;
background-color: #fff;
border-right: 1px solid #ddd;
padding: 16px;
box-sizing: border-box;
}
.profile {
text-align: left;
display:flex;
align-items: center;
margin-bottom: 30px;
margin-top: 10px;
}
.profile h4{
margin: 0;
color:#333333;
font-weight: 600;
font-size: 20px;
margin-left: 35px;
}
.img-head{
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 12px;
}
.navigation-orders{
display: flex;
align-items: center;
padding: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.navigation-orders a{
text-decoration: none;
}
.navigation-orders h3{
margin: 0;
color:#8b8b8b;
font-weight: 600;
margin-left: 30px;
font-size: 20px;
}
.navigation-account{
display: flex;
flex-direction: column;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.navigation-account h3{
margin: 0;
color:#8b8b8b;
font-weight: 600;
font-size: 20px;
}
.navigation-account svg{
margin-right: 30px;
}
.navigation-payments{
display: flex;
flex-direction: column;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.navigation-payments h3{
margin: 0;
color:#8b8b8b;
font-weight: 600;
font-size: 20px;
}
.navigation-payments svg{
margin-right: 30px;
}
.navigation-my-stuff{
display: flex;
flex-direction:column;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.navigation-my-stuff h3{
margin: 0;
color:#8b8b8b;
font-weight: 600;
font-size: 20px;
}
.navigation-my-stuff svg{
margin-right: 30px;
}
.nav-list{
list-style:none;
padding-left:55px;
margin:0;
}
.nav-list ul {
list-style: none;
padding: 0;
margin: 10px;
}
.nav-list li{
margin:15px 0;
}
.nav-list ul li a {
text-decoration:none;
color: #000;
font-weight: 500;
}
.nav-list ul li a:hover {
color: #0073e6;
}
.right-column {
width: 75%;
padding: 20px;
box-sizing: border-box;
background-color: #fff;
}
.right-column h2 {
margin-top: 0;
color: #333;
margin-left: 10px;
}
.reward {
background-color: #faf9f9;
border: 1px solid #ddd;
padding: 15px;
margin-bottom: 20px;
border-radius: 5px;
}
.row-reward{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.reward-name{
cursor:pointer;
color: #097809;
}
.reward-valid{
font-weight: bold;
color:#8b8b8b;
cursor:pointer;
}
.reward-details{
color:#000;
cursor:pointer;
}
.reward-tc{
font-size: large;
font-weight: bold;
color:#0073e6;
cursor:pointer;
}
</style>
<div class="container-rewards">
<div class="left-column">
<div class="profile">
<svg xmlns="http://www.w3.org/2000/svg"
width="28" height="22" viewBox="0 0 448 512">
<path
d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z" />
</svg>
<h4>Hello User</h4>
</div>
<nav class="navigation">
<div class="navigation-orders">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 18">
<g fill="none" fill-rule="evenodd" transform="translate(-8.694 -11)">
<ellipse cx="20.557" cy="20" rx="20.557" ry="20" />
<path fill="#2874F1"
d="M9 11v17.108c0 .493.41.892.918.892h4.93v-5.257h-3.033l4.912-4.77 4.972 4.83h-3.035V29h12.417c.507 0 .918-.4.918-.892V11H9z" />
</g>
</svg>
<a href="orders.html"><h3>MY ORDERS</h3></a>
</div>
<div class="navigation-account">
<div class="img-head">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21">
<g fill="none" fill-rule="evenodd" transform="translate(-9.694 -10)">
<path fill="#2874F0"
d="M14.275 22.704c2.272-.412 4.347-.618 6.225-.618 1.878 0 3.953.206 6.225.618a5.15 5.15 0 0 1 4.23 5.068V31h-20.91v-3.228a5.15 5.15 0 0 1 4.23-5.068zm1.274-7.724c0-2.58 2.163-4.673 4.832-4.673 2.667 0 4.83 2.092 4.83 4.673 0 2.58-2.163 4.673-4.83 4.673-2.67 0-4.833-2.092-4.833-4.673z" />
<ellipse cx="20.557" cy="20" rx="20.557" ry="20" />
</g>
</svg>
<h3>ACCOUNT SETTINGS</h3>
</div>
<div class="nav-list">
<ul>
<li><a href="#">Personal Information</a></li>
<li><a href="#">Manage Address</a></li>
<li><a href="#">PAN Card Information</a></li>
</ul></div>
</div>
<div class="navigation-payments">
<div class="img-head">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22">
<g fill="none" fill-rule="evenodd" transform="translate(-9.694 -9)">
<ellipse cx="20.557" cy="20" rx="20.557" ry="20" />
<path d="M7 6h28v28H7z" />
<path fill="#2874F0" fill-rule="nonzero"
d="M31.5 27v1.167a2.34 2.34 0 0 1-2.333 2.333H12.833a2.333 2.333 0 0 1-2.333-2.333V11.833A2.333 2.333 0 0 1 12.833 9.5h16.334a2.34 2.34 0 0 1 2.333 2.333V13H21a2.333 2.333 0 0 0-2.333 2.333v9.334A2.333 2.333 0 0 0 21 27h10.5zM21 24.667h11.667v-9.334H21v9.334zm4.667-2.917c-.97 0-1.75-.782-1.75-1.75s.78-1.75 1.75-1.75c.968 0 1.75.782 1.75 1.75s-.782 1.75-1.75 1.75z" />
</g>
</svg>
<h3>PAYMENTS</h3>
</div>
<div class="nav-list">
<ul>
<li><a href="/the-gift-card-store/index.html">Gift Cards</a></li>
<li><a href="#">Saved UPI</a></li>
<li><a href="#">Saved Cards</a></li>
</ul></div>
</div>
<div class="navigation-my-stuff">
<div class="img-head">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="19" viewBox="0 0 23 19">
<g fill="none" fill-rule="evenodd">
<path fill="#2874F0" fill-rule="nonzero"
d="M20.5 2.75h-9L9.25.5H2.5A2.247 2.247 0 0 0 .26 2.75l-.01 13.5A2.257 2.257 0 0 0 2.5 18.5h18a2.257 2.257 0 0 0 2.25-2.25V5a2.257 2.257 0 0 0-2.25-2.25zm-5.625 3.375a2.257 2.257 0 0 1 2.25 2.25 2.257 2.257 0 0 1-2.25 2.25 2.257 2.257 0 0 1-2.25-2.25 2.257 2.257 0 0 1 2.25-2.25zm4.5 9h-9V14c0-1.496 3.004-2.25 4.5-2.25s4.5.754 4.5 2.25v1.125z" />
<path d="M-2-4h27v27H-2z" />
</g>
</svg>
<h3>MY STUFF</h3>
</div>
<div class="nav-list">
<ul>
<li><a href="#">My Coupons</a></li>
<li><a href="#">My Reviews & Ratings</a></li>
<li><a href="#">All Notifications</a></li>
<li><a href="#">My Wishlist</a></li>
</ul></div>
</div>
</nav>
</div>
<div class="right-column">
<h2>Available Coupons</h2>
<div class="reward">
<div class="row-reward">
<div class="reward-name"><h3>20% off on men's clothing</h3></div>
<div class="reward-valid"><p>Validity: 31st Dec 2024</p></div>
</div>
<div class="row-reward">
<div class="reward-details"><p>Get 20% off on clothing with this coupon or receive cashback!</p></div>
<div class="reward-tc"><p>View T&C</p></div>
</div>
</div>
<div class="reward">
<div class="row-reward">
<div class="reward-name">
<h3>Extra 400/- off</h3>
</div>
<div class="reward-valid">
<p>Validity: 28th Aug 2024</p>
</div>
</div>
<div class="row-reward">
<div class="reward-details">
<p>Get 400 off on clothing with this coupon or receive cashback!</p>
</div>
<div class="reward-tc">
<p>View T&C</p>
</div>
</div>
</div>
<div class="reward">
<div class="row-reward">
<div class="reward-name">
<h3>25% off on children's clothing</h3>
</div>
<div class="reward-valid">
<p>Validity: 31st Dec 2024</p>
</div>
</div>
<div class="row-reward">
<div class="reward-details">
<p>Get 25% off on clothing with this coupon or receive cashback!</p>
</div>
<div class="reward-tc">
<p>View T&C</p>
</div>
</div>
</div>
<div class="reward">
<div class="row-reward">
<div class="reward-name">
<h3>Gift Voucher worth 2500</h3>
</div>
<div class="reward-valid">
<p>Validity: 31st July 2024</p>
</div>
</div>
<div class="row-reward">
<div class="reward-details">
<p>Get 2500 off on clothing with this coupon or receive cashback!</p>
</div>
<div class="reward-tc">
<p>View T&C</p>
</div>
</div>
</div>
<div class="reward">
<div class="row-reward">
<div class="reward-name">
<h3>Extra 599 off on grocery</h3>
</div>
<div class="reward-valid">
<p>Validity: 31st Dec 2024</p>
</div>
</div>
<div class="row-reward">
<div class="reward-details">
<p>Get 599 off on clothing with this coupon or receive cashback!</p>
</div>
<div class="reward-tc">
<p>View T&C</p>
</div>
</div>
</div>
<!-- Add more rewards as needed -->
</div>
</div>
</section>
<footer id="footer-rewards" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/header_bluebg.js"></script>
<script src="../js/rewards.js"></script>
</body>
</html>
================================================
FILE: addtokart/checkout.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#2874F0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checkout</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<style>
body {
background-color: #f1f3f6;
}
.navbar-brand img {
width: 80px;
}
.main-container {
margin-top: 30px;
}
.step-number {
background-color: #2874F0;
color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.step-title {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.section-content {
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 20px;
}
.footer {
background-color: #f8f9fa;
padding: 20px;
text-align: center;
margin-top: 30px;
}
.footer a {
color: #2874F0;
text-decoration: none;
}
</style>
</head>
<body>
<!-- Header -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="https://flipkart-clone-seven-azure.vercel.app/">
<img src="../img/flipkardLoader.png" alt="Brand Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="https://flipkart-clone-seven-azure.vercel.app/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://flipkart-clone-seven-azure.vercel.app/viewcart/">Cart</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://flipkart-clone-seven-azure.vercel.app/account/home_account.html">Account</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container main-container">
<!-- Login or Signup Section -->
<div class="section-content">
<div class="step-title">
<div class="step-number">1</div>
<h4>Login or Signup</h4>
</div>
<form id="loginForm">
<div class="form-group">
<input type="text" class="form-control" id="emailPhone" placeholder="Enter Email/Mobile number" required>
</div>
<p>By continuing, you agree to Flipkart's <a href="#" target="_blank">Terms of Use</a> and <a href="#" target="_blank">Privacy Policy</a>.</p>
<button type="submit" class="btn btn-primary">CONTINUE</button>
</form>
</div>
<!-- Delivery Address Section -->
<div class="section-content">
<div class="step-title">
<div class="step-number">2</div>
<h4>Delivery Address</h4>
</div>
<form id="addressForm">
<div class="form-group">
<label for="fullName">Full Name</label>
<input type="text" class="form-control" id="fullName" placeholder="Full Name" required>
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" id="address" placeholder="Address" required>
</div>
<div class="form-group">
<label for="city">City</label>
<input type="text" class="form-control" id="city" placeholder="City" required>
</div>
<div class="form-group">
<label for="postalCode">Postal Code</label>
<input type="text" class="form-control" id="postalCode" placeholder="Postal Code" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="text" class="form-control" id="phone" placeholder="Phone Number" required>
</div>
<button type="submit" class="btn btn-primary">SAVE & CONTINUE</button>
</form>
</div>
<!-- Order Summary Section -->
<div class="section-content">
<div class="step-title">
<div class="step-number">3</div>
<h4>Order Summary</h4>
</div>
<div class="order-summary">
<table class="table">
<thead>
<tr>
<th>Product</th>
<th>Quantity</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Product 1</td>
<td>1</td>
<td>$100</td>
</tr>
<tr>
<td>Product 2</td>
<td>2</td>
<td>$50</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2">Total</th>
<th>$200</th>
</tr>
</tfoot>
</table>
</div>
</div>
<!-- Payment Options Section -->
<div class="section-content">
<div class="step-title">
<div class="step-number">4</div>
<h4>Payment Options</h4>
</div>
<form id="paymentForm">
<div class="form-group">
<label for="paymentMethod">Select Payment Method</label>
<select class="form-control" id="paymentMethod" required>
<option value="" disabled selected>Select your option</option>
<option value="creditCard">Credit Card</option>
<option value="debitCard">Debit Card</option>
<option value="netBanking">Net Banking</option>
<option value="cashOnDelivery">Cash on Delivery</option>
</select>
</div>
<div id="paymentDetails" class="mt-3">
<!-- Payment details form will be dynamically added here based on the selected payment method -->
</div>
<button type="submit" class="btn btn-primary">PLACE ORDER</button>
</form>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<p>Policies: Returns | Policy | Terms of use | Security | Privacy | Infringement | © 2007-2024 Flipkart.com</p>
<p>Need help? Visit the <a href="#">Help Center</a> or <a href="#">Contact Us</a></p>
</footer>
<!-- Bootstrap JS and dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Form Validation Script -->
<script>
document.getElementById('loginForm').addEventListener('submit', function(event) {
event.preventDefault();
const emailPhone = document.getElementById('emailPhone').value;
if (emailPhone) {
alert('Form submitted successfully!');
} else {
alert('Please enter your Email/Mobile number.');
}
});
document.getElementById('addressForm').addEventListener('submit', function(event) {
event.preventDefault();
const fullName = document.getElementById('fullName').value;
const address = document.getElementById('address').value;
const city = document.getElementById('city').value;
const postalCode = document.getElementById('postalCode').value;
const phone = document.getElementById('phone').value;
if (fullName && address && city && postalCode && phone) {
alert('Address saved successfully!');
} else {
alert('Please fill all the fields.');
}
});
document.getElementById('paymentMethod').addEventListener('change', function() {
const paymentMethod = this.value;
const paymentDetails = document.getElementById('paymentDetails');
paymentDetails.innerHTML = '';
if (paymentMethod === 'creditCard' || paymentMethod === 'debitCard') {
paymentDetails.innerHTML = `
<div class="form-group">
<label for="cardNumber">Card Number</label>
<input type="text" class="form-control" id="cardNumber" placeholder="Card Number" required>
</div>
<div class="form-group">
<label for="expiryDate">Expiry Date</label>
<input type="text" class="form-control" id="expiryDate" placeholder="MM/YY" required>
</div>
<div class="form-group">
<label for="cvv">CVV</label>
<input type="text" class="form-control" id="cvv" placeholder="CVV" required>
</div>
`;
} else if (paymentMethod === 'netBanking') {
paymentDetails.innerHTML = `
<div class="form-group">
<label for="bank">Select Bank</label>
<select class="form-control" id="bank" required>
<option value="" disabled selected>Select your bank</option>
<option value="bank1">Bank 1</option>
<option value="bank2">Bank 2</option>
<option value="bank3">Bank 3</option>
</select>
</div>
`;
}
});
document.getElementById('paymentForm').addEventListener('submit', function(event) {
event.preventDefault();
const paymentMethod = document.getElementById('paymentMethod').value;
if (paymentMethod) {
alert('Order placed successfully!');
} else {
alert('Please select a payment method.');
}
});
</script>
</body>
</html>
================================================
FILE: addtokart/index.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title> Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture, Grocery, Lifestyle, Books & More. Best Offers! </title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<!-- <link rel="stylesheet" href="../css/" /> -->
</head>
<header id="header-addkart" class="text-center text-secondary fs-4">
This is Header
</header>
<!-- search product show Showing addkart-->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
</div>
<div class="container-fluid mt-4">
<div class="row m-1" id="addkart">
</div>
</div>
</div>
<!-- show Similar Products -->
<div class="container-fluid">
<div class="fs-3 m-4">Similar products</div>
<div class="row" id="similarProducts">
</div>
</div>
<footer id="footer-addkart" style="background-color: #203a61 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/addKartProduct.js"></script>
<body></body>
</html>
================================================
FILE: addtokart/style.css
================================================
.NOs-Bf {
font-size: 14px;
color: #2874f0;
font-weight: 500;
padding: 16px 0;
border-bottom: 1px solid #f0f0f0;
cursor: pointer;
border-top: 1px solid #f0f0f0
}
.spx1HA {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
vertical-align: middle;
margin: 0 20px 0 26px
}
.gIBRFT {
border-bottom: 1px solid #f0f0f0;
padding: 16px 24px 12px
}
.gIBRFT.tC-hMK {
background-color: #f5faff
}
._7PCxNx {
color: #ff6161;
text-decoration: line-through
}
.wF33mi {
margin-bottom: 20px
}
.JWHZpD {
margin-left: 3px;
display: inline-block
}
.N2nSHK {
padding: 20px;
margin: auto;
max-width: 400px;
font-size: 14px
}
.N2nSHK .Geh36c {
max-height: calc(100vh - 275px);
overflow-y: auto
}
.N2nSHK ._0rd8tv {
font-weight: 500;
margin-bottom: 10px
}
.N2nSHK .QrwzX0 {
margin-bottom: 22px
}
.N2nSHK .bdVnlb {
margin-left: 10px
}
.N2nSHK .qUnWIC {
margin-top: 12px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.N2nSHK .uwk3PL {
width: 172px;
padding-top: 14px;
padding-bottom: 14px;
margin-top: 8px;
box-shadow: none;
text-transform: uppercase
}
.v2VFa- {
border: 1px solid #e0e0e0
}
.v2VFa-[type=number]::-webkit-inner-spin-button,.v2VFa-[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.v2VFa-:disabled {
background-color: #fafafa;
cursor: not-allowed
}
.v2VFa-:focus {
border-color: #2874f0
}
.OPfM39 {
border-color: #ff6161!important
}
.APCuPL {
color: #ff6161!important
}
._0kSq\+5 {
color: #ff6161
}
/* .lBFHyk {
-webkit-transform-origin: top left;
color: #878787;
transition: -webkit-transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease
}
.dKXc0R,.v2VFa-:focus~.lBFHyk {
-webkit-transform: translateY(-15%) scale(.815)
} */
.jHYdLK {
position: relative;
display: block
}
.jHYdLK._78YC\+B:after {
border-top: 10px solid #e0e0e0
}
.jHYdLK._78YC\+B .WRAbSt:after,.jHYdLK._78YC\+B .WRAbSt:before {
display: none
}
.jHYdLK:after {
display: block;
content: " ";
position: absolute;
top: 50%;
right: .7em;
pointer-events: none;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 10px solid #212121;
margin-top: -3px
}
.OZuttk {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background: #fff;
border: 1px solid transparent;
padding: .6em .8em .5em 0;
width: 100%;
color: #878787;
font-size: 16px
}
.OZuttk:focus {
outline: none
}
.OZuttk:disabled {
color: #c2c2c2
}
.OZuttk:hover~.WRAbSt:after,.OZuttk:hover~.WRAbSt:before {
width: 50%
}
.WRAbSt {
position: relative;
display: block;
width: 100%;
background-color: #e0e0e0;
height: 2px
}
.WRAbSt:after,.WRAbSt:before {
content: "";
height: 2px;
width: 0;
bottom: 0;
position: absolute;
background: #2874f0;
transition: width .2s ease
}
.WRAbSt:before {
left: 50%
}
.WRAbSt:after {
right: 50%
}
.aChTzo {
margin-bottom: 16px
}
.aChTzo .WNuczz {
padding: 14px 24px;
font-size: 14px
}
.aChTzo .da7\+UC {
margin-right: 6px;
vertical-align: text-bottom
}
._8UUcDg {
min-height: 0!important;
padding: 14px 0;
text-align: center
}
._8UUcDg .Zy20mi {
display: inline-block;
width: 24px;
vertical-align: middle;
margin-right: 12px
}
.sK8-s3 {
width: 420px
}
.Aaev\+q {
text-align: center;
padding: 38px;
color: #212121
}
.Aaev\+q .BQQLM0 {
font-size: 20px;
font-weight: 500;
display: block;
margin-top: 16px;
margin-bottom: 12px
}
.Aaev\+q .m-VMnV {
font-size: 14px;
line-height: 1.5
}
.Aaev\+q .m-VMnV .D-F\+V2 {
font-weight: 500
}
.Aaev\+q .PVOsq7 {
margin-top: 48px;
padding: 14px 60px;
text-transform: uppercase
}
.Aaev\+q .RdElL1 {
margin-top: 18px;
display: block
}
.Aaev\+q .PVOsq7,.Aaev\+q .RdElL1 {
font-size: 16px
}
.lJPVok {
position: relative;
width: 100%
}
.Reem3Q {
position: absolute;
background-color: #fff;
width: 100%;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
box-shadow: 0 0 4px #e0e0e0;
z-index: 1;
display: none
}
.Reem3Q.jD-g0X {
display: block
}
.J3nH8z {
padding: 16px;
border-bottom: 1px solid #e0e0e0
}
._92tk\+3 .J3nH8z:hover,.h63Zow {
background-color: #efefef
}
.U1LCmH {
position: relative;
margin-bottom: 10px
}
.v2VFa- {
width: 100%;
font-size: 14px;
border: 1px solid var(--color-grey-grade2);
outline: none;
border-radius: 2px;
padding: 20px 16px 0 13px;
box-shadow: none;
&[type=number]::-webkit-inner-spin-button,
&[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
&:disabled {
background-color: var(--color-grey-grade0);
cursor: not-allowed;
}
}
.z2D4XG {
height: 50px
}
.g-nBNP {
resize: vertical;
padding-top: 25px;
vertical-align: top
}
.v2VFa-:focus {
outline: none;
border-color: var(--color-brand-blue)
}
.OPfM39 {
border-color: var(--color-error-red)!important
}
.APCuPL {
color: var(--color-error-red)!important
}
._0kSq\+5 {
margin: 0 0 0 12px;
font-size: 12px;
color: var(--color-error-red);
display: inline-block
}
._0kSq\+5,.lBFHyk {
pointer-events: none;
width: 100%
}
.lBFHyk {
position: absolute;
left: 0;
top: 0;
transform-origin: top left;
padding: 18px 20px 0;
font-size: 14px;
color: var(--color-grey-grade4);
transition: transform .2s ease
}
.dKXc0R,.v2VFa-:focus~.lBFHyk {
transform: translateY(-15%) scale(.815);
padding: 18px 0 0 15px
}
.iXsmkH {
color: #2874f0;
font-weight: 500
}
.rd3Ege {
margin-top: 16px;
width: 570px
}
.-PsvFv {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.ZU-viH {
margin-bottom: 10px
}
.raia51 {
margin-bottom: 0
}
.VgOevZ {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px
}
.ACw3Xy {
width: 280px
}
.ACw3Xy.O1czOX:after {
top: 35%;
border-top-width: 7px;
border-right-width: 5px;
border-left-width: 5px
}
.ACw3Xy._8pGkYY.O1czOX:after {
border-top-color: #ff6161
}
.oDxCeH {
width: 100%;
margin-bottom: 0
}
._9-gNKZ {
resize: none!important
}
.SUn3yL {
height: 48px;
width: 230px
}
.SUn3yL,.y\+RUHq {
font-size: 14px;
text-transform: uppercase
}
.y\+RUHq {
font-weight: 500;
color: #2874f0;
background-color: transparent;
border: none;
margin-left: 20px;
padding-right: 0
}
.y\+RUHq,.y\+RUHq:hover {
box-shadow: none
}
.EcJ375 {
font-size: 12px;
color: #878787;
margin-bottom: 10px
}
.QGUDUT {
background-color: #fff7f8;
color: #ff6161;
padding: 10px 5px;
margin: 20px 0;
border: 1px solid #ff6161
}
.AD3Q-k {
display: inline-block;
vertical-align: middle;
margin: 0 10px
}
.VqFmfV {
margin-bottom: 16px;
width: 100%
}
.VqFmfV .FEpUSR {
margin-bottom: 4px
}
.McjNgr {
padding-left: 13px;
width: 100%;
margin-top: 8px;
margin-bottom: 8px
}
.SWXSwy {
padding: 2px 16px 7px 13px;
font-size: 14px;
color: inherit;
border: none
}
.Z5gkGb {
border: 1px solid #e0e0e0;
background-color: #fff
}
.Z5gkGb._8pGkYY {
border-color: #ff6161
}
.aan-Wb {
display: none!important
}
.AyivT9 {
font-size: 12px;
padding-top: 6px;
padding-left: 13px;
cursor: default;
color: #878787
}
._8pGkYY {
color: #ff6161
}
.FZKw\+X {
margin-bottom: 10px
}
.GLlzzT.F2e49l {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.GLlzzT.F2e49l ._1cdkXo {
width: 70%;
margin-right: 5%
}
.GLlzzT.F2e49l .WtykFU {
width: 25%
}
.WtykFU {
color: #878787
}
.bA4Q-G {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.xe4Z9L {
max-width: 848px
}
.MJrwCP {
max-width: 523px;
float: left;
cursor: pointer;
width: 100%
}
.MJrwCP .Kvq1RS {
cursor: default
}
.OuY1an {
max-width: 325px;
float: right
}
._2CGQQ4 {
line-height: 1.5
}
.H9XH1D {
margin-top: 10px;
display: block
}
.VpZoP0 {
text-transform: uppercase;
font-size: 11px;
color: #878787;
vertical-align: middle;
padding: 4px 7px;
border-radius: 2px;
background-color: #f0f0f0;
font-weight: 500
}
.AhImHH,.VpZoP0 {
margin: 0 0 0 11px
}
.FA45gW {
font-size: 14px;
text-transform: uppercase;
width: 200px;
height: 48px;
margin-top: 12px
}
._0eTOkm {
font-size: 14px;
color: #2874f0;
border: 0;
background: none;
cursor: pointer;
outline: none
}
._0eTOkm,._7Csqyg {
font-weight: 500
}
.C\+xBRe {
color: #ff6161
}
.awNB40,.C\+xBRe {
font-weight: 500;
margin: 20px 0 0
}
.awNB40 {
color: #ff9f00
}
._2vQwZw {
font-size: 14px;
color: #2874f0;
font-weight: 500;
padding: 16px 0;
border-bottom: 1px solid #f0f0f0;
cursor: pointer
}
._2vQwZw .DI-sr8 {
margin: 0 22px 0 26px;
vertical-align: middle
}
._2vQwZw.pg\+tPA {
border-bottom: none;
border-top: 1px solid #f0f0f0
}
.DaIMoy {
border-bottom: 1px solid #f0f0f0;
padding: 16px 24px
}
.DaIMoy.a8qW11 {
background-color: #f5faff
}
.IEkT52 {
box-shadow: 0 -1px 1px 0 rgba(0,0,0,.2);
background-color: #f1f3f6;
height: 8px;
border: 1px solid #f0f0f0
}
.QBX\+ly {
padding: 16px 24px
}
.\+e12Bw,.B6gd3a,.deoySD,.iMX6GU {
height: 16px
}
.\+e12Bw,.B6gd3a,.deoySD,.iMX6GU,.V\+Vav8 {
background: #fafafa
}
.B6gd3a,.deoySD,.iMX6GU {
display: inline-block;
vertical-align: middle;
margin-right: 20px
}
.YWSGCu {
height: 136px;
padding: 16px 56px
}
.PptnQ0 {
margin-bottom: 12px
}
.PptnQ0 .deoySD {
width: 67px
}
.PptnQ0 .iMX6GU {
width: 32px
}
.PptnQ0 .B6gd3a {
width: 80px
}
.\+e12Bw {
margin-bottom: 12px;
width: 532px
}
.V\+Vav8 {
height: 48px;
width: 200px
}
.PhPPJb {
padding: 16px 24px;
border-bottom: 1px solid #f0f0f0
}
.PhPPJb.cFxurz {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #ffffe6
}
.PhPPJb._5xCLgh {
background-color: #fff7f8
}
.PhPPJb .qg\+tbN {
display: inline-block;
vertical-align: middle;
max-width: 747px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 15px
}
.PhPPJb .qg\+tbN.nk6xVS {
max-width: 450px;
text-overflow: none;
white-space: normal
}
.PhPPJb .KCMCR6 {
cursor: pointer;
display: inline-block;
text-transform: uppercase;
color: #2874f0;
font-size: 14px;
font-weight: 500;
vertical-align: middle
}
.PhPPJb .Xry6ds {
vertical-align: middle;
margin-bottom: -3px
}
.A03VS- {
padding: 0
}
.UbMpE3._3789DR {
margin-bottom: 36px
}
._3789DR {
margin-bottom: 24px
}
.iKSOtZ {
box-shadow: none;
height: auto;
border: none;
color: #2874f0
}
.aPGMpN {
margin-top: 24px
}
._3789DR .Jr-g\+f:-moz-read-only {
color: #878787
}
._3789DR .Jr-g\+f:read-only {
color: #878787
}
.Q4KFvK {
display: none
}
.YhpBe\+ {
font-family: inherit;
width: 100%;
height: 48px;
font-size: 15px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
text-transform: uppercase
}
.eiJRN2 {
padding: 26px 20px 18px 50px;
position: relative
}
.u7Hi8Y {
padding: 0 20px 18px 50px;
font-size: 14px;
color: #878787
}
.p9bih- {
padding-left: 100px;
font-size: 14px
}
.p9bih- .T5aONK {
color: #878787
}
.p9bih- .\-1CINL {
margin: 16px 0;
color: #212121
}
.p9bih- .GG3DXG {
fill: #2874f0;
color: #2874f0;
font-size: 17px;
margin-right: 12px;
vertical-align: middle
}
.KGs0fa {
padding: 0 0 18px 38px
}
.KGs0fa .JXlYW- {
font-weight: 500;
margin-right: 5px
}
.ZghR-X ._03Ja9E {
margin-bottom: 12px
}
.ZghR-X ._03Ja9E .XZtPIa {
color: #878787
}
.ZghR-X ._03Ja9E .wWa8oI {
margin-left: 15px;
font-weight: 500
}
.ZghR-X ._03Ja9E .hSvhnF {
color: #2874f0;
font-weight: 500
}
.ZghR-X ._03Ja9E ._8VkH23 {
height: 48px;
width: 100%;
text-transform: uppercase;
font-size: 16px
}
.number {
font-size: 12px;
color: #2874f0;
background-color: #f0f0f0;
border-radius: 2px;
padding: 3px 7px;
vertical-align: baseline;
margin-right: 17px
}
.xUOoA- {
margin-left: 22px
}
.text {
height: 48px;
text-transform: uppercase;
color: #878787;
font-size: 16px;
font-weight: 500;
padding: 14px 24px;
border-radius: 2px 2px 0 0
}
.login-text-container.text {
color: #fff;
background-color: #2874f0
}
.login-text-container .number {
background-color: #fff;
position: relative;
top: -2px
}
.login-text-container.mXsdjP {
display: none
}
@media (max-width: 1240px) and (min-width:978px) {
.AWaTLw {
width:800px
}
}
@media (max-width: 978px) {
.AWaTLw {
width:754px
}
}
@media (min-width: 1240px) {
.AWaTLw {
width:848px
}
}
.AWaTLw {
margin-bottom: 16px;
position: relative;
display: inline-block;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2)
}
.AWaTLw .N53RAe {
padding: 16px 24px;
min-height: 72px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.AWaTLw .N53RAe ._3rrek0 {
vertical-align: top;
height: 20px;
margin-left: 8px
}
.AWaTLw .N53RAe ._0pnO36 {
padding: 0
}
.AWaTLw .N53RAe .DtjciV {
display: inline-block
}
.AWaTLw .N53RAe .DtjciV .PXFoIh {
color: #878787;
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
text-transform: uppercase
}
.AWaTLw .N53RAe .DtjciV ._3l1W1x {
font-size: 14px;
max-width: 630px
}
.AWaTLw .N53RAe .C180vJ {
padding: 0 32px;
height: 40px;
border-radius: 2px;
border: 1px solid #e0e0e0;
color: #2874f0;
font-size: 14px;
font-weight: 500;
background: #fff;
margin-left: auto;
cursor: pointer;
text-transform: uppercase
}
.AWaTLw .N53RAe .C180vJ:disabled {
color: #878787;
cursor: auto
}
.AWaTLw .pMJ9ZM {
position: relative
}
.SYMsSU {
height: 100%;
position: absolute;
z-index: 1;
left: 0;
top: 0;
background-color: hsla(0,0%,100%,.7);
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.SYMsSU,.SYMsSU .dpNMTu {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.SYMsSU .dpNMTu {
text-align: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.SYMsSU .dpNMTu .KNF2OA {
display: inline-block
}
.SYMsSU .dpNMTu .KNF2OA .iDHNv- {
width: 24px;
height: 24px;
margin-right: 24px
}
.SYMsSU .dpNMTu .dngY0E,.SYMsSU .dpNMTu .KNF2OA .iDHNv- {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.SYMsSU .dpNMTu .dngY0E {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
font-size: 18px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.14),0 2px 4px 0 rgba(0,0,0,.24);
height: 64px;
padding: 0 50px
}
.SYMsSU .dpNMTu .dngY0E .m9JjA0 {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.oZSSUv,.SYMsSU .dpNMTu .dngY0E .m9JjA0 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.oZSSUv {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 480px;
height: 460px;
border-radius: 4px;
overflow: hidden
}
.oZSSUv .QHM0AH {
background: #fffbf6;
padding: 20px 24px
}
.oZSSUv .QHM0AH .Tihjbq {
font-size: 20px;
line-height: 28px;
font-weight: 500
}
.oZSSUv .QHM0AH .o42yY\+ {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: pre;
margin-top: 4px
}
.oZSSUv .QHM0AH .o42yY\+ .Fp8Vkc {
margin: 3px 3px 0 0
}
.oZSSUv .QOd5hU {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
overflow: auto
}
.oZSSUv .QOd5hU .drVX-p {
vertical-align: top!important;
margin-top: 4px
}
.oZSSUv .QOd5hU .xPEXym {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 24px 24px 16px;
border-bottom: 1px solid #f0f0f0
}
.oZSSUv .QOd5hU .xPEXym .AlNbNH {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.oZSSUv .QOd5hU .xPEXym .AlNbNH ._0P15fN {
width: 80px;
height: 80px
}
.oZSSUv .QOd5hU .xPEXym .AlNbNH .KXEBbK {
margin: 0 auto
}
.oZSSUv .QOd5hU .xPEXym .IHJM7y {
margin-left: 15px
}
.oZSSUv .QOd5hU .xPEXym .IHJM7y .Tihjbq {
white-space: normal;
line-height: 20px
}
.oZSSUv .QOd5hU .xPEXym .IHJM7y ._1D1eST {
margin-top: 8px;
font-size: 20px;
line-height: 24px;
font-weight: 500
}
.oZSSUv .QOd5hU .xPEXym .IHJM7y .Fp8Vkc {
display: inline-block;
margin: 0 2px -1px 0
}
.oZSSUv .QOd5hU .xPEXym .IHJM7y .k1zEm2 {
margin-top: 6px;
color: #26a541;
line-height: 20px
}
.oZSSUv .-l9yRi {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 22px 24px;
border-top: 1px solid #f0f0f0
}
.oZSSUv .-l9yRi .GJ-YXj {
padding: 16px 64px;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end
}
.wl1hE4 {
padding: 8px;
background: #fff
}
.wl1hE4 .LMSspQ {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fffbf6;
padding: 16px
}
.wl1hE4 .LMSspQ,.wl1hE4 .LMSspQ .o0-oNF {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.wl1hE4 .LMSspQ .o0-oNF {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 8px
}
.wl1hE4 .LMSspQ .o0-oNF .n6gzsd {
font-size: 18px;
font-weight: 500
}
.wl1hE4 .LMSspQ .o0-oNF ._7V6zgx {
font-size: 16px
}
.wl1hE4 .LMSspQ .o0-oNF .FqmNAh {
margin-bottom: 2px
}
.wl1hE4 .LMSspQ .o0-oNF ._5S1Jmd {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 12px;
font-weight: 500
}
.wl1hE4 .LMSspQ .o0-oNF .ZLUqo9 {
color: #26a541
}
.wl1hE4 .LMSspQ .o0-oNF .D8dkzl {
color: #26a541;
background: #e9f3e3;
border-radius: 20px;
padding: 0 12px;
line-height: 24px
}
.wl1hE4 .LMSspQ .o0-oNF .N4Wu3- {
color: #878787
}
.wl1hE4 .LMSspQ .o0-oNF .bs6QRr {
color: #2874f0;
font-weight: 500;
margin-left: 8px;
line-height: 24px;
cursor: pointer
}
.wl1hE4 .LMSspQ .o0-oNF .Qy8LPI {
margin: 2px 4px -2px -4px
}
.wl1hE4 .LMSspQ .WmZNZO {
font-size: 14px;
min-width: 120px;
max-width: 140px;
height: 40px;
border-radius: 2px;
text-transform: uppercase;
font-weight: 500
}
.wl1hE4 .LMSspQ .OWHBG6 {
background: #c2c2c2;
color: #fff;
box-shadow: none
}
.wl1hE4 .LMSspQ .Al3gRY {
border: 1px solid #e0e0e0;
color: #2874f0;
background: #fff;
cursor: pointer
}
.wl1hE4 .LMSspQ .Al3gRY .Qy8LPI {
margin: 0 4px -2px -4px
}
.wl1hE4 .LMSspQ ._5swMGv {
display: inline-block;
vertical-align: text-top;
width: 16px;
height: 16px
}
._0rVeDX {
background-color: #f1f3f6
}
._0rVeDX ._8z1Uds {
height: 80px;
border-top: 1px solid #f0f0f0;
padding: 16px 24px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
._0rVeDX ._8z1Uds .VuSC8m {
height: 48px;
width: 200px;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
float: right
}
._0rVeDX .uccKP\+ {
margin-top: 8px
}
gitextract_e3ty6fu4/
├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ ├── bug.yml
│ │ ├── documentation.yml
│ │ └── feature.yml
│ ├── pull_request_template.md
│ └── workflows/
│ ├── auto-comment-pr-merge.yml
│ ├── greetings.yml
│ └── pr-comment.yml
├── .gitignore
├── .idea/
│ └── .gitignore
├── .vscode/
│ ├── c_cpp_properties.json
│ └── settings.json
├── 404.html
├── CODE_OF_CONDUCT.md
├── CONTRIBUITING.md
├── FAQ.html
├── LICENSE
├── Learn.md
├── Licensing.html
├── README.md
├── TermsOfUse.html
├── account/
│ ├── contact.html
│ ├── feedback.html
│ ├── home_account.html
│ ├── login-signup.html
│ ├── notifications.html
│ ├── orders.html
│ └── rewards.html
├── addtokart/
│ ├── checkout.html
│ ├── index.html
│ └── style.css
├── auth/
│ ├── index.html
│ └── styles.css
├── components/
│ ├── footer.html
│ ├── footer_.css
│ └── header.html
├── css/
│ ├── account.css
│ ├── animation.css
│ ├── categories.css
│ ├── contact.css
│ ├── contactus.css
│ ├── darkmode.css
│ ├── feedback.css
│ ├── footer.css
│ ├── header.css
│ ├── homeHeader.css
│ ├── index.css
│ ├── login-signup.css
│ ├── notifications.css
│ ├── orders.css
│ ├── rating.css
│ ├── responsive.css
│ ├── styles.css
│ ├── typography.css
│ └── wishlist.css
├── customersupport/
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── dashboard/
│ ├── sellerdashboard.html
│ ├── styles.css
│ └── userdashboard.html
├── feedback/
│ └── feedback.html
├── footer/
│ └── footer.html
├── gift-cards/
│ ├── index.html
│ └── styles.css
├── header/
│ └── header.html
├── helpcenter.html
├── helpcentre/
│ ├── helpcentre.css
│ └── index.html
├── img/
│ └── download.jfif
├── index.html
├── js/
│ ├── account.js
│ ├── addKartProduct.js
│ ├── categoryData.json
│ ├── categoryjs.js
│ ├── componentsFetch.js
│ ├── contactus.js
│ ├── fetchProductOfIndex.js
│ ├── fkMobileApp.js
│ ├── giftCard.js
│ ├── homeHeader.js
│ ├── index.js
│ ├── ipcwdsOnlyDist.js
│ ├── login-signup.js
│ ├── notification-script.js
│ ├── notifications.js
│ ├── orders.js
│ ├── rewards.js
│ └── topOffers.js
├── login and sign up FlipKart/
│ └── dist/
│ ├── index.html
│ ├── script.js
│ └── style.css
├── manifest.json
├── offerpage/
│ ├── offerpage.css
│ ├── offerpage.js
│ └── offerportal.html
├── package.json
├── pages/
│ ├── Cancellation_and_Returns/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Corporate_Information/
│ │ ├── index.html
│ │ └── style.css
│ ├── EPR/
│ │ ├── index.html
│ │ └── styles.css
│ ├── EPR_Page/
│ │ ├── epr.css
│ │ └── epr.html
│ ├── Grievance Redressal/
│ │ ├── index.html
│ │ └── styles.css
│ ├── Licensing/
│ │ └── Licensing.css
│ ├── Payments/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Privacy/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Security/
│ │ ├── security.css
│ │ └── security.html
│ ├── Security_Page/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Sell_Online/
│ │ ├── script.js
│ │ ├── sell_online.html
│ │ └── style.css
│ ├── Shipping/
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── Sitemap/
│ │ ├── index.html
│ │ └── style.css
│ ├── cancellation & return/
│ │ ├── index.html
│ │ └── styles.css
│ ├── contact_us/
│ │ ├── contact_us.css
│ │ └── contact_us.html
│ ├── content-page.html
│ ├── help center/
│ │ ├── index.html
│ │ └── styles.css
│ ├── privacypolicy/
│ │ ├── index.html
│ │ ├── privacypolicy.js
│ │ └── styles.css
│ ├── return and Cancellation/
│ │ ├── return.css
│ │ └── return.html
│ ├── securityPage/
│ │ ├── index.html
│ │ └── styles.css
│ └── terms/
│ ├── index.html
│ ├── styles.css
│ └── terms.js
├── plus/
│ ├── index.html
│ ├── plus.css
│ ├── plus.js
│ └── products.json
├── sell-online/
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── server_backend/
│ ├── .gitignore
│ ├── db.js
│ ├── index.js
│ ├── models/
│ │ └── User.js
│ ├── package.json
│ └── routes/
│ └── auth.js
├── src/
│ ├── Beauty, Toys & More/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Electronics/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Fashion/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Furniture/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Grocery/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Home & Kitchen/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Mobile Store.html
│ ├── Mobile and Tab Store.html
│ ├── Mobiles & Tablets/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Mobiles & Tablets - Copy/
│ │ └── index.html
│ ├── TVs & Appliances/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── Top Offers/
│ │ ├── footer_.css
│ │ └── index.html
│ ├── Travel/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ ├── travel-script.js
│ │ └── travel-style.css
│ ├── Two Wheelers/
│ │ ├── footer_.css
│ │ ├── index.html
│ │ └── thisComponet.js
│ ├── demo.css
│ └── demo.html
├── the-gift-card-store/
│ ├── giftcard.css
│ └── index.html
├── top-offer.css
├── top-offers.html
└── viewcart/
├── cart.css
├── index.html
└── viewcart.js
SYMBOL INDEX (68 symbols across 21 files)
FILE: js/categoryjs.js
function createCategoryItem (line 4) | function createCategoryItem(categoryData) {
function createSubcategoryItem (line 88) | function createSubcategoryItem(subcategoryData) {
FILE: js/contactus.js
function handleSubmit (line 6) | function handleSubmit() {
FILE: js/fetchProductOfIndex.js
function createProductCard (line 4) | function createProductCard(product) {
function rendom_products (line 33) | function rendom_products(products) {
function best_deal_products (line 44) | function best_deal_products(products) {
function loadMoreBestDealProducts (line 50) | function loadMoreBestDealProducts() {
function toggleViewMoreBestDealButton (line 58) | function toggleViewMoreBestDealButton() {
function top_selection_products (line 75) | function top_selection_products(products) {
function loadMoreTopSelectionProducts (line 81) | function loadMoreTopSelectionProducts() {
function toggleViewMoreTopSelectionButton (line 89) | function toggleViewMoreTopSelectionButton() {
function mobileUnder15000 (line 105) | function mobileUnder15000(products) {
function loadMoreMobileUnder15000Products (line 111) | function loadMoreMobileUnder15000Products() {
function toggleViewMoreMobileUnder15000Button (line 119) | function toggleViewMoreMobileUnder15000Button() {
function s2_products (line 133) | function s2_products(products) {
function shopUnder500 (line 144) | function shopUnder500(products) {
function loadMoreShopUnder500Products (line 150) | function loadMoreShopUnder500Products() {
function toggleViewMoreShopUnder500Button (line 158) | function toggleViewMoreShopUnder500Button() {
function bestOfEelecronics_products (line 172) | function bestOfEelecronics_products(products) {
function seletcYourChoice_products (line 183) | function seletcYourChoice_products(products) {
function loadMoreProducts (line 189) | function loadMoreProducts() {
function toggleViewMoreButton (line 197) | function toggleViewMoreButton() {
function shopUnder500 (line 208) | function shopUnder500(products) {
function bestOfEelecronics_products (line 213) | function bestOfEelecronics_products(products) {
function fetchAndShuffleData (line 219) | function fetchAndShuffleData(url, callback, numberOfProducts) {
function fetchAndShuffleDataMobile15000 (line 240) | function fetchAndShuffleDataMobile15000(url, callback, numberOfProducts) {
function bestOfEelecronics (line 263) | function bestOfEelecronics(url, callback, numberOfProducts) {
function fetchAndShuffleDataUnder (line 286) | function fetchAndShuffleDataUnder(url, callback, numberOfProducts) {
FILE: js/homeHeader.js
function toggleDropdownMenu (line 1) | function toggleDropdownMenu(event) {
FILE: js/index.js
function checkButtonVisibility (line 26) | function checkButtonVisibility() {
FILE: js/login-signup.js
function fetchValue_h (line 110) | function fetchValue_h() {
FILE: offerpage/offerpage.js
function updateCountdown (line 36) | function updateCountdown() {
function pad (line 53) | function pad(number) {
FILE: pages/Sell_Online/script.js
function navigateToSection (line 102) | function navigateToSection(id){
FILE: sell-online/script.js
function updateFormSteps (line 35) | function updateFormSteps() {
function validateFormStep (line 41) | function validateFormStep(index) {
FILE: server_backend/index.js
constant PORT (line 27) | const PORT = process.env.PORT || 5000;
FILE: src/Beauty, Toys & More/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Electronics/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Fashion/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Furniture/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Grocery/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Home & Kitchen/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Mobiles & Tablets/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/TVs & Appliances/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: src/Travel/travel-script.js
function fetchValue_h (line 240) | function fetchValue_h() {
FILE: src/Two Wheelers/thisComponet.js
function createelectronicsProductCard (line 24) | function createelectronicsProductCard(product) {
function electronicsFetch (line 53) | function electronicsFetch(g) {
FILE: viewcart/viewcart.js
function saveToLocalStorage (line 14) | function saveToLocalStorage(key, newData) {
function getFromLocalStorage (line 29) | function getFromLocalStorage(key) {
function getQueryParameter (line 35) | function getQueryParameter(name) {
function searchFetch (line 41) | function searchFetch(products) {
function fetchCartData (line 61) | function fetchCartData(item, index) { // Added index parameter to the fu...
function increaseQuantity (line 115) | function increaseQuantity(index) { // Added function to handle increasin...
function decreaseQuantity (line 121) | function decreaseQuantity(index) { // Added function to handle decreasin...
function confirmRemoveItem (line 133) | function confirmRemoveItem(name) {
function removeItem (line 141) | function removeItem(name) {
function showPopup (line 154) | function showPopup(message) {
function updateCartDisplay (line 168) | function updateCartDisplay(filteredProducts) {
function updatePriceDetail (line 182) | function updatePriceDetail(products) {
Condensed preview — 202 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (2,306K chars).
[
{
"path": ".github/ISSUE_TEMPLATE/bug.yml",
"chars": 2462,
"preview": "name: \"🐞 Bug Report\"\ndescription: \"Create a report to help us improve\"\ntitle: \"BUG:\"\nlabels: [\"Bug\"]\nbody:\n - type: che"
},
{
"path": ".github/ISSUE_TEMPLATE/documentation.yml",
"chars": 933,
"preview": "name: \"📑 Documentation Update\"\ndescription: \"Improve Documentation\"\ntitle: \"DOC:\"\nlabels: [\"DOC\", \"Needs Triage\"]\nbody:\n"
},
{
"path": ".github/ISSUE_TEMPLATE/feature.yml",
"chars": 1215,
"preview": "name: \"✨ Feature Request\"\ndescription: \"Suggest an idea for this project\"\ntitle: \"Feat:\"\nlabels: [\"Feat\", \"Needs Triage\""
},
{
"path": ".github/pull_request_template.md",
"chars": 960,
"preview": "## Related Issue\n[Cite any related issue(s) this pull request addresses. If none, simply state \"None”]\n\n## Description\n["
},
{
"path": ".github/workflows/auto-comment-pr-merge.yml",
"chars": 738,
"preview": "name: Auto Comment on PR Merge\n\non:\n pull_request:\n types: [closed]\n\njobs:\n comment:\n if: github.event.pull_requ"
},
{
"path": ".github/workflows/greetings.yml",
"chars": 947,
"preview": "name: 'Greetings'\n\non:\n issues:\n types: [opened]\n pull_request_target:\n types: [opened]\npermissions:\n issues: w"
},
{
"path": ".github/workflows/pr-comment.yml",
"chars": 507,
"preview": "name: Comment on Pull Request\n\non:\n pull_request:\n types: [opened]\n\njobs:\n comment:\n runs-on: ubuntu-latest\n\n "
},
{
"path": ".gitignore",
"chars": 15,
"preview": "*node_modules/*"
},
{
"path": ".idea/.gitignore",
"chars": 98,
"preview": "# Default ignored files\n/shelf/\n/workspace.xml\n# Editor-based HTTP Client requests\n/httpRequests/\n"
},
{
"path": ".vscode/c_cpp_properties.json",
"chars": 339,
"preview": "{\n \"configurations\": [\n {\n \"name\": \"windows-gcc-x64\",\n \"includePath\": [\n \"${workspaceFolder}/**\"\n "
},
{
"path": ".vscode/settings.json",
"chars": 1489,
"preview": "{\n \"liveServer.settings.port\": 5501,\n \"C_Cpp_Runner.cCompilerPath\": \"gcc\",\n \"C_Cpp_Runner.cppCompilerPath\": \"g++\",\n "
},
{
"path": "404.html",
"chars": 1821,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "CODE_OF_CONDUCT.md",
"chars": 5230,
"preview": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participa"
},
{
"path": "CONTRIBUITING.md",
"chars": 5967,
"preview": "<h1 align=\"center\"> Guide for Contributors </h1>\n<h3 align=\"center\">Welcome to Our Flipkart_Clone project 👋<br> <hr> Tha"
},
{
"path": "FAQ.html",
"chars": 24790,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "LICENSE",
"chars": 1071,
"preview": "MIT License\n\nCopyright (c) 2024 Arghadip Manna\n\nPermission is hereby granted, free of charge, to any person obtaining a "
},
{
"path": "Learn.md",
"chars": 1349,
"preview": "If you would like to contribute code to the project, please follow these steps:\n\n- Step 1: [Fork](https://github.com/DS"
},
{
"path": "Licensing.html",
"chars": 18819,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "README.md",
"chars": 9987,
"preview": "\n<div align=\"center\">\n <h1 style=\"font-size: 36px; font-weight: bold;\">Flipkart_Clone</h1>\n \n</div>\n\n<div align=\"cente"
},
{
"path": "TermsOfUse.html",
"chars": 25993,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "account/contact.html",
"chars": 2977,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "account/feedback.html",
"chars": 5049,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-wi"
},
{
"path": "account/home_account.html",
"chars": 6966,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=devi"
},
{
"path": "account/login-signup.html",
"chars": 4357,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "account/notifications.html",
"chars": 6011,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-wi"
},
{
"path": "account/orders.html",
"chars": 10579,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=devi"
},
{
"path": "account/rewards.html",
"chars": 21214,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=devi"
},
{
"path": "addtokart/checkout.html",
"chars": 11515,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"theme-color\" content=\"#2874F0\">\n <"
},
{
"path": "addtokart/index.html",
"chars": 1495,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=devi"
},
{
"path": "addtokart/style.css",
"chars": 161598,
"preview": " \n.NOs-Bf {\n font-size: 14px;\n color: #2874f0;\n font-weight: 500;\n padding: 16px 0;\n border-bottom: 1px s"
},
{
"path": "auth/index.html",
"chars": 1413,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "auth/styles.css",
"chars": 1086,
"preview": "body {\n font-family: Arial, sans-serif;\n background-color: #f5f5f5;\n display: flex;\n justify-content: center"
},
{
"path": "components/footer.html",
"chars": 9186,
"preview": "<html>\r\n<head>\r\n <link rel=\"stylesheet\" href=\"footer_.css\">\r\n</head>\r\n<div>\r\n <div class=\"_1ZMrY_\">\r\n <div>"
},
{
"path": "components/footer_.css",
"chars": 8549,
"preview": "._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n padding: 40px 60px 0;\r\n -webkit-column"
},
{
"path": "components/header.html",
"chars": 2015,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"theme-color\" content=\"#2874F0\" id=\"theme"
},
{
"path": "css/account.css",
"chars": 1557,
"preview": "\r\n.container {\r\n max-width: 960px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n \r\n .flipkardLoader {\r\n width: 100%;\r\n m"
},
{
"path": "css/animation.css",
"chars": 163,
"preview": "/* animations.css */\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n.fad"
},
{
"path": "css/categories.css",
"chars": 3207,
"preview": ".categorylist-wrapper {\n width: 100%;\n overflow-x:hidden;\n /* z-index: 500; */\n}\n\n.categorylist-wrapper::-webkit-scro"
},
{
"path": "css/contact.css",
"chars": 1050,
"preview": ".contact-header {\n background-color: #007bff;\n color: white;\n padding: 15px 0;\n}\n.contact-header a {\n color:"
},
{
"path": "css/contactus.css",
"chars": 4041,
"preview": "body {\r\n font-family: 'Arial', sans-serif;\r\n background: linear-gradient(180deg, #FDD86C 8.1%, #FF7D1F 100%);\r\n u"
},
{
"path": "css/darkmode.css",
"chars": 1744,
"preview": ".toggledm {\r\n cursor: pointer;\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n "
},
{
"path": "css/feedback.css",
"chars": 1566,
"preview": "#CommentBtn {\n position: fixed;\n bottom: 140px;\n right: 50px;\n width: 40px;\n height: 40px;\n background"
},
{
"path": "css/footer.css",
"chars": 3138,
"preview": "* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n /* border: 1px solid red; */\r\n}\r\n\r\n/* footer */\r\n"
},
{
"path": "css/header.css",
"chars": 1525,
"preview": "* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n#header-bluebg{\r\nfont-size: medium;\r\n}\r\n#header-bluebg"
},
{
"path": "css/homeHeader.css",
"chars": 5012,
"preview": "#homeHeader {\r\n position: sticky;\r\n top: 0;\r\n width: 100%;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n box-sha"
},
{
"path": "css/index.css",
"chars": 13336,
"preview": "@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');\r\n\r\n* {\r\n margin: 0;\r"
},
{
"path": "css/login-signup.css",
"chars": 3240,
"preview": "body {\r\n background: #f1f3f6; \r\n user-select: none; /* Disable text selection in all browsers */\r\n -webk"
},
{
"path": "css/notifications.css",
"chars": 4714,
"preview": "* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody{\n display: flex;\n flex-direction: column;\n "
},
{
"path": "css/orders.css",
"chars": 1519,
"preview": "\n\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n background-color: #333;\n color: #333;"
},
{
"path": "css/rating.css",
"chars": 782,
"preview": "/* rating.css */\n\n/* Style for the rating container */\n.rating-container {\n display: flex;\n align-items: center;\n "
},
{
"path": "css/responsive.css",
"chars": 156,
"preview": "/* responsive.css */\n@media (max-width: 768px) {\n .container {\n padding: 10px;\n }\n \n .nav-menu {\n "
},
{
"path": "css/styles.css",
"chars": 342,
"preview": "\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n /* border: 1px solid red; */\r\n}\r\n\r\nbody {\r\n us"
},
{
"path": "css/typography.css",
"chars": 150,
"preview": "body {\n font-family: 'Helvetica Neue', sans-serif;\n line-height: 1.6;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin: 0 0 "
},
{
"path": "css/wishlist.css",
"chars": 1320,
"preview": "/* wishlist.css */\n\n/* Style for the wishlist container */\n.wishlist-container {\n padding: 20px;\n background-color"
},
{
"path": "customersupport/index.html",
"chars": 5594,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "customersupport/script.js",
"chars": 420,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\n [\n { id: \"footer-addkart\", url: \"../footer/footer.html\" }"
},
{
"path": "customersupport/styles.css",
"chars": 2824,
"preview": "body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.text-center {\n"
},
{
"path": "dashboard/sellerdashboard.html",
"chars": 6950,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-w"
},
{
"path": "dashboard/styles.css",
"chars": 1007,
"preview": "body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n display: flex;\n height: 100vh;\n back"
},
{
"path": "dashboard/userdashboard.html",
"chars": 1790,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "feedback/feedback.html",
"chars": 3939,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "footer/footer.html",
"chars": 14068,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "gift-cards/index.html",
"chars": 8560,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, ini"
},
{
"path": "gift-cards/styles.css",
"chars": 1849,
"preview": "/* General styles */\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n}\n\nh1 {\n font-size: 24"
},
{
"path": "header/header.html",
"chars": 6760,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"theme-color\" content=\"#2874F0\" id=\""
},
{
"path": "helpcenter.html",
"chars": 40897,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "helpcentre/helpcentre.css",
"chars": 741,
"preview": "body {\n font-family: Arial, sans-serif;\n}\n\nheader {\n background: linear-gradient(to right, #ffe97c, #51b4e6bf);\n}\n"
},
{
"path": "helpcentre/index.html",
"chars": 6625,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "index.html",
"chars": 89807,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-w"
},
{
"path": "js/account.js",
"chars": 530,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n const components = [\r\n { id: \"footer-account\", url: \"../foot"
},
{
"path": "js/addKartProduct.js",
"chars": 8480,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\n const elementsToLoad = [\n { id: \"footer-addkart\", url: \"../fo"
},
{
"path": "js/categoryData.json",
"chars": 8774,
"preview": "[\r\n {\r\n \"id\": \"top-offers\",\r\n \"name\": \"Top Offers\",\r\n \"icon\": \"topoffer.webp\",\r\n \"subcate"
},
{
"path": "js/categoryjs.js",
"chars": 5982,
"preview": "document.addEventListener(\"DOMContentLoaded\", function () {\r\n const categoriesList = document.getElementById(\"categor"
},
{
"path": "js/componentsFetch.js",
"chars": 543,
"preview": "\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const components = [\r\n { id: 'footer', url: 'footer/"
},
{
"path": "js/contactus.js",
"chars": 519,
"preview": "document.getElementById(\"contact-form\").reset();\r\nemailjs.init({\r\n publicKey: \"your_api_key\",\r\n});\r\n// Feedback JS\r"
},
{
"path": "js/fetchProductOfIndex.js",
"chars": 13449,
"preview": "\r\n// product fetch\r\n// Function to create a product card\r\nfunction createProductCard(product) {\r\n const discont=(Math"
},
{
"path": "js/fkMobileApp.js",
"chars": 540,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n const components = [\r\n { id: \"footer-fkMobileApp\", url: \"../"
},
{
"path": "js/giftCard.js",
"chars": 1043,
"preview": "document.addEventListener(\"DOMContentLoaded\", function () {\r\n const amountSelect = document.getElementById(\"amount\");\r\n"
},
{
"path": "js/homeHeader.js",
"chars": 1566,
"preview": "function toggleDropdownMenu(event) {\r\n const dropdownMenu = event.currentTarget.querySelector(\r\n \".homeHeader .dropd"
},
{
"path": "js/index.js",
"chars": 2334,
"preview": "// footer and content page load \r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n const components = [\r\n // "
},
{
"path": "js/ipcwdsOnlyDist.js",
"chars": 355516,
"preview": "const ipcwds={515004:\"ANANTHAPUR\",515731:\"ANANTHAPUR\",515002:\"ANANTHAPUR\",515766:\"ANANTHAPUR\",515415:\"ANANTHAPUR\",515822"
},
{
"path": "js/login-signup.js",
"chars": 3934,
"preview": "// code added for otp:\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const requestOtpButton = document.get"
},
{
"path": "js/notification-script.js",
"chars": 601,
"preview": "// for footer\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const components = [\r\n { id: 'footer-"
},
{
"path": "js/notifications.js",
"chars": 542,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\n const components = [\n { id: \"footer-orders\", url: \"../foo"
},
{
"path": "js/orders.js",
"chars": 528,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n const components = [\r\n { id: \"footer-orders\", url: \"../foote"
},
{
"path": "js/rewards.js",
"chars": 557,
"preview": "document.addEventListener('DOMContentLoaded', () => {\r\n const components = [\r\n { id: 'footer-rewards', url: '."
},
{
"path": "js/topOffers.js",
"chars": 554,
"preview": "\n// footer and content page load \ndocument.addEventListener(\"DOMContentLoaded\", () => {\n const components = [\n // { "
},
{
"path": "login and sign up FlipKart/dist/index.html",
"chars": 2391,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Flipkart</title>\n <link rel='stylesheet' href"
},
{
"path": "login and sign up FlipKart/dist/script.js",
"chars": 370,
"preview": "const signUpButton = document.getElementById('signUp');\nconst signInButton = document.getElementById('signIn');\nconst co"
},
{
"path": "login and sign up FlipKart/dist/style.css",
"chars": 4026,
"preview": "@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');\n\n* {\n\tbox-sizing: border-box;\n}\n\nbody {\n\tback"
},
{
"path": "manifest.json",
"chars": 460,
"preview": "{\n \"background_color\": \"#ffffff\",\n \"dir\": \"ltr\",\n \"display\": \"standalone\",\n \"name\": \"Flipkart Clone\",\n \"o"
},
{
"path": "offerpage/offerpage.css",
"chars": 2512,
"preview": ".promo-wrapper {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 20px;\n }\n \n "
},
{
"path": "offerpage/offerpage.js",
"chars": 2146,
"preview": "document.addEventListener(\"DOMContentLoaded\", function() {\n fetch('../footer/footer.html')\n .then(response => "
},
{
"path": "offerpage/offerportal.html",
"chars": 10194,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "package.json",
"chars": 615,
"preview": "{\n \"name\": \"flipkart_clone\",\n \"version\": \"1.0.0\",\n \"description\": \"Flipkart Clone\",\n \"main\": \"index.js\",\n \"scripts\""
},
{
"path": "pages/Cancellation_and_Returns/index.html",
"chars": 19832,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Cancellation_and_Returns/script.js",
"chars": 202,
"preview": "// to apply styling to the first paragraph that is immediately followed by a ul element\n\ndocument.querySelectorAll('p + "
},
{
"path": "pages/Cancellation_and_Returns/style.css",
"chars": 2755,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/Corporate_Information/index.html",
"chars": 1946,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Corporate_Information/style.css",
"chars": 2473,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/EPR/index.html",
"chars": 8990,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "pages/EPR/styles.css",
"chars": 909,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/EPR_Page/epr.css",
"chars": 553,
"preview": "body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 0;\n}\n\n.container {"
},
{
"path": "pages/EPR_Page/epr.html",
"chars": 20382,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Grievance Redressal/index.html",
"chars": 4667,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "pages/Grievance Redressal/styles.css",
"chars": 909,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/Licensing/Licensing.css",
"chars": 1161,
"preview": "/* Basic reset and styling */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Arial', '"
},
{
"path": "pages/Payments/index.html",
"chars": 18754,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Payments/script.js",
"chars": 202,
"preview": "// to apply styling to the first paragraph that is immediately followed by a ul element\n\ndocument.querySelectorAll('p + "
},
{
"path": "pages/Payments/style.css",
"chars": 2626,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/Privacy/index.html",
"chars": 22878,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Privacy/script.js",
"chars": 202,
"preview": "// to apply styling to the first paragraph that is immediately followed by a ul element\n\ndocument.querySelectorAll('p + "
},
{
"path": "pages/Privacy/style.css",
"chars": 2510,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/Security/security.css",
"chars": 588,
"preview": "body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 0;\n}\n\n.container {"
},
{
"path": "pages/Security/security.html",
"chars": 10009,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Security_Page/index.html",
"chars": 3408,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Security_Page/script.js",
"chars": 202,
"preview": "// to apply styling to the first paragraph that is immediately followed by a ul element\n\ndocument.querySelectorAll('p + "
},
{
"path": "pages/Security_Page/style.css",
"chars": 2510,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/Sell_Online/script.js",
"chars": 3417,
"preview": "const sidebar = document.querySelector('.sidebar');\nconst body = document.querySelector('body');\n\nconst showSidebar = ()"
},
{
"path": "pages/Sell_Online/sell_online.html",
"chars": 15902,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Sell_Online/style.css",
"chars": 11334,
"preview": "*\n{\n margin: 0;\n padding: 0;\n}\nhtml\n{\n overflow-x: hidden;\n}\nbody\n{\n font-family: Helvetica Neue, Helvetica,"
},
{
"path": "pages/Shipping/index.html",
"chars": 9293,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Shipping/script.js",
"chars": 202,
"preview": "// to apply styling to the first paragraph that is immediately followed by a ul element\n\ndocument.querySelectorAll('p + "
},
{
"path": "pages/Shipping/style.css",
"chars": 2510,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/Sitemap/index.html",
"chars": 325274,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/Sitemap/style.css",
"chars": 2302,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "pages/cancellation & return/index.html",
"chars": 4132,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "pages/cancellation & return/styles.css",
"chars": 564,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/contact_us/contact_us.css",
"chars": 3056,
"preview": "/* Google Font CDN Link */\n@import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&di"
},
{
"path": "pages/contact_us/contact_us.html",
"chars": 11056,
"preview": "<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n <head>\n <meta charset=\"UTF-8\" />\n <title>Responsive Contact Us Form |"
},
{
"path": "pages/content-page.html",
"chars": 6977,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, ini"
},
{
"path": "pages/help center/index.html",
"chars": 6495,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/help center/styles.css",
"chars": 910,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/privacypolicy/index.html",
"chars": 11980,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-w"
},
{
"path": "pages/privacypolicy/privacypolicy.js",
"chars": 21119,
"preview": "var privacypolicy=`\r\n<pre>\r\n PRIVACY POLICY\r\n\r\n We value the trust you place in us and recognize the importance of"
},
{
"path": "pages/privacypolicy/styles.css",
"chars": 907,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/return and Cancellation/return.css",
"chars": 802,
"preview": "body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 23px;\n padding: 23px;\n}\n\n.conta"
},
{
"path": "pages/return and Cancellation/return.html",
"chars": 15174,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/securityPage/index.html",
"chars": 2189,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "pages/securityPage/styles.css",
"chars": 593,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/terms/index.html",
"chars": 8999,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-w"
},
{
"path": "pages/terms/styles.css",
"chars": 902,
"preview": "body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f"
},
{
"path": "pages/terms/terms.js",
"chars": 110182,
"preview": "let terms=\r\n`\r\n<pre>\r\nFlipkart Terms of Use\r\n\r\nThis document is an electronic record in terms of Information Technology "
},
{
"path": "plus/index.html",
"chars": 6313,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "plus/plus.css",
"chars": 0,
"preview": ""
},
{
"path": "plus/plus.js",
"chars": 5198,
"preview": "let btmText = `\r\n<p class=\"hdg\">Get Flipkart Plus Membership Online and Enjoy Benefits for the Plus Life </p>\r\n <p cl"
},
{
"path": "plus/products.json",
"chars": 2744,
"preview": "[\n {\n \"name\": \"Moto G\",\n \"price\": \"₹9999\",\n \"image\": \"../img/phone-6.webp\",\n \"category\": "
},
{
"path": "sell-online/index.html",
"chars": 12374,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "sell-online/script.js",
"chars": 1584,
"preview": "document.addEventListener('DOMContentLoaded', function () {\n const form = document.getElementById('sellForm');\n co"
},
{
"path": "sell-online/styles.css",
"chars": 1559,
"preview": "body {\n font-family: Arial, sans-serif;\n}\n\n.sell-online-form {\n background-color: #ffffff;\n border-radius: 8px;"
},
{
"path": "server_backend/.gitignore",
"chars": 203,
"preview": "# npm\nnode_modules\npackage-lock.json\n*.log\n*.gz\n\n# Coveralls\n.nyc_output\ncoverage\n\n# Benchmarking\nbenchmarks/graphs\n\n# i"
},
{
"path": "server_backend/db.js",
"chars": 455,
"preview": "const mongoose = require('mongoose');\nconst dotenv = require('dotenv');\n\ndotenv.config();\n\nconst connectDB = async () =>"
},
{
"path": "server_backend/index.js",
"chars": 580,
"preview": "const express = require('express');\nconst connectDB = require('./db');\nconst authRoutes = require('./routes/auth');\ncons"
},
{
"path": "server_backend/models/User.js",
"chars": 302,
"preview": "const mongoose = require('mongoose');\n\nconst UserSchema = new mongoose.Schema({\n email: {\n type: String,\n require"
},
{
"path": "server_backend/package.json",
"chars": 555,
"preview": "{\n \"name\": \"server_backend\",\n \"version\": \"1.0.0\",\n \"main\": \"index.js\",\n \"scripts\": {\n \"test\": \"echo \\\"Error: no t"
},
{
"path": "server_backend/routes/auth.js",
"chars": 3069,
"preview": "const express = require('express');\nconst router = express.Router();\nconst bcrypt = require('bcryptjs');\nconst jwt = req"
},
{
"path": "src/Beauty, Toys & More/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Beauty, Toys & More/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Beauty, Toys & More/thisComponet.js",
"chars": 3309,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Electronics/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Electronics/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Electronics/thisComponet.js",
"chars": 3313,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Fashion/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Fashion/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Fashion/thisComponet.js",
"chars": 3310,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Furniture/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Furniture/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Furniture/thisComponet.js",
"chars": 3312,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Grocery/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Grocery/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Grocery/thisComponet.js",
"chars": 3310,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Home & Kitchen/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Home & Kitchen/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Home & Kitchen/thisComponet.js",
"chars": 3307,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Mobile Store.html",
"chars": 3843,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "src/Mobile and Tab Store.html",
"chars": 3843,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "src/Mobiles & Tablets/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Mobiles & Tablets/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Mobiles & Tablets/thisComponet.js",
"chars": 3309,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Mobiles & Tablets - Copy/index.html",
"chars": 990,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/TVs & Appliances/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/TVs & Appliances/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/TVs & Appliances/thisComponet.js",
"chars": 3313,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/Top Offers/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Top Offers/index.html",
"chars": 2999,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"theme-color\" content=\"#2874F0\" id=\"th"
},
{
"path": "src/Travel/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Travel/index.html",
"chars": 8100,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"theme-color\" content=\"#2874F0\" id=\"themeCo"
},
{
"path": "src/Travel/travel-script.js",
"chars": 20652,
"preview": "// for footer\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/"
},
{
"path": "src/Travel/travel-style.css",
"chars": 1048,
"preview": "* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n /* border: 1px solid red; */\r\n}\r\n\r\n.bookTripForm "
},
{
"path": "src/Two Wheelers/footer_.css",
"chars": 8589,
"preview": "*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n._1ZMrY_ {\r\n display: grid;\r\n grid-template-columns: repeat(6,1fr);\r\n p"
},
{
"path": "src/Two Wheelers/index.html",
"chars": 695,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device"
},
{
"path": "src/Two Wheelers/thisComponet.js",
"chars": 3315,
"preview": "document.addEventListener(\"DOMContentLoaded\", () => {\r\n [\r\n { id: \"footer\", url: \"../../components/footer.html"
},
{
"path": "src/demo.css",
"chars": 155746,
"preview": " * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */:roo"
},
{
"path": "src/demo.html",
"chars": 3846,
"preview": "\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "the-gift-card-store/giftcard.css",
"chars": 2172,
"preview": "/* styles.css */\nbody {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 0;\n disp"
},
{
"path": "the-gift-card-store/index.html",
"chars": 5683,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "top-offer.css",
"chars": 709,
"preview": ".hero{\n background-image: url(img/heo-top-offers.png);\n width: 100vw;\n height: 100vh;\n background-size: cove"
},
{
"path": "top-offers.html",
"chars": 29445,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "viewcart/cart.css",
"chars": 3244,
"preview": "* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n font-w"
},
{
"path": "viewcart/index.html",
"chars": 7375,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-wi"
}
]
// ... and 2 more files (download for full content)
About this extraction
This page contains the full source code of the arghadipmanna101/Flipkart_Clone GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 202 files (2.1 MB), approximately 548.2k tokens, and a symbol index with 68 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.