AgriTech/about.html at main · Swetagupta05/AgriTech · GitHub

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About AgriTech</title>
    <link rel="icon" type="image/png" href="./images/logo.png">
    <link rel="stylesheet" href="./about.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <div w3-include-html="navbar.html"></div>

    <main class="main-content">
        <section class="hero-section">
            <h1>About AgriTech</h1>
            <p class="hero-subtitle">Smart Agriculture for a Sustainable Future</p>
        </section>

        <section class="content-section">
            <div class="card">
                <h2>🌾 Our Mission</h2>
                <p>
                    At AgriTech, we are dedicated to revolutionizing agriculture through cutting-edge technology.
                    Our mission is to empower farmers with intelligent tools and data-driven insights that enhance
                    crop productivity, reduce resource waste, and promote sustainable farming practices.
                </p>
            </div>

            <div class="card">
                <h2>🎯 Our Vision</h2>
                <p>
                    We envision a future where every farmer, regardless of their location or resources, has access
                    to world-class agricultural technology. By leveraging artificial intelligence, machine learning,
                    and data analytics, we aim to create a more resilient and productive agricultural ecosystem.
                </p>
            </div>

            <div class="card">
                <h2>✨ Key Features</h2>
                <ul class="features-list">
                    <li><strong>Crop Recommendation:</strong> AI-powered recommendations based on soil, climate, and market conditions</li>
                    <li><strong>Disease Detection:</strong> Plant disease identification using CNN technology</li>
                    <li><strong>Crop Yield Prediction:</strong> Accurate predictions using machine learning models</li>
                    <li><strong>Soil Classification:</strong> Advanced soil analysis for optimal farming decisions</li>
                    <li><strong>Fertilizer Recommendation:</strong> Smart fertilizer suggestions for maximum yield</li>
                    <li><strong>Labour Alerts:</strong> Efficient labour scheduling and management</li>
                    <li><strong>Crop Planning:</strong> Comprehensive crop planning and management tools</li>
                    <li><strong>Government Schemes:</strong> Easy access to agricultural subsidy information</li>
                    <li><strong>Price Tracking:</strong> Real-time crop price monitoring</li>
                    <li><strong>Community Forum:</strong> Connect with farmers and experts</li>
                </ul>
            </div>

            <div class="card">
                <h2>👥 Our Team</h2>
                <p>
                    AgriTech is built by a dedicated team of developers, data scientists, and agricultural experts
                    who are passionate about using technology to solve real-world agricultural challenges. We work
                    closely with farmers, agricultural institutions, and technology partners to continuously improve
                    our solutions.
                </p>
            </div>

            <div class="card">
                <h2>🤝 Get Involved</h2>
                <p>
                    We believe in the power of collaboration and open-source development. If you're interested in
                    contributing to AgriTech, please visit our
                    <a href="./CONTRIBUTING.md" class="link">Contributing Guidelines</a> to get started.
                </p>
                <p>
                    You can also connect with us on GitHub at
                    <a href="https://github.com/omroy07/AgriTech" target="_blank" class="link">omroy07/AgriTech</a>
                </p>
            </div>

            <div class="card">
                <h2>📧 Contact Us</h2>
                <p>
                    For inquiries, suggestions, or partnerships, please reach out to us. We'd love to hear from you!
                </p>
                <p>
                    Visit our repository for more information and to stay updated on the latest developments.
                </p>
            </div>
        </section>
    </main>

    <footer class="footer">
        <p>&copy; 2026 AgriTech. All rights reserved. | Built with 💚 for farmers</p>
    </footer>

<script>
// Include navbar (UNCHANGED)
function includeHTML(callback) {
    var z, i, elmnt, file, xhttp;
    z = document.getElementsByTagName("*");
    for (i = 0; i < z.length; i++) {
        elmnt = z[i];
        file = elmnt.getAttribute("w3-include-html");
        if (file) {
            xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4) {
                    if (this.status == 200) {elmnt.innerHTML = this.responseText;}
                    if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
                    elmnt.removeAttribute("w3-include-html");
                    includeHTML(callback);
                    if (callback) callback();
                }
            }
            xhttp.open("GET", file, true);
            xhttp.send();
            return;
        }
    }
}

// Function to fix Services Dropdown (New logic needed for functionality)
function initServicesDropdown() {
    const servicesToggle = document.querySelector('.services-toggle');
    const servicesDropdown = document.querySelector('.services-dropdown');
    const servicesArrow = document.querySelector('.services-arrow');

    if (servicesToggle && servicesDropdown) {
        servicesToggle.addEventListener('click', (e) => {
            e.preventDefault();
            e.stopPropagation();
            servicesDropdown.classList.toggle('active');
            if (servicesArrow) servicesArrow.classList.toggle('rotated');
        });

        document.addEventListener('click', (e) => {
            if (!servicesToggle.contains(e.target) && !servicesDropdown.contains(e.target)) {
                servicesDropdown.classList.remove('active');
                if (servicesArrow) servicesArrow.classList.remove('rotated');
            }
        });
    }
}

// Initialize theme toggle (UNCHANGED)
function initThemeToggle() {
    const themeToggle = document.getElementById('themeToggle');
    if (!themeToggle) return;

    themeToggle.addEventListener('click', () => {
        const navbar = document.querySelector('.navbar');
        if (!navbar) return;
        const current = navbar.getAttribute('data-theme');
        const next = current === 'light' ? 'dark' : 'light';
        navbar.setAttribute('data-theme', next);
        const themeLabel = document.querySelector('.theme-label');
        if (themeLabel) themeLabel.textContent = next === 'light' ? 'Light' : 'Dark';
        localStorage.setItem('agritech-theme', next);
    });
}

// Initialize mobile hamburger (UNCHANGED)
function initHamburgerMenu() {
    const hamburgerBtn = document.getElementById('hamburgerBtn');
    const mobileMenu = document.getElementById('mobileMenu');
    const overlay = document.getElementById('mobileMenuOverlay');

    if (!hamburgerBtn || !mobileMenu || !overlay) return;

    hamburgerBtn.addEventListener('click', () => {
        mobileMenu.classList.add('active');
        overlay.classList.add('active');
        document.body.style.overflow = 'hidden';
    });

    overlay.addEventListener('click', () => {
        mobileMenu.classList.remove('active');
        overlay.classList.remove('active');
        document.body.style.overflow = '';
    });
}

// Run after DOM loads
document.addEventListener('DOMContentLoaded', () => {
    // Apply saved theme
    const savedTheme = localStorage.getItem('agritech-theme') || 'dark';
    document.documentElement.setAttribute('data-theme', savedTheme);

    // Include navbar and initialize all parts
    includeHTML(() => {
        initThemeToggle();
        initHamburgerMenu();
        initServicesDropdown(); // This starts the dropdown code
    });
});
</script>

</body>
</html>