added contacts

layouts/_default/home.html

@@ -40,7 +40,7 @@
             <a class="nav-link active" href="#community">Community</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link active" href="#">Contact Us</a>
+            <a class="nav-link active" href="#contact">Contact Us</a>
           </li>
          </ul>
          <!-- Social Media Icons -->
@@ -73,7 +73,7 @@ <h5 class="fst-italic px-5"> - A community driven open data portal for Kerala St
 
   </div>
 
-  <div class="container py-3">
+  <div class="container">
     <a class="anchor-link" href="#about" aria-label="Link to this section: About Us"></a>
     <h2 id="about"> About Us
       </h2>
@@ -92,8 +92,6 @@ <h2 id="about"> About Us
 
 
   </div>
-
-
 
 
 <div class="container py-3 mt-2">
@@ -228,7 +226,35 @@ <h2 id="community"> Community
            collaborating with OpenStreetMap Kerala, Wikimedians of Kerala User Group, Swathandra Malayalam Computing, 
            CODD-Keralam, Geominds, Kerala Biodiversity Monitoring Network, and CitizenScience Kerala.
         </p>
+    </div>
 
+    <div class="container py-3">
+      <a class="anchor-link" href="#contact" aria-label="Link to this section: Community"></a>
+      <h2 id="contact"> Contact Us
+        </h2>
+        <hr class="border border-dark border-1 opacity-40">
+        <p fs-5>
+          Do you want to have any <span class="text-bg-primary">suggestions</span>, 
+          <span class="text-bg-danger">questions</span> or wish to <span class="text-bg-success">contribute</span> to our projects??
+        </p>
+        <p> Feel free to contact us on:</p> 
+        <div class="container text-center" style="width:40rem;">
+          <div class="row align-items-start">
+            <div class="col">
+               <a  class="nav-link"  href="mailto:[email protected]"><i class="fa-solid fa-envelope fa-2xl me-2"></i> Send Email</a>
+            </div>
+            <div class="col">
+              <a class="nav-link" href="https://twitter.com/opendatakerala" target="_blank" aria-label="Twitter">
+              <i class="fab fa-twitter fa-2xl me-2"></i>Twitter
+            </a>
+            </div>
+            <div class="col">
+              <a class="nav-link" href="https://www.facebook.com/opendatakerala/" target="_blank" aria-label="Facebook">
+                <i class="fab fa-facebook-f fa-2xl me-2"></i>Facebook
+              </a>
+            </div>
+          </div>
+        </div>
     </div>
 
 <div class="container mt-5"></div>