From 1d5df8f9dfdb57badc000c00935f4b53a0f20fcd Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Thu, 8 Aug 2024 06:45:56 +0530 Subject: [PATCH 1/5] Update Footer.css --- src/Component/Footer.css | 66 ++++++++++++++++++---------------------- 1 file changed, 30 insertions(+), 36 deletions(-) diff --git a/src/Component/Footer.css b/src/Component/Footer.css index be0f00d..140bf4e 100644 --- a/src/Component/Footer.css +++ b/src/Component/Footer.css @@ -1,13 +1,13 @@ .footer { background-color: #000; color: #fff; - padding: 40px 20px; + padding: 20px 0; } .footer-wrapper { display: grid; grid-template-columns: 1fr 2fr; - gap: 40px; + gap: 0; max-width: 1200px; margin: 0 auto; } @@ -29,7 +29,7 @@ padding: 2px; margin-right: 5px; width: 30px; - border: 2px solid; + border: 2px solid #8a2be2; /* Ensure border color matches theme */ border-radius: 20px; } @@ -41,12 +41,12 @@ .footer-section-links { display: flex; - justify-content: space-between; + flex-wrap: wrap; + gap: 20px; /* Added spacing between links */ } .footer-subsection { flex: 1; - margin-left: 5%; } .footer-heading { @@ -56,7 +56,7 @@ } .footer-links { - list-style-type: none; + list-style: none; padding: 0; } @@ -68,9 +68,10 @@ .footer-links li a, .footer-links li span { position: relative; - color: white; + color: #fff; text-decoration: none; - display: inline-block; + display: flex; + align-items: center; transition: color 0.3s ease-in-out; } @@ -82,8 +83,8 @@ height: 2px; bottom: -5px; left: 0; - background-color: white; - transition: all 0.3s ease-in-out; + background-color: #8a2be2; + transition: width 0.3s ease-in-out; } .footer-links li:hover a, @@ -94,7 +95,6 @@ .footer-links li:hover a::after, .footer-links li:hover span::after { width: 100%; - background-color: #8a2be2; } .footer-social-icons { @@ -104,7 +104,7 @@ } .footer-social-icons a { - color: white; + color: #fff; font-size: 24px; transition: transform 0.3s, color 0.3s; } @@ -117,7 +117,6 @@ .footer-qr { width: 90px; margin: 0 auto; - display: block; } .footer-rate-us { @@ -128,7 +127,7 @@ } .footer-rate-us a { - color: white; + color: #fff; font-size: 20px; text-decoration: none; transition: color 0.3s, transform 0.3s; @@ -166,7 +165,15 @@ border-top: 1px solid #333; font-size: 0.9em; font-style: italic; - max-height: 10px; +} + +.footer-link-icon { + font-size: 16px; + color: #8a2be2; + background: none; + border: none; + padding: 0; + margin-right: 8px; } @media screen and (max-width: 768px) { @@ -178,26 +185,22 @@ .footer-section-links { flex-direction: column; align-items: center; + gap: 10px; /* Adjusted gap for better alignment */ } - .footer-title{ - justify-content: center; + + .footer-title { + justify-content: center; } - .footer-pera{ + .footer-pera { max-width: 450px; margin: 0 auto; text-align: center; - margin-top: 3px; } .footer-subsection { margin-left: 0; margin-bottom: 20px; - text-align: center; - } - - .footer-qr-section { - text-align: center; } .footer-qr { @@ -205,24 +208,15 @@ } .footer-rate-us { - display: flex; - flex-direction: column; - align-items: center; margin: 0 auto; } - .footer-star-icon { - display: inline-flex; - align-items: center; - } - .rate-us { margin-top: 5px; - margin-left: -1rem !important; + margin-left: 0; } } - @media screen and (max-width: 600px) { .footer-title { font-size: 1.5em; @@ -237,7 +231,7 @@ } .footer-links li { - font-size: 16px; + font-size: 14px; /* Reduced size for smaller screens */ } .footer-social-icons a { @@ -245,7 +239,7 @@ } .footer-qr { - width: 80px; /* Adjust width for smaller screens */ + width: 80px; margin-left: 2px; } From ef2b41ffcc897c77139406d1f02e769389f82e9b Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Thu, 8 Aug 2024 06:46:07 +0530 Subject: [PATCH 2/5] Update Footer.jsx --- src/Component/Footer.jsx | 24 ++++++++++++++++-------- 1 file changed, 16 insertions(+), 8 deletions(-) diff --git a/src/Component/Footer.jsx b/src/Component/Footer.jsx index 2c63967..5a278f0 100644 --- a/src/Component/Footer.jsx +++ b/src/Component/Footer.jsx @@ -1,9 +1,10 @@ import React from 'react'; -import { FaGithub, FaLinkedin, FaStar } from 'react-icons/fa'; -import { FaXTwitter } from "react-icons/fa6"; +import { FaGithub, FaLinkedin, FaStar, FaTwitter, FaFacebook, FaInstagram, FaFileAlt, FaLock, FaGavel, FaCode } from 'react-icons/fa'; import favicon from "../image/footer/favicon.png"; import img from "../image/footer/footer-qr.jpg"; import './Footer.css'; +import { FaXTwitter } from "react-icons/fa6"; + function Footer() { const currentYear = new Date().getFullYear(); @@ -21,26 +22,33 @@ function Footer() {
-

Documentation

+

+ Documentation +

  • window.open('https://opensource.com/resources/what-open-source')}> + What is Open-Source
  • window.open('https://opensource.guide/how-to-contribute/')}> + What is Git and GitHub
  • window.open('https://docs.github.com/en/get-started/using-git/about-git')}> + How to start contributing to Open-Source
