| <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> | |