Merge pull request #5 from BibekRai44/pages

added crop section
BibekRai44 · Jun 7, 2023 · 82451d4 · 82451d4
2 parents 8bb7008 + e493830
commit 82451d4
Show file tree

Hide file tree

Showing 4 changed files with 91 additions and 5 deletions.
diff --git a/about-us.html b/about-us.html
@@ -22,8 +22,8 @@ <h1>Harvest Nepal</h1>
 
         <ul>
             <li><a href="about-us.html">About us</a></li>
-            <li><a href="#">Crop</a></li>
-            <li><a href="#">Fertilizer</a></li>
+            <li><a href="crop.html">Crop</a></li>
+            <li><a href="fertilizer.html">Fertilizer</a></li>
         </ul>
     </nav>
     <section class="core-value py-5">
@@ -34,7 +34,7 @@ <h3 class="heading mb-sm-5 mb-4 text-center"> About Us</h3>
                     <img src="images/about-us.jpg" class="img-fluid" alt="" />   
                 </div>
             </div>
-            <p>Harvest Nepal is a dedicated platform that aims to
+            <p class="container">Harvest Nepal is a dedicated platform that aims to
             empower farmers and promote sustainable agriculture practices in Nepal.
             With a mission to enhance the agricultural sector, we provide valuable resources, information,
             and tools to support farmers in making informed decisions and maximizing their yields.</p>

diff --git a/crop.html b/crop.html
@@ -0,0 +1,77 @@
+<!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">Crop Recommendation System</h1>
+    </div>
+    <div class="container">
+        <form>
+            <div class="form-group">
+                <label class="text-primary">Nitrogen</label>
+                <input type="number" class="form-control small-input" id="nitrogen" placeholder="Enter nitrogen value(0-140)">
+            </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(5-145)">
+            </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(5-205)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">Temperature</label>
+                <input type="number" class="form-control small-input " id="temperature" placeholder="Enter temperature value(8-43)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">Humidity</label>
+                <input type="number" class="form-control small-input " id="humidity" placeholder="Enter humidity value(14-99)">
+            </div>
+            <div class="form-group">
+                <label class="text-primary">Rainfall</label>
+                <input type="number" class="form-control small-input " id="rainfall" placeholder="Enter rainfall value(20-298)">
+            </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(3-9)">
+            </div>
+            <button type="submit" class="btn btn-success">Register</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/index.html b/index.html
@@ -19,8 +19,8 @@
         <h1>Harvest Nepal</h1>
         <ul>
             <li><a href="about-us.html">About us</a></li>
-            <li><a href="#">Crop</a></li>
-            <li><a href="#">Fertilizer</a></li>
+            <li><a href="crop.html">Crop</a></li>
+            <li><a href="fertilizer.html">Fertilizer</a></li>
         </ul>
     </nav>
     <div class="container">

diff --git a/style.css b/style.css
@@ -71,5 +71,14 @@ nav ul li a {
 .x-colophon.bottom { 
     background-color: transparent; 
 }
+.small-input {
+    width: 550px; 
+}
+.small-input::placeholder {
+    text-align: center;
+    font-size: medium;
+}
+
+