<button onclick="goBack()">Go Back</button>/title> <style> header { padding: 20px 0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .header-content { display: flex; justify-content: center; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; } nav { background-color: #575757; display: flex; gap: 30px; } nav a { text-decoration: none; font-size: 18px; padding: 10px 15px; transition: background-color 0.3s, color 0.3s; } nav a:hover { border-radius: 5px; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .container { max-width: 1200px; margin: auto; overflow: hidden; padding: 0 20px; } .product-page { background: #fff; margin-top: 30px; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .product-page img { width: 100%; border-radius: 10px; } .product-details { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } .product-description { flex: 1; padding: 20px; } .product-description h2 { margin: 0 0 10px; font-size: 28px; color: #333; } .product-description p { color: #666; line-height: 1.6; } .product-price { flex: 1; padding: 20px; background: #f7f7f7; border-radius: 10px; text-align: center; } .product-price h3 { margin: 0; font-size: 24px; color: #333; } .product-price p { font-size: 20px; color: #555; } .product-price del { color: #999; } .btn { display: inline-block; padding: 10px 20px; margin: 10px 0; border-radius: 5px; text-decoration: none; color: #fff; background: #007bff; transition: background 0.3s; } .btn:hover { background: #0056b3; } .more-products { margin-top: 20px; text-align: center; } .more-products a { color: #007bff; text-decoration: none; } .more-products a:hover { text-decoration: underline; } </style> <script> function goBack() { window.history.back(); } </script> <link href="home.css" type="text/css" rel="stylesheet" /></head> <body> <header> <header> <div class="header-content"> <nav> <a href="vape/vape.html">Vape Products</a> <a href="about.html">About Us</a> <a href="lyft/pouches.html">Lyft Products</a> </nav> </div> </header> <div class="product-page"> <img src="/blunt.jpg" alt="image" width="350" length="400"> <div class="product-details"> <div class="product-description"> <h2>High grade tobacco </h2> <p> High Grade Tobacco 1 roll </p> </div> <div class="product-price"> <h3>Special Price</h3> <p><del>ksh100</del> ksh100 </p> <p class="btn"> <a href="https://wa.link/gtyo7z">order here</a></p> </div> </div> <div class="more-products"> <p>View more products: <a href="vape/vape.html"><i>more vape products</i></a></p> </div> </div> </body> </html>