Merge pull request #6 from BibekRai44/pages

added fertilizer section
BibekRai44 · Jun 7, 2023 · 4dd888f · 4dd888f
2 parents 82451d4 + 20637ed
commit 4dd888f
Show file tree

Hide file tree

Showing 3 changed files with 93 additions and 1 deletion.
diff --git a/crop.html b/crop.html
@@ -59,7 +59,7 @@ <h1 class="text-danger text-center">Crop Recommendation System</h1>
                 <label class="text-primary">PH</label>
                 <input type="number" class="form-control small-input " id="ph value" placeholder="Enter ph value(3-9)">
             </div>
-            <button type="submit" class="btn btn-success">Register</button>
+            <button type="submit" class="btn btn-success">Predict</button>
         </form>
     </div>
     <div class="container">

diff --git a/fertilizer.html b/fertilizer.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+    <link rel="icon" type="image/png" href="images/logo/logo-white.png">
+
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="Harvest Nepal">
+    <meta name="author" content="Bibek Rai">
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <title>Harvest Nepal | Delivering Agriculture Solutions  </title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <nav class="navbar navbar-dark bg-primary">
+        <a href="index.html">
+            <h1>Harvest Nepal</h1>
+          </a>
+
+        <ul>
+            <li><a href="about-us.html">About us</a></li>
+            <li><a href="crop.html">Crop</a></li>
+            <li><a href="fertilizer.html">Fertilizer</a></li>
+        </ul>
+    </nav>
+    <div class="container">
+    <h1 class="text-danger text-center">Fertilzer Recommendation System</h1>
+    </div>
+    <div class="container">
+        <form>
+            <div class="form-group">
+                <label class="text-center text-primary">Crop</label>
+                <select class="form-control select-center" id="crop">
+                    <option value="" disabled selected hidden>Select a crop</option>
+                    <option value="wheat">rice</option>
+                    <option value="rice">maize</option>
+                    <option value="apple">apple</option>
+                    <option value="chickpea">chickpea</option>
+                    <option value="kidneybeans">kidneybeans</option>
+                    <option value="pigeonpeas">pigeonpeas</option>
+                    <option value="mothbeans">mothbeans</option>
+                    <option value="mungbean">mungbean</option>
+                    <option value="banana">banana</option>
+                    <option value="mango">mango</option>
+                    <option value="grapes">grapes</option>
+                    <option value="watermelon">watermelon</option>
+                    <option value="apple">apple</option>
+                    <option value="orange">orange</option>
+            </select>
+                <label class="text-primary">Nitrogen</label>
+                <input type="number" class="form-control small-input" id="nitrogen" placeholder="Enter nitrogen value(0-80)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">Phosphorous</label>
+                <input type="number" class="form-control small-input" id="phosphorous" placeholder="Enter phosphorous value(0-40)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">Potassium</label>
+                <input type="number" class="form-control small-input " id="potassium" placeholder="Enter potassium value(0-40)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">Soil Moisture</label>
+                <input type="number" class="form-control small-input " id="soil-moisture" placeholder="Enter rainfall value(0-40)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">PH</label>
+                <input type="number" class="form-control small-input " id="ph value" placeholder="Enter ph value(0.0-5.5)">
+            </div>
+            <button type="submit" class="btn btn-success">Predict</button>
+        </form>
+    </div>
+    <div class="container">
+        <footer class="footer">       
+            <p class="mb-0">Copyright <script>document.write(new Date().getFullYear())</script> &copy; <a href="http://www.github.com//BibekRai44" target="_bl
+                ">Bibek Rai</a></p>
+        </footer>
+    </div> 
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -78,6 +78,11 @@ nav ul li a {
     text-align: center;
     font-size: medium;
 }
+.select-center option {
+    text-align: center;
+}
+
+