diff --git a/Fronted Projects/amazon-frontened-clone/app.css b/Fronted Projects/amazon-frontened-clone/app.css
new file mode 100644
index 0000000..bf7775a
--- /dev/null
+++ b/Fronted Projects/amazon-frontened-clone/app.css	
@@ -0,0 +1,262 @@
+* {
+    margin: 0;
+    font-family: Arial;
+    border: border-box;
+}
+
+.navbar {
+    height: 60px;
+    background-color: #0f1111;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+}
+
+.navlogo {
+    height: 50px;
+    width: 100px;
+}
+
+.logo {
+    background-image: url("images/amazon_logo.png");
+    background-size: cover;
+    height: 50px;
+    width: 100%;
+}
+
+.border {
+    border: 1.5px solid transparent;
+}
+
+.border:hover {
+    border: 1.5px solid white;
+}
+
+.add-first {
+    color: #cccccc;
+    font-size: 0.85rem;
+    margin-left: 15px;
+}
+
+.add-sec {
+    font-size: 1rem;
+    margin-left: 3px;
+}
+
+.add-icon {
+    display: flex;
+    align-items: center;
+}
+
+.nav-search {
+    display: flex;
+    justify-content: space-evenly;
+    background-color: pink;
+    width: 620px;
+    height: 40px;
+    border-radius: 4px;
+}
+
+.search-select {
+    background-color: #f3f3f3;
+    width: 50px;
+    text-align: center;
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border: none;
+
+}
+
+.search-input {
+    width: 100%;
+    font-size: 1rem;
+    border: none;
+}
+
+.search-icon {
+    width: 45px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 1.2rem;
+    background-color: #fedb68;
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    color: black;
+}
+
+.nav-search:hover {
+    border: 2px solid orange;
+}
+
+span {
+    font-size: 0.7rem;
+}
+
+.nav-second {
+    font-size: 0.85rem;
+    font-weight: 700;
+}
+
+.nav-cart i {
+    font-size: 30px;
+    ;
+}
+
+.nav-cart {
+    font-size: 0.85;
+    font-weight: 700;
+}
+
+.panel {
+    height: 40px;
+    background-color: #222f3d;
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    color: white;
+}
+
+.panel-ops p {
+    display: inline;
+    color: white;
+    margin-left: 15px;
+}
+
+.panel-ops {
+    width: 70%;
+    font-size: 0.85rem;
+}
+
+.panel-deals {
+    font-size: 0.9rem;
+    font-weight: 700;
+}
+
+.hero-section {
+    background-image: url(images/hero_image.jpg);
+    background-size: cover;
+    height: 330px;
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+}
+
+.hero-msg {
+    background-color: white;
+    color: black;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.85rem;
+    width: 80%;
+    margin-bottom: 25px;
+}
+
+.hero-msg a {
+    color: #007185;
+
+}
+
+.shop-section {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    background-color: #e2e7e6;
+}
+
+.box {
+
+    height: 400px;
+    width: 23%;
+    background-color: white;
+    padding: 20px 0px 15px;
+    margin-top: 15px;
+}
+
+.box-img {
+    height: 300px;
+    background-size: cover;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+
+}
+
+.box-content {
+    margin-left: 1rem;
+    margin-right: 1rem;
+}
+
+.box-content p {
+    color: #007185;
+}
+
+.foot-panel1 {
+    background-color: #37475A;
+    color: white;
+    height: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 0.85rem;
+}
+
+.foot-panel2 {
+    background-color: #222f3d;
+    color: white;
+    height: 500px;
+    display: flex;
+    justify-content: space-evenly;
+}
+
+ul {
+    margin-top: 40px;
+}
+
+ul a {
+    display: block;
+    font-size: 0.85rem;
+    margin-top: 10px;
+    color: #dddddd;
+}
+
+.foot-panel3 {
+    background-color: #222f3d;
+    border-top: 0.5px solid white;
+    height: 70px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+}
+
+.logo {
+    background-image: url("images/amazon_logo.png");
+    background-size: cover;
+    height: 50px;
+    width: 100px;
+
+
+}
+
+.foot-panel4 {
+    background-color: #0f1111;
+    color: white;
+    height: 80px;
+    font-size: 0.7rem;
+    text-align: center;
+
+}
+
+.page {
+
+    padding-top: 25px;
+}
+
+.copyright {
+
+    margin-top: -0px;
+
+}
\ No newline at end of file
diff --git a/Fronted Projects/amazon-frontened-clone/images/amazon_logo.png b/Fronted Projects/amazon-frontened-clone/images/amazon_logo.png
new file mode 100644
index 0000000..320210e
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/amazon_logo.png differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box1_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box1_image.jpg
new file mode 100644
index 0000000..f4aa14e
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box1_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box2_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box2_image.jpg
new file mode 100644
index 0000000..d807dc4
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box2_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box3_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box3_image.jpg
new file mode 100644
index 0000000..300f1f3
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box3_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box4_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box4_image.jpg
new file mode 100644
index 0000000..90ee126
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box4_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box5_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box5_image.jpg
new file mode 100644
index 0000000..4fe84c4
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box5_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box6_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box6_image.jpg
new file mode 100644
index 0000000..ca7f184
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box6_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box7_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box7_image.jpg
new file mode 100644
index 0000000..21c2373
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box7_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/box8_image.jpg b/Fronted Projects/amazon-frontened-clone/images/box8_image.jpg
new file mode 100644
index 0000000..2312740
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/box8_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/images/hero_image.jpg b/Fronted Projects/amazon-frontened-clone/images/hero_image.jpg
new file mode 100644
index 0000000..b4a2834
Binary files /dev/null and b/Fronted Projects/amazon-frontened-clone/images/hero_image.jpg differ
diff --git a/Fronted Projects/amazon-frontened-clone/index.html b/Fronted Projects/amazon-frontened-clone/index.html
new file mode 100644
index 0000000..c7c7de6
--- /dev/null
+++ b/Fronted Projects/amazon-frontened-clone/index.html	
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Amazon</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="app.css">
+</head>
+
+<body>
+    <header>
+        <div class="navbar">
+            <div class="navlogo border">
+                <div class="logo"></div>
+            </div>
+            <div class="nav-address border">
+                <p class="add-first">Deliver to</p>
+                <div class="add-icon">
+                    <i class="fa-solid fa-location-dot"></i>
+                    <p class="add-sec">India</p>
+                </div>
+            </div>
+            <div class="nav-search">
+                <select class="search-select">
+                    <option>All</option>
+                </select>
+                <input placeholder="Search Amazon" class="search-input">
+                <div class="search-icon">
+                    <i class="fa-solid fa-magnifying-glass"></i>
+                </div>
+            </div>
+            <div class="nav-signin border">
+                <p><span>Hello, sign in</span></p>
+                <p class="nav-second">Accound & Lists</p>
+            </div>
+            <div class="nav-return border">
+                <p><span>Returns</span></p>
+                <p class="nav-second">& Orders</p>
+            </div>
+
+            <div class="nav-cart border">
+                <i class="fa-solid fa-cart-shopping"></i>
+                cart
+            </div>
+        </div>
+        <div class="panel">
+            <div class="panel-all">
+                <i class="fa-solid fa-bars"></i>
+                All
+            </div>
+            <div class="panel-ops">
+                <p>Today's Deals</p>
+                <p>Customer Service</p>
+                <p>Registry
+                </p>
+                <p>Gift Cards</p>
+                <p>Sell</p>
+            </div>
+            <div class="panel-deals">
+                Shop deals in Electronics
+            </div>
+        </div>
+    </header>
+    <div class="hero-section">
+        <div class="hero-msg">
+            <p>you are on amazon.com.You can also shop on Amazon India for millions of product with fast local
+                delivery. <a>Click here to go to amazon.in</a></p>
+        </div>
+    </div>
+    <div class="shop-section">
+        <div class=" box">
+            <div class="box-content">
+                <h3>Clothes</h3>
+                <div class="box-img" style="background-image: url('images/box1_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class=" box">
+            <div class="box-content">
+                <h3>Health & Personal Care</h3>
+                <div class="box-img" style="background-image: url('images/box2_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class=" box">
+            <div class="box-content">
+                <h3>Furniture</h3>
+                <div class="box-img" style="background-image: url('images/box3_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class=" box">
+            <div class="box-content">
+                <h3>Electronics</h3>
+                <div class="box-img" style="background-image: url('images/box4_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h3>Beauty pics</h3>
+                <div class="box-img" style="background-image: url('images/box5_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class=" box">
+            <div class="box-content">
+                <h3>Pet Care</h3>
+                <div class="box-img" style="background-image: url('images/box6_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class=" box">
+            <div class="box-content">
+                <h3> New arrival In Toys</h3>
+                <div class="box-img" style="background-image: url('images/box7_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+        <div class="box4 box">
+            <div class="box-content">
+                <h3>Discover fashion trends</h3>
+                <div class="box-img" style="background-image: url('images/box8_image.jpg');"></div>
+                <p>See more</p>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div class="foot-panel1">
+            Back To Top
+        </div>
+        <div class="foot-panel2">
+            <ul>
+                <p>Get To Know Us</p>
+                <a>Careers</a>
+                <a>Blog</a>
+                <a>About Amazon</a>
+                <a>Investor Relations</a>
+                <a>Amazon devices</a>
+                <a>Amazon Science</a>
+            </ul>
+            <ul>
+                <p>Get To Know Us</p>
+                <a>Careers</a>
+                <a>Blog</a>
+                <a>About Amazon</a>
+                <a>Investor Relations</a>
+                <a>Amazon devices</a>
+                <a>Amazon Science</a>
+            </ul>
+            <ul>
+                <p>Get To Know Us</p>
+                <a>Careers</a>
+                <a>Blog</a>
+                <a>About Amazon</a>
+                <a>Investor Relations</a>
+                <a>Amazon devices</a>
+                <a>Amazon Science</a>
+            </ul>
+            <ul>
+                <p>Get To Know Us</p>
+                <a>Careers</a>
+                <a>Blog</a>
+                <a>About Amazon</a>
+                <a>Investor Relations</a>
+                <a>Amazon devices</a>
+                <a>Amazon Science</a>
+            </ul>
+
+        </div>
+        <div class="foot-panel3">
+            <div class="logo"></div>
+        </div>
+        <div class="foot-panel4">
+            <div class="page">
+                <a>Conditions of Use</a>
+                <a>Privacy Notice</a>
+                <a>Your ads privacy Choices</a>
+
+            </div>
+
+            <div class="copyright">
+                © 1996-2023, Amazon.com, Inc. or its affiliates
+            </div>
+        </div>
+    </footer>
+</body>
+
+</html>
\ No newline at end of file