File size: 2,706 Bytes
fa9d68f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
<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>
|