made changes to add value to the html and css file

Ecommerce/index.html

@@ -30,15 +30,57 @@ <h1>E-commerce <h1>
     <div class="product-list">
         <div class="product">
             <img src="product1.jpg" alt="Product 1">
-            <h2>Product 1</h2>
-            <p>Description of Product 1.</p>
+            <h2>A-line dress</h2>
+            <p>Blue dress,with coat</p>
             <span class="price">$19.99</span>
             <button class="add-to-cart">Add to Cart</button>
         </div>
         <div class="product">
             <img src="product2.jpg" alt="Product 2">
-            <h2>Product 2</h2>
-            <p>Description of Product 2.</p>
+            <h2>A-line dress</h2>
+            <p>Black dress,with coat</p>
+            <span class="price">$29.99</span>
+            <button class="add-to-cart">Add to Cart</button>
+        </div>
+        <div class="product">
+            <img src="product3.jpg" alt="Product 2">
+            <h2>Classy top</h2>
+            <p>Peach crop top</p>
+            <span class="price">$29.99</span>
+            <button class="add-to-cart">Add to Cart</button>
+        </div>
+        <div class="product">
+            <img src="product4.jpg" alt="Product 2">
+            <h2>Puff sleeve</h2>
+            <p>Pista deep neck.</p>
+            <span class="price">$29.99</span>
+            <button class="add-to-cart">Add to Cart</button>
+        </div>
+        <div class="product">
+            <img src="product5.jpg" alt="Product 2">
+            <h2>Wide leg jeans</h2>
+            <p>Light fade.</p>
+            <span class="price">$29.99</span>
+            <button class="add-to-cart">Add to Cart</button>
+        </div>
+        <div class="product">
+            <img src="product6.jpg" alt="Product 2">
+            <h2>Black jeans</h2>
+            <p>Baggy Straight.</p>
+            <span class="price">$29.99</span>
+            <button class="add-to-cart">Add to Cart</button>
+        </div>
+        <div class="product">
+            <img src="product7.jpg" alt="Product 2">
+            <h2>Blue pants</h2>
+            <p>Flared bottoms</p>
+            <span class="price">$29.99</span>
+            <button class="add-to-cart">Add to Cart</button>
+        </div>
+        <div class="product">
+            <img src="product8.jpg" alt="Product 2">
+            <h2>Straight leg pants</h2>
+            <p>Black.</p>
             <span class="price">$29.99</span>
             <button class="add-to-cart">Add to Cart</button>
         </div>
@@ -52,6 +94,12 @@ <h2>Product 1</h2>
         <!-- More product listings here -->
     </div>
 
+    <footer>
+        &copy; 2024 E-Commerce Store by Taniya Souza
+    </footer>
+
+
+
     <script src="script.js"></script>
 </body>
 </html>

Ecommerce/styles.css

@@ -1,14 +1,15 @@
 body {
-    font-family: Arial, sans-serif;
+    /* font-family: Merriweather, oswald; */
     margin: 0;
+    font-family: Poppins,Poppins-Regular;
     padding: 0;
 }
 
 header {
-    background-color: #333;
+    background-color: #000;
     color: #fff;
     text-align: center;
-    padding: 10px;
+    padding: 8px;
 }
 
 .product-list {
@@ -31,11 +32,11 @@ header {
 
 .price {
     font-weight: bold;
-    color: #f00;
+    color: rgb(0, 255, 115);
 }
 
 .add-to-cart {
-    background-color: #4caf50;
+    background-color: #000000;
     color: #fff;
     border: none;
     padding: 10px;
@@ -45,4 +46,14 @@ header {
 
 .add-to-cart:hover {
     background-color: #45a049;
+
+}
+
+footer{
+    background-color: black; 
+    color: white;
+    padding: 20px;
+    text-align: center;
+
+
 }