Merge pull request #4 from BibekRai44/pages

added footer

about-us.html

@@ -30,14 +30,23 @@ <h1>Harvest Nepal</h1>
         <div class="container py-md-4">
             <h3 class="heading mb-sm-5 mb-4 text-center"> About Us</h3>
             <div class="row core-grids">
-                <div class="col-lg-6 core-left">
-                    <img src="images/about-us.jpg" class="img-fluid" alt="" />
-                </div>
-                <div class="col-lg-6 core-right">
+                <div >
+                    <img src="images/about-us.jpg" class="img-fluid" alt="" />   
                 </div>
             </div>
+            <p>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>
+
         </div>
     </section>
+    <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>

index.html

@@ -23,7 +23,12 @@ <h1>Harvest Nepal</h1>
             <li><a href="#">Fertilizer</a></li>
         </ul>
     </nav>
-
+    <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>

style.css

@@ -2,6 +2,7 @@
     background-image: url("images/farming.jpg");
     background-repeat: no-repeat;
     background-size: cover;
+
   }
 h1{
     color : white;
@@ -33,6 +34,8 @@ h2{
 
 p {
     color: #666;
+    font-size: medium;
+    font-weight: 500;
 }
 /* Navbar styles */
 nav {
@@ -62,6 +65,11 @@ nav ul li a {
     padding: 10px;
     text-decoration: none;
 }
-
+.container{
+    text-align: center;
+}
+.x-colophon.bottom { 
+    background-color: transparent; 
+}