-

Legal

+

+ Legal +

From f623e9f45d2c25fc646a363fce677ebd5a38bcf3 Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Thu, 8 Aug 2024 06:46:17 +0530 Subject: [PATCH 3/5] Update --- package-lock.json | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) diff --git a/package-lock.json b/package-lock.json index 7ad7d40..d349a95 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12869,6 +12869,19 @@ "node": ">=8" } }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/hoist-non-react-statics/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, "node_modules/hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -21152,6 +21165,18 @@ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" }, + "node_modules/react-async-script": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz", + "integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==", + "dependencies": { + "hoist-non-react-statics": "^3.3.0", + "prop-types": "^15.5.0" + }, + "peerDependencies": { + "react": ">=16.4.1" + } + }, "node_modules/react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", @@ -21308,6 +21333,18 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "node_modules/react-google-recaptcha": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz", + "integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==", + "dependencies": { + "prop-types": "^15.5.0", + "react-async-script": "^1.2.0" + }, + "peerDependencies": { + "react": ">=16.4.1" + } + }, "node_modules/react-icons": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", From 2da233bdc5a4e53bf2a5b42380db85dbe38cca5c Mon Sep 17 00:00:00 2001 From: Mastan Sayyad Date: Fri, 9 Aug 2024 06:30:27 +0530 Subject: [PATCH 4/5] Update --- src/Component/Footer.css | 1 + src/Component/Footer.jsx | 9 +++------ 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/src/Component/Footer.css b/src/Component/Footer.css index 140bf4e..98a267b 100644 --- a/src/Component/Footer.css +++ b/src/Component/Footer.css @@ -117,6 +117,7 @@ .footer-qr { width: 90px; margin: 0 auto; + margin-left: 49px; } .footer-rate-us { diff --git a/src/Component/Footer.jsx b/src/Component/Footer.jsx index 5a278f0..35398f1 100644 --- a/src/Component/Footer.jsx +++ b/src/Component/Footer.jsx @@ -27,16 +27,13 @@ function Footer() {
  • window.open('https://opensource.com/resources/what-open-source')}> - - What is Open-Source + 📄 What is Open-Source
  • window.open('https://opensource.guide/how-to-contribute/')}> - - What is Git and GitHub + 📄 What is Git and GitHub
  • window.open('https://docs.github.com/en/get-started/using-git/about-git')}> - - How to start contributing to Open-Source + 📄 How to start contributing to Open-Source
From 81e81be70c0cffe18220eaa34ebce24473749198 Mon Sep 17 00:00:00 2001 From: PSS2134 <101321904+PSS2134@users.noreply.github.com> Date: Fri, 9 Aug 2024 20:41:10 +0530 Subject: [PATCH 5/5] Update Footer.jsx