From 096db72362836a5c94ebf1a9693f27e838fac483 Mon Sep 17 00:00:00 2001 From: Gowthami mudam Date: Fri, 13 Feb 2026 00:17:34 +0530 Subject: [PATCH] Added farmer success story section --- index.css | 121 ++++++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 70 ++++++++++++++++++++++++++++--- index.js | 41 +++++++++++++++++- 3 files changed, 225 insertions(+), 7 deletions(-) diff --git a/index.css b/index.css index 367f4d4c..bb4bbd68 100644 --- a/index.css +++ b/index.css @@ -1104,4 +1104,123 @@ body { padding: 0.3rem 0.5rem; font-size: 0.7rem; } -} \ No newline at end of file +} +/* Dashboard Cards */ +.card { + background: #ffffff; + padding: 16px; + margin: 15px 0; + border-radius: 12px; + text-align: center; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.card img { + width: 60px; + margin-bottom: 10px; +} + +/* Crop Health Status */ +.health { + margin-top: 15px; + padding: 12px; + border-radius: 10px; + font-weight: bold; + text-align: center; +} + +/* Health Colors */ +.good { + background-color: #c8e6c9; + color: #2e7d32; +} + +.warning { + background-color: #fff9c4; + color: #f57f17; +} + +.bad { + background-color: #ffcdd2; + color: #c62828; +} +.dashboard { + margin: 40px auto; + max-width: 900px; +} +#yieldChart { + width: 100%; + height: 300px; +} +.dashboard { + background: rgba(255, 255, 255, 0.05); + padding: 20px; + border-radius: 12px; + margin: 30px; +} + + +/* Farmer Success Stories Section */ +#success-stories { + padding: 60px 20px; + background: #f9f9f9; + text-align: center; +} + +#success-stories .section-title { + font-size: 32px; + font-weight: bold; + color: #222; /* darker title */ + margin-bottom: 30px; +} +/* Fake image box for offline placeholder */ +.fake-img { + width: 100%; + height: 200px; + background: #ddd; + color: #555; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + border-radius: 8px; + margin-bottom: 12px; +} + + +.story-cards { + display: flex; + gap: 25px; + justify-content: center; + flex-wrap: wrap; +} + +.story-card { + background: #0d1117; + width: 280px; + padding: 18px; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); + color: white; +} + +.story-card img { + width: 100%; + height: auto; + border-radius: 8px; +} + +.story-card h3 { + font-size: 22px; + margin-top: 15px; +} + +/* Hover Styles for Success Story Cards */ +.story-card { + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.story-card:hover { + transform: translateY(-7px) scale(1.02); + box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.15); +} diff --git a/index.html b/index.html index ce8471fe..d6d1378e 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + + + + + + + + + + + + + + + @@ -1895,6 +1937,8 @@

Contact

}); } + + // ===== MOBILE MENU (FINAL FIX) ===== const hamburgerBtn = document.getElementById('hamburgerBtn'); const mobileMenu = document.getElementById('mobileMenu'); @@ -2136,10 +2180,26 @@

No Results Found