| <html> |
| <head> |
| </head> |
| <body bgcolor="#FFF8E1" style="font-family:Arial, sans-serif; margin:0; padding:0; background-color:#FFF8E1; color:#556B2F"> |
| <header bgcolor="#8BC34A" style="background-color:#8BC34A; padding:10px"> |
| <nav> |
| <ul style="list-style-type:none; padding:0"> |
| <li style="display:inline; margin:0 10px"> |
| <a href="#" style="color:#442C2E; text-decoration:none"> |
| Home |
| </a> |
| </li> |
| <li style="display:inline; margin:0 10px"> |
| <a href="#" style="color:#442C2E; text-decoration:none"> |
| About Us |
| </a> |
| </li> |
| <li style="display:inline; margin:0 10px"> |
| <a href="#" style="color:#442C2E; text-decoration:none"> |
| Products |
| </a> |
| </li> |
| <li style="display:inline; margin:0 10px"> |
| <a href="#" style="color:#442C2E; text-decoration:none"> |
| Contact |
| </a> |
| </li> |
| </ul> |
| </nav> |
| </header> |
| <main> |
| <section align="center" bgcolor="#A5D6A7" class="banner" style="background-color:#A5D6A7; padding:20px; text-align:center; font-size:20px"> |
| <p> |
| Help plant 3,457 trees so far this year! |
| </p> |
| </section> |
| <section class="product-grid" style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; padding:20px"> |
| <div align="center" bgcolor="#FAFAFA" class="product" style="background-color:#FAFAFA; border:1px solid #8BC34A; padding:10px; text-align:center"> |
| <div bgcolor="#AED581" class="product-image" height="100" style="width:100px; height:100px; background-color:#AED581; margin:0 auto" width="100"> |
| </div> |
| <p> |
| Quality Seeds for Your Garden |
| </p> |
| </div> |
| <div align="center" bgcolor="#FAFAFA" class="product" style="background-color:#FAFAFA; border:1px solid #8BC34A; padding:10px; text-align:center"> |
| <div bgcolor="#FFD700" class="product-image" height="100" style="width:100px; height:100px; background-color:#FFD700; margin:0 auto" width="100"> |
| </div> |
| <p> |
| Organic Fertilizers for Boosting Growth |
| </p> |
| </div> |
| <div align="center" bgcolor="#FAFAFA" class="product" style="background-color:#FAFAFA; border:1px solid #8BC34A; padding:10px; text-align:center"> |
| <div bgcolor="#FFD700" class="product-image" height="100" style="width:100px; height:100px; background-color:#FFD700; margin:0 auto" width="100"> |
| </div> |
| <p> |
| Essential Tools to Shape Your Garden |
| </p> |
| </div> |
| </section> |
| </main> |
| <footer align="center" bgcolor="#795548" style="background-color:#795548; color:#FAFAFA; text-align:center; padding:10px; position:fixed; bottom:0; width:100%" width="100%"> |
| <p> |
| © 2023 Garden Essentials. All rights reserved. |
| </p> |
| </footer> |
| </body> |
| </html> |
|
|
