CleanUps and some stuff

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "files.readonlyInclude": {
+        "{**/.c4z/.extsrcs/*.PROTSYM.cbl,**/.c4z/.extsrcs/*.PROTSYM.listing}": true
+    }
+}

css/checkout.css

@@ -8,5 +8,5 @@
 } 
 
 .container {
-  opacity: 99%;
+  opacity: 98%;
 }

css/style.css

@@ -18,6 +18,9 @@ body {
   background: linear-gradient(324deg, rgba(255, 32, 93, 1) 0%, rgba(241, 71, 171, 1) 100%) fixed;
 }
 
+.product-image {
+  border-radius: 30px;
+}
 
 #welcome h1 {
   font-family: 'Space Mono', monospace;
@@ -89,4 +92,3 @@ body {
 html {
 scroll-behavior: smooth;
 }
-

index.html

@@ -65,7 +65,7 @@ <h5>Orders Delivered: 1432</h5>
         <div class=container id=order>
             <main id=main>
                 <h1 align=center style="font-family:'Montserrat',sans-serif;font-weight:bolder">Buy our products</h1>
-                <marquee direction=left id=buy style=font-weight:bold;font-size:larger>Sevaiya Only available in summer
+                <marquee direction=left id=buy style=font-weight:bold;font-size:larger>Sevai Only available in summer
                     season.</marquee>
                 <div class="row g-5">
                     <div class="col-md-7 col-lg-8">
@@ -168,6 +168,18 @@ <h4 class=mb-3>Billing address</h4>
     <br>
     <br>
     </div>
+    <br>
+    <div class="product-images" style="text-align: center;">
+        <marquee direction="right">
+        <img src="img/3.png" alt="Product 3" class="product-image" height="300px">
+        <img src="img/2.png" alt="Product 2" class="product-image" height="300px">
+        <img src="img/1.png" alt="Product 1" class="product-image" height="300px">
+        <img src="img/3.png" alt="Product 3" class="product-image" height="300px">
+        <img src="img/2.png" alt="Product 2" class="product-image" height="300px">
+        <img src="img/1.png" alt="Product 1" class="product-image" height="300px">
+    </marquee>
+    </div>
+
     <br>
     <br>
     <hr>
@@ -193,10 +205,10 @@ <h1 align=center style="font-family:'Montserrat',sans-serif;font-weight:bolder">
     </section>
     <hr><br>
     <section id=contact>
-        <h2 style=font-family:sans-serif;font-size:60px;color:rgb(63,F63,63)>Contact us on <img
-                src=https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/WhatsApp.svg/512px-WhatsApp.svg.png
-                width=57px>9372077803</h2>
+        <h2 style=font-family:sans-serif;font-size:60px;color:rgb(63,F63,63) align="center">Contact us on <b>9372077803</b></h2>
     </section>
+    <br>
+    <hr>
     <script src=js/bootstrap.bundle.min.js></script>
     <script src=js/checkout.js></script>
 </body>