<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Snippet 1: Product card --> <article class="product-card" itemscope itemtype="http://schema.org/Product" style="font-family: Arial, sans-serif; border:1px solid #e0e0e0; padding:16px; max-width:420px; border-radius:8px;"> <a href="https://qpsl.com/product/perlite-3-6mm-18-lbs/" itemprop="url" style="text-decoration:none; color:inherit;"> <header style="display:flex; align-items:center; gap:12px;"> <img src="https://via.placeholder.com/96x96?text=Coco+Peat" alt="Trinidad Coco Peat — QPSL Ltd" width="96" height="96" style="border-radius:6px; object-fit:cover;"> <div> <h2 itemprop="name" style="margin:0; font-size:18px;">Trinidad Coco Peat</h2> <p style="margin:6px 0 0; color:#555; font-size:14px;">Premium coco peat for gardening, agriculture & hydroponics</p> </div> </header> <p itemprop="description" style="margin:12px 0 16px; color:#333; line-height:1.4; font-size:14px;"> QPSL Ltd provides high-quality Trinidad Coco Peat — improves soil aeration, retains moisture, and promotes healthy plant growth. Eco-friendly and sustainable. </p> <div style="display:flex; gap:8px; align-items:center;"> <a href="https://qpsl.com/product/perlite-3-6mm-18-lbs/" style="background:#0b74de; color:#fff; padding:10px 14px; border-radius:6px; text-decoration:none; font-weight:600;" aria-label="Buy Trinidad Coco Peat from QPSL Ltd"> Shop now </a> <small style="color:#777; font-size:13px;">Trusted supplier — QPSL Ltd</small> </div> </a> </article> <!-- Snippet 2: Promotional banner --> <section class="promo-banner" style="font-family: Arial, sans-serif; background:#f7fbff; border:1px solid #e6f0ff; padding: