Merge branch 'main' into main

arghadipmanna101 · Jul 16, 2024 · ea7e337 · ea7e337
2 parents f163e25 + 635a48e
commit ea7e337
Show file tree

Hide file tree

Showing 81 changed files with 15,007 additions and 1,546 deletions.
diff --git a/.github/workflows/greetings.yml b/.github/workflows/greetings.yml
@@ -19,3 +19,4 @@ jobs:
 
           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 }}
diff --git a/.vscode/launch.json b/.vscode/launch.json
diff --git a/404.html b/404.html
@@ -72,9 +72,9 @@
         <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="img/flipkarterror.png" alt="404 pic" class="pic">
+        <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="index.html">GOTO THE HOMEPAGE</a></button>
+        <button class="btn"><a href="https://flipkart-clone-seven-azure.vercel.app/index.html">GOTO THE HOMEPAGE</a></button>
     </div>
 </body>
 

diff --git a/README.md b/README.md
@@ -115,8 +115,15 @@
    ```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
+
 
-6. **Make changes:** Deployment failed with the following error:
+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").
 ```

diff --git a/Top Offers-/index.html b/Top Offers-/index.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="theme-color" content="#2874F0" id="themeColor">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/x-icon" href="../img/flipkart_favicon.ico">
+  <title>Flipkart | Top Offers</title>
+  <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">
+</head>
+
+<body>
+  <header id="header-TO"></header>
+  <div class="containter-fluid bg-white">
+    <div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb; background: #196dd0;">
+      <h1 class="text-white">Top Offers</h1>
+    </div>
+    <div class="container-fluid">
+      <img src="../Top Offers-/xyz1.jpg" alt="" class="img-fluid" width="100%">
+      <img src="../Top Offers-/xyz2.jpg" alt="" class="img-fluid" width="100%">
+      <img src="../Top Offers-/xyz3.jpg" alt="" class="img-fluid" width="100%">
+      <img src="../Top Offers-/xyz4.jpg" alt="" class="img-fluid" width="100%">
+      <img src="../img/fashion-.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../img/electronics.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../img/home.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../img/ferniture1.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../img/smartPhone.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../img/grooming.webp" alt="fashion" class="img-fluid" width="100%">
+    </div>
+  </div>
+  <footer id="footer-TO" style="background-color: #292d33;"> </footer>
+  <!-- javaScript -->
+  <script src="../js/bootstrap.bundle.min.js"></script>
+  <script>
+// for header and footer
+document.addEventListener('DOMContentLoaded', () => {
+    const components = [
+        { id: 'footer-TO', url: '../footer/footer.html' },
+        { id: 'header-TO', url: '../header/header.html' },
+    ];
+
+    components.forEach(component => {
+        fetch(component.url)
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById(component.id).innerHTML = data;
+            })
+            .catch(error => console.error(`Error loading ${component.url}:`, error));
+    });
+});
+
+// header search bar search function 
+setTimeout(() => {  
+  const inputField_h = document.getElementById('inputField_h');
+  const fetchButton_h = document.getElementById('fetchButton_h');
+
+  function fetchValue_h() {
+      const value = inputField_h.value;
+      window.location.href = `../search/?query=${value}`;
+  }
+
+  fetchButton_h.addEventListener('click', fetchValue_h);
+
+  inputField_h.addEventListener('keydown', (event) => {
+      if (event.key === 'Enter') {
+          fetchValue_h();
+      }
+  });
+
+
+}, 500);
+
+//end 
+
+  </script>
+</body>
+
+</html>
diff --git a/Top Offers-/xyz1.jpg b/Top Offers-/xyz1.jpg
diff --git a/Top Offers-/xyz2.jpg b/Top Offers-/xyz2.jpg
diff --git a/Top Offers-/xyz3.jpg b/Top Offers-/xyz3.jpg
diff --git a/Top Offers-/xyz4.jpg b/Top Offers-/xyz4.jpg
diff --git a/account/feedback.html b/account/feedback.html
@@ -0,0 +1,81 @@
+<!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>
diff --git a/account/login-signup.html b/account/login-signup.html
@@ -3,6 +3,7 @@
 
 <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#2874F0" id="themeColor" />
     <title>
@@ -23,19 +24,20 @@
 <div id="divA">
     <div class="signupin">
         <div class="leftpanal">
-            <h4>Login</h4>
-            <p>Get access to your Orders, Wishlist and Recommendations</p>
+            <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" value="" required="" />
-                    <label class="Gq-80aa label" id="inputsin"><span>Enter Email/Mobile number</span></label>
-                    <div class="underlineii"></div>
+                    <input autocomplete="off" id="inputsin" type="text" class="r4vIwl BV+Dqf input-field" placeholder=" Enter Email/Mobile number" value="" 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
+                     and
                     <a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
                 </div>
                 <div class="LSOAQH mt-2">

diff --git a/account/notifications.html b/account/notifications.html
@@ -0,0 +1,108 @@
+<!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 &amp; 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="">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>