code added

dist/Js/products/products.js

@@ -80,6 +80,29 @@ debugger;
         let gb =  tags[tags.length-1];
         const [currencySymbol,amount] = getCurrencySymbol(pricelist);
         let priceAmt = `${currencySymbol} ${amount}`;
+        
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
+        <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+        <img src="${img}" alt="${itemname}" class="w-100 h-100"></a>
+            <div class="card-body">
+                <h5 class="card-title satoshi_font mb-0">${itemname}</h5>
+            </div>
+            <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
+                <li class="border-0 py-0">
+                    <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
+                </li>
+                <li class="border-0 py-0">
+                    <span class="satoshi_font"><h6>${priceAmt}</h6></span>
+                </li>
+            </ul>
+            <div class="card-body text-center">
+                <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
+                </a>
+            </div>
+        </div>
+    </div>`;
+
+        //abhi anna design
         return ` 
         
             <!--desktop--->