34821-vm/index.php
2025-10-09 09:30:46 +00:00

98 lines
5.2 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mapping Agricultural Land Use and Crop Suitability</title>
<meta name="description" content="An intelligent GIS-based system to help analyze and visualize agricultural patterns in Balangkayan, Eastern Samar.">
<meta name="keywords" content="GIS, agricultural land use, crop suitability, QGIS, Balangkayan, Eastern Samar, mapping, geospatial analysis, sustainable farming, land management, agricultural planning, data-driven agriculture">
<meta property="og:title" content="Mapping Agricultural Land Use and Crop Suitability">
<meta property="og:description" content="An intelligent GIS-based system to help analyze and visualize agricultural patterns in Balangkayan, Eastern Samar.">
<meta property="og:image" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
<div class="container">
<a class="navbar-brand" href="#">GIS Balangkayan</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="/privacy.php">Privacy Policy</a></li>
</ul>
</div>
</div>
</nav>
<header id="home" class="hero">
<div class="container">
<h1>Mapping Agricultural Land Use & Crop Suitability</h1>
<p class="lead">A data-driven approach to agricultural planning in Balangkayan, Eastern Samar.</p>
</div>
</header>
<section id="about" class="section">
<div class="container">
<h2 class="section-title">About the Project</h2>
<div class="row">
<div class="col-md-8 mx-auto text-center">
<p class="lead">This project leverages the power of QGIS and geospatial data to map agricultural land use and identify the most suitable crops for different areas within Balangkayan, Eastern Samar. Our goal is to empower local farmers, researchers, and government units with an interactive tool for sustainable agricultural planning and decision-making.</p>
</div>
</div>
</div>
</section>
<section id="contact" class="section bg-light">
<div class="container">
<h2 class="section-title">Contact Us</h2>
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card">
<div class="card-body">
<div id="form-messages"></div>
<form id="contactForm">
<div class="mb-3">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" name="message" rows="5" required></textarea>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container text-center">
<p>&copy; 2025 GIS Balangkayan. All Rights Reserved.</p>
<p><a href="/privacy.php" class="text-white">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>