diff --git a/FlipCart-Clone/README.md b/FlipCart-Clone/README.md
new file mode 100644
index 0000000..0aef7e9
--- /dev/null
+++ b/FlipCart-Clone/README.md
@@ -0,0 +1,58 @@
+# Flipkart Clone 
+
+Welcome to the Flipkart project! This is a simple Online Shopping website which becomes in use now-a-days.
+
+## Table of Contents
+- [Project Overview](#projectOverview)
+- [Features](#features)
+- [Screenshots](#demo)
+- [Getting Started](#getting-started)
+- [Project Structure](#project-Structure)
+
+## Project Overview
+In this project, I aim to replicate the basic structure and design of the Flipkart website using HTML for the content and CSS for styling. Please note that this clone is for educational purposes and does not have the full functionality of the actual Flipkart website.
+## Features
+
+- Homepage clone with product listings
+- Product detail pages
+- Basic styling to match Flipkart's design
+- Responsive design for different screen sizes
+- Scrollable Banner Images provides at top of body...
+
+## Screenshots
+- Mobile Flexibility
+
+![Alt text](image-1.png)
+- iPad Flexibility
+
+![Alt text](image-2.png)
+- FullScreen Flexibility
+
+![Alt text](image-3.png)
+
+## Getting Started
+
+Follow these instructions to get a copy of the project up and running on your local machine.
+
+1. **Clone the repository**
+
+   ```bash
+   git clone https://github.com/vaishnavi-3969/Web-Componentify.git
+   ```
+
+2. **Open index.html in your preferred browser**
+
+   Simply open the `index.html` file in your web browser.
+
+## Project-Structure
+
+flipkart-clone/
+- ── index.html
+- ── css/
+   ├── style.css
+   └── (other CSS files)
+- ── (image assets)
+- ── README.md
+
+
+
diff --git a/FlipCart-Clone/arrow1.png b/FlipCart-Clone/arrow1.png
new file mode 100644
index 0000000..99b1da1
Binary files /dev/null and b/FlipCart-Clone/arrow1.png differ
diff --git a/FlipCart-Clone/arrows.webp b/FlipCart-Clone/arrows.webp
new file mode 100644
index 0000000..a641a05
Binary files /dev/null and b/FlipCart-Clone/arrows.webp differ
diff --git a/FlipCart-Clone/button.png b/FlipCart-Clone/button.png
new file mode 100644
index 0000000..056c49e
Binary files /dev/null and b/FlipCart-Clone/button.png differ
diff --git a/FlipCart-Clone/button2.jpg b/FlipCart-Clone/button2.jpg
new file mode 100644
index 0000000..aa5e6b5
Binary files /dev/null and b/FlipCart-Clone/button2.jpg differ
diff --git a/FlipCart-Clone/css/responsive.css b/FlipCart-Clone/css/responsive.css
new file mode 100644
index 0000000..27b8791
--- /dev/null
+++ b/FlipCart-Clone/css/responsive.css
@@ -0,0 +1,191 @@
+@media screen and (max-width:1000px) {
+    nav {
+       flex-direction: column;
+    }
+ 
+    header {
+       height: 15vh;
+       width: 100%;
+ 
+    }
+ 
+    .logo {
+       justify-content: center;
+       margin-top: 10px;
+    }
+ 
+    nav ul {
+       justify-content: center;
+       height: 46px;
+    }
+ 
+    .search {
+       justify-content: center;
+       /* align-items: center;
+         width: 209px; */
+       margin: 0px 14vw;
+       border-radius: 5px;
+    }
+ 
+    #btn8 {
+       margin: 0px 5px 0px 3px;
+    }
+ 
+    .slidder {
+       height: 20vh;
+    }
+ 
+    .cardbtn p {
+       font-size: 1rem;
+       margin: 2px;
+    }
+ 
+    .cardbtn button {
+       margin-left: 10px;
+       font-size: 0.5rem;
+       width: 10vw;
+       height: 3vh;
+ 
+    }
+ 
+    .image1 {
+       width: 17vw;
+       height: 10vh;
+       float: left;
+       /* margin: 0px 40px; */
+ 
+    }
+ 
+    .con1 {
+       height: 20vh;
+       margin: 20px;
+    }
+ 
+    .con2 {
+       margin: 20px;
+    }
+ 
+    .con3 {
+       margin: 20px;
+    }
+ 
+    .con4 {
+       margin: 20px;
+    }
+ 
+    .con5 {
+       margin: 20px;
+    }
+ 
+    .con6 {
+       margin: 20px;
+    }
+ 
+    .image2 {
+       width: 17vw;
+       height: 10vh;
+       float: left;
+       /* margin: 0px 40px; */
+ 
+    }
+ 
+    .image3 {
+       width: 17vw;
+       height: 10vh;
+       float: left;
+       /* margin: 0px 40px; */
+ 
+    }
+ 
+    .image4 {
+       width: 17vw;
+       height: 10vh;
+       float: left;
+       /* margin: 0px 40px; */
+ 
+    }
+ 
+    .image5 {
+       width: 17vw;
+       height: 10vh;
+       float: left;
+       /* margin: 0px 40px; */
+ 
+    }
+ 
+    .image6 {
+       width: 17vw;
+       height: 10vh;
+       float: left;
+       /* margin: 0px 40px; */
+    }
+ 
+    .card {
+       height: 25vh;
+    }
+ 
+    #btn1 {
+       width: 40px;
+       height: 8vh;
+       margin-top: 30px;
+       margin-left: 23px;
+    }
+ 
+    #ibtn {
+       width: 4vw;
+       margin: 2px;
+    }
+ 
+    .images::after {
+       display: table;
+       clear: both;
+    }
+ 
+    #w1 {
+       font-size: 0.8rem;
+    }
+ 
+    #w2 {
+       font-size: 0.8rem;
+    }
+ 
+    #w3 {
+       font-size: 0.8rem;
+    }
+ 
+    #w4 {
+       font-size: 0.8rem;
+    }
+ 
+    #w5 {
+       font-size: 0.8rem;
+    }
+ 
+    #w6 {
+       font-size: 0.8rem;
+    }
+ 
+    #w7 {
+       font-size: 0.7rem;
+    }
+ 
+    #w8 {
+       font-size: 0.7rem;
+    }
+ 
+    #w9 {
+       font-size: 0.7rem;
+    }
+ 
+    #w10 {
+       font-size: 0.7rem;
+    }
+ 
+    #w11 {
+       font-size: 0.7rem;
+    }
+ 
+    #w12 {
+       font-size: 0.7rem;
+    }
+ }
\ No newline at end of file
diff --git a/FlipCart-Clone/css/style.css b/FlipCart-Clone/css/style.css
new file mode 100644
index 0000000..f5eafd3
--- /dev/null
+++ b/FlipCart-Clone/css/style.css
@@ -0,0 +1,379 @@
+@import url('https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@700&family=Cinzel:wght@900&family=Roboto+Mono:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@700&family=Cinzel:wght@900&family=Lato:wght@700&family=Open+Sans:wght@500;600&family=Roboto+Mono:wght@300&display=swap');
+
+:root {
+    --main-bg-color: #2874f0;
+    /* rgb(109, 163, 244) */
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+
+
+header {
+    background-color: var(--main-bg-color);
+    height: 10vh;
+    width: 100vw;
+
+}
+
+nav {
+    display: flex;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+}
+
+img {
+    width: 70px;
+    margin: 0px 20px;
+}
+
+nav ul {
+    height: 60px;
+    display: flex;
+    justify-content: flex;
+    align-items: center;
+}
+
+nav ul li {
+
+    list-style-type: none;
+}
+
+nav ul li a {
+    margin: 10px;
+    padding: 10px;
+    color: white;
+    text-decoration: none;
+    font-family: 'Roboto Mono', monospace;
+
+}
+
+nav ul li a:hover {
+    /* color: #89abe1; */
+    font-weight: bolder;
+    /* font-style: bold; */
+}
+
+.search {
+    display: flex;
+}
+/* 
+.container {
+    height: calc(100vh - 60px - 15vh);
+    background-color:rgb(211, 211, 214)
+} */
+
+.search {
+    display: flex;
+    align-items: center;
+}
+
+.search input {
+    height: 30px;
+    width: 500px;
+    margin: 0px 0px 0px 30px;
+    border-radius: 2px;
+}
+
+.search img {
+    height: 35px;
+    width: 30px;
+    margin: 3px;
+    border-radius: 5px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+}
+
+@keyframes slide1 {
+    0% {
+        transform: translate(-1000px);
+    }
+
+    100% {
+        transform: translate(1600px);
+    }
+}
+
+@keyframes slide2 {
+    0% {
+        transform: translate(-1000px);
+    }
+
+    100% {
+        transform: translate(1500px);
+    }
+}
+
+@keyframes slide3 {
+    0% {
+        transform: translate(-500px);
+    }
+
+    100% {
+        transform: translate(1800px);
+    }
+}
+
+.slidder {
+    background-color: white;
+    height: 50%;
+    margin: auto;
+    overflow: hidden;
+    display: flex;
+    justify-content: center;
+
+}
+
+.img1 {
+    height: 200px;
+    width: 500px;
+    margin: 10px;
+    transform: translate(-1000px);
+    animation: slide1 10s infinite forwards;
+}
+
+.img2 {
+    height: 200px;
+    width: 500px;
+    margin: 10px;
+    transform: translate(-1000px);
+    animation: slide1 10s 5s infinite forwards;
+}
+
+.img3 {
+    height: 200px;
+    width: 500px;
+    margin: 10px;
+    transform: translate(-500px);
+    animation: slide1 10s infinite forwards;
+}
+
+.card {
+    width: 35vw;
+    height: 300px;
+    background-color: white;
+    margin: 0px 20px;   
+    display: flex;
+}
+
+.card p {
+    margin-left: 30px;
+    font-size:  30px;  
+    font-family: 'Open Sans', sans-serif;
+}
+.card button{
+    margin: 30px 40px;
+    width: 90px;
+    height: 40px;
+    background-color: #2874f0;
+    color: white;
+    font-size:  15px;
+    font-family: 'Open Sans', sans-serif;
+    border-radius: 4px;
+
+}
+ button :hover{
+    font-weight: bolder;
+}
+.images{
+    display: inline-flex;
+}
+.image1{
+  width:  150px;
+  height: 150px;
+  margin: 5px;
+}
+.image2{
+  
+  width:  150px;
+  height: 150px;
+  margin: 5px;
+  }
+  .image3{
+    width:  150px;
+  height: 150px;
+  margin: 5px;
+  }
+  .image4{
+    width:  150px;
+    height: 150px;
+    margin: 5px;
+  }
+  .image5{
+    width:  150px;
+  height: 150px;
+  margin: 5px;
+  }
+  .image6{
+    width:  150px;
+  height: 150px;
+  margin: 5px;
+  }
+  .classes{
+    display: flex;
+  }
+  .con1{
+    height: 25vh;
+    margin: 5px;
+    /* background-color: brown; */
+    width: 13vw;
+  }
+  .con2{
+    height: 25vh;
+    margin: 5px;
+    /* background-color: pink; */
+    width: 13vw;
+  }
+  .con3{
+    height: 25vh;
+    margin: 5px;
+    /* background-color: brown; */
+    width: 13vw;
+  }
+  .con4{
+    height: 25vh;
+    margin: 5px;
+    /* background-color: violet; */
+    width: 13vw;
+  }
+  .con5{
+    height: 25vh;
+    margin: 5px;
+    /* background-color: pink; */
+    width: 13vw;
+  }
+  .con6{
+    height: 25vh;
+    margin: 5px;
+    /* background-color: brown; */
+    width: 13vw;
+  }
+   #w1{
+    margin-left: 4vw;
+    
+  }
+  #w2{
+    margin-left: 2vw;
+  }
+  #w3{
+    margin-left: 4vw;
+  }
+  #w4{
+    margin-left: 4vw;
+   
+  }
+  #w5{
+    margin-left: 3vw;
+  }
+ #w6{
+    margin-left: 4vw;
+  }
+  #w12{
+    margin-left: 3vw;
+    font-size: 1rem;
+    margin-top: 10px;
+    color: green
+  }
+  #w7{
+    margin-left: 2vw;
+    margin-top: 10px;
+    color: green;
+    font-size: 1rem;
+  }
+  #w8{
+    margin-left: 3vw;
+    margin-top: 10px;
+    font-size: 1rem;   
+    color: green
+  }
+  #w9{
+    margin-left: 3vw;
+    margin-top: 10px;
+    font-size: 1rem;
+    margin-bottom: 10px;
+    color: green
+  }
+  #w10{
+    margin-left: 3vw;
+    margin-top: 10px;
+    font-size: 1rem;
+    margin-bottom: 10px;
+    color: green
+  }
+  #w11{
+    font-size: 1rem;
+    margin-left: 3vw;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: green
+  }
+  .container1{
+    margin-top: 50px;
+  }
+  .container2{
+    margin-top: 50px;
+  }
+  .container3{
+    margin-top: 50px;
+  }
+  .imgcontainer{
+    margin-top: 20px;
+  }
+  #btn1{
+    margin: 19px 0px 0px 10px;
+    padding: 0;
+    height: 130px;
+    width: 60px;
+    background-color: rgb(251, 251, 251);
+    align-items: center;
+    font-size: 5px;
+  }
+  #ibtn{ 
+     width: 3vw;
+    margin: 2px;
+    /* display: flex;
+    justify-content: center;
+    align-items: center; */
+  }
+.space{
+   height: 30px;
+   background-color: rgb(226, 227, 227);
+  border: 1px solid rgb(209, 209, 209);
+   margin-top: 20px;
+  
+}
+#ar1{
+  margin: 0px;
+}
+
+footer {
+    background-color: var(--main-bg-color);
+    height: 15vh;
+    /* translate:; */
+    color: white;
+    font-family: 'Baloo Tammudu 2', cursive;
+    font-family: 'Roboto Mono', monospace;
+}
+
+
+/*Resposiveness-------
+ width properties, grid property,flex wrap, 
+flex-width importance(use width case of flex)
+gap,flex-direction,
+gap-margin right,
+grid-properties for responsiveness
+container width can be remain same by
+position relative,top 50px,
+cal() 
+::after
+width: 100px
+height:100px; 
+  */
\ No newline at end of file
diff --git a/FlipCart-Clone/css/utility.css b/FlipCart-Clone/css/utility.css
new file mode 100644
index 0000000..fed2f33
--- /dev/null
+++ b/FlipCart-Clone/css/utility.css
@@ -0,0 +1,5 @@
+.flex-all-center{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
diff --git a/FlipCart-Clone/image-1.png b/FlipCart-Clone/image-1.png
new file mode 100644
index 0000000..42d5d7b
Binary files /dev/null and b/FlipCart-Clone/image-1.png differ
diff --git a/FlipCart-Clone/image-2.png b/FlipCart-Clone/image-2.png
new file mode 100644
index 0000000..1787bc9
Binary files /dev/null and b/FlipCart-Clone/image-2.png differ
diff --git a/FlipCart-Clone/image-3.png b/FlipCart-Clone/image-3.png
new file mode 100644
index 0000000..acf8cc2
Binary files /dev/null and b/FlipCart-Clone/image-3.png differ
diff --git a/FlipCart-Clone/image.png b/FlipCart-Clone/image.png
new file mode 100644
index 0000000..e905817
Binary files /dev/null and b/FlipCart-Clone/image.png differ
diff --git a/FlipCart-Clone/image1.webp b/FlipCart-Clone/image1.webp
new file mode 100644
index 0000000..060f674
Binary files /dev/null and b/FlipCart-Clone/image1.webp differ
diff --git a/FlipCart-Clone/image2.webp b/FlipCart-Clone/image2.webp
new file mode 100644
index 0000000..b8cc12e
Binary files /dev/null and b/FlipCart-Clone/image2.webp differ
diff --git a/FlipCart-Clone/image3.webp b/FlipCart-Clone/image3.webp
new file mode 100644
index 0000000..b17bc57
Binary files /dev/null and b/FlipCart-Clone/image3.webp differ
diff --git a/FlipCart-Clone/image4.webp b/FlipCart-Clone/image4.webp
new file mode 100644
index 0000000..bb4c95e
Binary files /dev/null and b/FlipCart-Clone/image4.webp differ
diff --git a/FlipCart-Clone/image5.webp b/FlipCart-Clone/image5.webp
new file mode 100644
index 0000000..6d38576
Binary files /dev/null and b/FlipCart-Clone/image5.webp differ
diff --git a/FlipCart-Clone/image6.webp b/FlipCart-Clone/image6.webp
new file mode 100644
index 0000000..5cb74f0
Binary files /dev/null and b/FlipCart-Clone/image6.webp differ
diff --git a/FlipCart-Clone/image7.webp b/FlipCart-Clone/image7.webp
new file mode 100644
index 0000000..4f80a13
Binary files /dev/null and b/FlipCart-Clone/image7.webp differ
diff --git a/FlipCart-Clone/img1.jpg b/FlipCart-Clone/img1.jpg
new file mode 100644
index 0000000..9ab5cae
Binary files /dev/null and b/FlipCart-Clone/img1.jpg differ
diff --git a/FlipCart-Clone/img2.jpeg b/FlipCart-Clone/img2.jpeg
new file mode 100644
index 0000000..1cfdd66
Binary files /dev/null and b/FlipCart-Clone/img2.jpeg differ
diff --git a/FlipCart-Clone/img3.jpg b/FlipCart-Clone/img3.jpg
new file mode 100644
index 0000000..23971c4
Binary files /dev/null and b/FlipCart-Clone/img3.jpg differ
diff --git a/FlipCart-Clone/index.html b/FlipCart-Clone/index.html
new file mode 100644
index 0000000..ff77de0
--- /dev/null
+++ b/FlipCart-Clone/index.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title img="imgtitle">Online Shopping Site for Mobiles, Electronics, Furniture, Grocery, Lifestyle, Books & More. Best Offers!</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/utility.css">
+    <link rel="stylesheet" href="css/responsive.css">
+
+</head>
+
+<body>
+    <header>
+        <nav>
+            <div class="logo">
+                <img src="logo.png" alt="">
+            </div>
+            <ul>
+                <li><a href="home.html">Home</a></li>
+                <li> <a href="about.html">About</a></li>
+                <li> <a href="contact.html">Contact</a></li>
+            </ul>
+            <div class="search">
+                <input type="text" class="searchbar" placeholder="Search for products,brands and more">
+                <img id="btn8" src="button2.jpg" alt=""></button>
+            </div>
+
+        </nav>
+    </header>
+    <main>
+        <div class="imgcontainer">
+            <div class="slidder">
+                <img class="img1" src="img1.jpg" alt="">
+                <img class="img2" src="img2.jpeg" alt="">
+                <img class="img3" src="img3.jpg" alt="">
+            </div>
+        </div>
+        <div class="container">
+            <div class="space"></div>
+
+            <div class="container1">
+                <div class="card">
+                    <div class="cardbtn">
+                        <p>Summer Wedding Edit</p>
+                        <button>VIEW ALL</button>
+                    </div>
+                    <div class="images">
+                        <div class="con1">
+                            <img class="image1" src="image1.webp" alt="">
+                            <h4 id="w1">Wallet</h4>
+                            <p id="w12">Min 70% Off</p>
+                        </div>
+                        <div class="con2">
+                            <img class="image2" src="image2.webp" alt="">
+                            <h4 id="w2"> Artificial Jewellery</h4>
+                            <p id="w7">Min 70% Off</p>
+                        </div>
+                        <div class="con3">
+                            <img class="image3" src="image7.webp" alt="">
+                            <h4 id="w3">Sunglasses</h4>
+                            <p id="w8">Min 50% Off</p>
+                        </div>
+                        <div class="con4">
+                            <img class="image4" src="image4.webp" alt="">
+                            <h4 id="w4">Blankets</h4>
+                            <p id="w9">Min 60% Off</p>
+                        </div>
+                        <div class="con5">
+                            <img class="image4" src="image5.webp" alt="">
+                            <h4 id="w5">Formal shoes</h4>
+                            <p id="w10">Min 40% Off</p>
+                        </div>
+                        <div class="con6">
+                            <img class="image4" src="image6.webp" alt="">
+                            <h4 id="w6">Duffle Bags</h4>
+                            <p id="w11">Min 50% Off</p>
+                        </div>
+                        <button id="btn1" onclick="window.location.reload();"><img id="ibtn" src="arrow1.png"
+                                alt=""></button>
+                    </div>
+                </div>
+
+                <div class="space"></div>
+
+                <div class="container2">
+                    <div class="card">
+                        <div class="cardbtn">
+                            <p>Best Of Electronics</p>
+                            <button>VIEW ALL</button>
+                        </div>
+                        <div class="images">
+                            <div class="con1">
+                                <img class="image1" src="https://source.unsplash.com/200x500/?monitor" alt="">
+                                <h4 id="w1">Moniter</h4>
+                                <p id="w12">Min 70% Off</p>
+                            </div>
+                            <div class="con2">
+                                <img class="image2" src="https://source.unsplash.com/200x500/?headphones" alt="">
+                                <h4 id="w2">Headphones</h4>
+                                <p id="w7">Min 70% Off</p>
+                            </div>
+                            <div class="con3">
+                                <img class="image3" src="https://source.unsplash.com/200x500/?camera" alt="">
+                                <h4 id="w3">Camera</h4>
+                                <p id="w8">Min 50% Off</p>
+                            </div>
+                            <div class="con4">
+                                <img class="image4" src="https://source.unsplash.com/200x500/?printers" alt="">
+                                <h4 id="w4">Printers</h4>
+                                <p id="w9">Min 60% Off</p>
+                            </div>
+                            <div class="con5">
+                                <img class="image4" src="https://source.unsplash.com/200x500/?mobile phone" alt="">
+                                <h4 id="w5">Mobile phone</h4>
+                                <p id="w10">Min 40% Off</p>
+                            </div>
+                            <div class="con6">
+                                <img class="image4" src="https://source.unsplash.com/200x500/?laptops" alt="">
+                                <h4 id="w6">Laptops</h4>
+                                <p id="w11">Min 50% Off</p>
+                            </div>
+                            <button id="btn1" onclick="window.location.reload();"><img id="ibtn" src="arrow1.png"
+                                    alt=""></button>
+                        </div>
+                    </div>
+                    <div class="space"></div>
+                    <div class="container3">
+                        <div class="card">
+                            <div class="cardbtn">
+                                <p>Home Specials</p>
+                                <button>VIEW ALL</button>
+                            </div>
+                            <div class="images">
+                                <div class="con1">
+                                    <img class="image1" src="https://source.unsplash.com/200x500/?beds" alt="">
+                                    <h4 id="w1">Beds</h4>
+                                    <p id="w12">Min 70% Off</p>
+                                </div>
+                                <div class="con2">
+                                    <img class="image2" src="https://source.unsplash.com/200x500/?kitchen containers"
+                                        alt="">
+                                    <h4 id="w2">Kitchen Containers</h4>
+                                    <p id="w7">Min 70% Off</p>
+                                </div>
+                                <div class="con3">
+                                    <img class="image3" src="https://source.unsplash.com/200x500/?sweters" alt="">
+                                    <h4 id="w3">Sweters</h4>
+                                    <p id="w8">Min 50% Off</p>
+                                </div>
+                                <div class="con4">
+                                    <img class="image4" src="https://source.unsplash.com/200x500/?bottles" alt="">
+                                    <h4 id="w4">Bottles</h4>
+                                    <p id="w9">Min 60% Off</p>
+                                </div>
+                                <div class="con5">
+                                    <img class="image5" src="https://source.unsplash.com/200x500/?cookware sets" alt="">
+                                    <h4 id="w5">Cookware Sets</h4>
+                                    <p id="w10">Min 40% Off</p>
+                                </div>
+                                <div class="con6">
+                                    <img class="image6" src="https://source.unsplash.com/200x500/?curtains" alt="">
+                                    <h4 id="w6">Curtains</h4>
+                                    <p id="w11">Min 50% Off</p>
+                                </div>
+                                <button id="btn1" onclick="window.location.reload();"><img id="ibtn" src="arrow1.png"
+                                        alt=""></button>
+                            </div>
+                        </div>
+                        <div class="space"></div>
+
+    </main>
+    <footer class="flex-all-center">Copyright &copy; MyCart.com
+    </footer>
+</body>
+
+</html>
diff --git a/FlipCart-Clone/logo.png b/FlipCart-Clone/logo.png
new file mode 100644
index 0000000..71f0c3f
Binary files /dev/null and b/FlipCart-Clone/logo.png differ
diff --git a/FlipCart-Clone/search-icon.webp b/FlipCart-Clone/search-icon.webp
new file mode 100644
index 0000000..47e080c
Binary files /dev/null and b/FlipCart-Clone/search-icon.webp differ
diff --git a/Online-Shopping-Website b/Online-Shopping-Website
new file mode 160000
index 0000000..bd612f9
--- /dev/null
+++ b/Online-Shopping-Website
@@ -0,0 +1 @@
+Subproject commit bd612f91a5f668243274ccb500ab4051a2fa2e81