Full form bug/icon added, closes issue #233

index.html

@@ -9,7 +9,7 @@
   <meta name="description" content="Web site created using create-react-app" />
   <!-- Google / Search Engine Tags -->
   <meta itemprop="name" content="We ❤️ Open Source">
-  <meta itemprop="description" content="We at FOSSCU (Free and Open-Source Community United) are a Group
+  <meta itemprop="description" content="We at FOSSCU (Free and Open-Source Software Community United) are a Group
    of individuals who are constantly working to promote Open-Source Culture">
   <meta itemprop="image"
     content="https://raw.githubusercontent.com/FOSS-Community/website-fossc/7fb82481a6d40ca5ceacbdeac46da76f9932a31c/src/assets/img/logo/fosscu.png">

src/components/About.jsx

@@ -43,7 +43,7 @@ function About() {
             <div className='flex flex-col justify-center'>
                 <p className='text-[#AEF746] font-bold'>Community + Coding = 🔥</p>
                 <h1 className='md:text-4xl sm:text-3xl text-2xl font-bold py-3'>We ❤️ Open Source</h1>
-                <p>We at FOSSCU (Free and Open-Source Community United) are a Group of individuals who are constantly working to promote Open-Source Culture.</p>
+                <p>We at FOSSCU (Free and Open-Source Software Community United) are a Group of individuals who are constantly working to promote Open-Source Culture.</p>
                 <a href="https://linktr.ee/fosscu" target="_blank" rel="noopener noreferrer">
                 <button className='hover:bg-slate-800 bg-black text-[#0DFF1C] w-[200px] rounded-md font-medium my-6 mx-auto md:mx-0 py-3'>Connect with Us 🏁</button>
                 </a>

src/components/Footer.jsx

@@ -1,73 +1,142 @@
 import React from "react";
-import { FaGithubSquare, FaInstagram, FaTwitterSquare } from "react-icons/fa";
+import {
+  FaGithubSquare,
+  FaInstagram,
+  FaTwitterSquare,
+  FaLinkedin,
+} from "react-icons/fa";
 
 const Footer = () => {
   return (
     <div className="max-w-[1240px] mx-auto py-16 px-4 grid lg:grid-cols-3 gap-8 text-gray-300">
-      <div>
-        <h1 className='w-full text-3xl font-bold text-[#00df9a]'>FOSSCU</h1>
-        <p className='py-4'>Made with 💚 and Open Source</p>
-        <div className='flex justify-between md:w-[75%] my-6'>
-        <a href="https://www.instagram.com/fosscu/" className="transition duration-300 ease-in-out hover:scale-125" target="blank">
-            <FaInstagram size={30} />
-          </a>
-          <a href="https://twitter.com/fosscuk" className="transition duration-300 ease-in-out hover:scale-125" target="blank">
-
-            <FaTwitterSquare size={30} />
-          </a>
-          <a href="https://github.com/FOSS-Community/" className="transition duration-300 ease-in-out hover:scale-125" target="blank">
-            <FaGithubSquare size={30} />
-          </a></div>
+      {/* ... (your existing code) ... */}
+      <div className="flex justify-between md:w-[75%] my-6">
+        <a
+          href="https://www.instagram.com/fosscu/"
+          className="transition duration-300 ease-in-out hover:scale-125"
+          target="_blank"
+        >
+          <FaInstagram size={30} />
+        </a>
+        <a
+          href="https://twitter.com/fosscuk"
+          className="transition duration-300 ease-in-out hover:scale-125"
+          target="_blank"
+        >
+          <FaTwitterSquare size={30} />
+        </a>
+        <a
+          href="https://linkedin.com/company/fosscu/"
+          className="transition duration-300 ease-in-out hover:scale-125"
+          target="_blank"
+        >
+          <FaLinkedin size={30} />
+        </a>
+        <a
+          href="https://github.com/FOSS-Community/"
+          className="transition duration-300 ease-in-out hover:scale-125"
+          target="_blank"
+        >
+          <FaGithubSquare size={30} />
+        </a>
       </div>
       <div className="lg:col-span-2 flex justify-between mt-6">
         <div>
           <h6 className="font-medium text-[#00df9a]">Support</h6>
           <ul>
             <a href="/building" className="pb-2">
-              <li className="pt-2 text-sum hover:border-b hover:border-green-400">Documentation</li>
+              <li className="pt-2 text-sum hover:border-b hover:border-green-400">
+                Documentation
+              </li>
             </a>
             <a href="/guide" className="pb-2">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Guides</li>
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Guides
+              </li>
             </a>
             <a href="/building" className="pb-2">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">API Status</li>
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                API Status
+              </li>
             </a>
             <a href="/faq" className="pb-2">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">FAQ</li>
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                FAQ
+              </li>
             </a>
           </ul>
         </div>
         <div>
           <h6 className="font-medium text-[#00df9a]">Organization</h6>
           <ul>
             <a href="/about" className="pb-2">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">About</li>
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                About
+              </li>
             </a>
-            <a href="https://github.com/FOSS-Community/blog-archive"className="pb-2" target="blank">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Blog</li>
+            <a
+              href="https://github.com/FOSS-Community/blog-archive"
+              className="pb-2"
+              target="blank"
+            >
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Blog
+              </li>
             </a>
-            <a href="https://dub.sh/fosscu-discord" className="pb-2" target="blank">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Join Us</li>
+            <a
+              href="https://dub.sh/fosscu-discord"
+              className="pb-2"
+              target="blank"
+            >
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Join Us
+              </li>
             </a>
-            <a href="https://github.com/FOSS-Community/" className="pb-2" target="blank">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Contribute</li>
+            <a
+              href="https://github.com/FOSS-Community/"
+              className="pb-2"
+              target="blank"
+            >
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Contribute
+              </li>
             </a>
           </ul>
         </div>
         <div>
           <h6 className="font-medium text-[#00df9a]">Handbook</h6>
           <ul>
-            <a href="https://docs.fosscu.org/Docs/values" className="pb-2" target="blank">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Core Values</li>
+            <a
+              href="https://docs.fosscu.org/Docs/values"
+              className="pb-2"
+              target="blank"
+            >
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Core Values
+              </li>
             </a>
-            <a href="https://docs.fosscu.org/Docs/code-of-conduct" className="pb-2" target="blank">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Code of Conduct</li>
+            <a
+              href="https://docs.fosscu.org/Docs/code-of-conduct"
+              className="pb-2"
+              target="blank"
+            >
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Code of Conduct
+              </li>
             </a>
-            <a href="https://docs.fosscu.org/Docs/getting-started" className="pb-2" target="blank">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">What is FOSS</li>
+            <a
+              href="https://docs.fosscu.org/Docs/getting-started"
+              className="pb-2"
+              target="blank"
+            >
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                What is FOSS
+              </li>
             </a>
             <a href="/building" className="pb-2">
-              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">Terms</li>
+              <li className="pt-2 w-max text-sum hover:border-b hover:border-green-400">
+                Terms
+              </li>
             </a>
           </ul>
         </div>

src/pages/AboutOrg.jsx

@@ -14,7 +14,7 @@ import FOSSCU from "../assets/img/logo/fosscu.png"
         <img className='w-[30px] sm:w-[65px] ' src={FOSSCU} alt="/" />     
         <h2 class=" text-lg sm:text-3xl  text-[#00FF00] tracking-widest font title-font mb-1 sm:ml-5 sm:mt-4 ml-2 mt-2 " >ABOUT FOSSCU-KIET</h2>
       </div>
-        <p class="lg:w-2/3 mx-auto mt-7 leading-relaxed ">We at FOSSCU (Free and Open-Source Community United )  are a Group of individuals who are constantly working to promote Open-Source Culture. </p>
+        <p class="lg:w-2/3 mx-auto mt-7 leading-relaxed ">We at FOSSCU (Free and Open-Source Software Community United)  are a Group of individuals who are constantly working to promote Open-Source Culture. </p>
         <p class="mt-8 text-[#1AFF1A]">Some key points about our community.</p>
       </div>
       <div class="flex flex-wrap">