Changes done

client/package.json

@@ -20,7 +20,7 @@
     "react-redux": "^7.2.2",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^3.4.4",
-    "reactstrap": "^8.8.1",
+    "reactstrap": "^8.9.0",
     "read-scripts": "^1.1.0",
     "redux": "^4.0.5",
     "redux-devtools-extension": "^2.13.8",

client/src/App.js

@@ -27,11 +27,10 @@ export default function App() {
   return (
     <Router>
       <div className="App">
-        {/*<br />
         <br />
-        {/* <Carousel /> 
         <br />
-        <br />*/}
+        {/* <Carousel /> */} 
+        <br />
         <Navbar />
         <br/>
         <center>

client/src/components/Faq-page/Accordion.css

@@ -4,7 +4,7 @@
     }
 
 .accordion{
-    background-color:#090088;
+    background-color:#071F3F;
     color: #fff;
     cursor: pointer;
     padding: 2px;
@@ -16,7 +16,7 @@
     outline-style:none;
     outline-width:0;
     transition: background-color 0.4s ease;
-    height:60px;
+    height:auto;
     margin-bottom:5px;
     width:90%;
     position:relative;
@@ -30,17 +30,18 @@
 }
 
 
-.accordion:hover,
-.active{
-    background-color: #21209c;
+.accordion:hover{
+    background-color: #0d335d;
 }
 
 .accordion__title{
     font-family: "Open Sans" , sans-serif;
     font-weight:600;
     font-size: 18px;
     margin-left:25px;
-    margin-top:36px;
+    margin-top:15px;
+    text-align:left;
+    margin-bottom:15px;
 }
 
 .accordion__icon{
@@ -55,25 +56,27 @@
 }
 
 .accordion__content{
-    background-color: #614ad3 ;
+    background-color: #AEBAC9 ;
     overflow:hidden;
-    height:60px;
+    height:auto;
     transition: max-height 0.4s ease;
     margin-bottom:15px;
     width:90%;
     position:relative;
-    left:5%;
+   left:5%;
     border:none;
     border-radius:20px;
 }
 
 .accordion__text
 {
     font-family: "Open Sans", sans-serif;
-    color: #fff;
+    color: #000;
     font-weight:400;
     font-size: 18px;
     padding: 15px;
+    margin-left:11px;
+    text-align:left;  
 
 }
 

client/src/components/Faq-page/Faq.js

@@ -6,19 +6,23 @@ import Bottom from "./Bottom.jsx";
 const Faq = () => {
   return (
     <>
+    <br />
       <Heading />
+
       <br />
-      <Accordion 
-      title="abcdddd"
-      content="iijifjifjiowejfioewjfiojewiofjewiofjiowejfiojweiofjew"
+       <Accordion 
+      title="How can I donate items through the website?"
+      content="There is an option of DONATE on the navbar. Click on the button and you will reach the donate page where you need
+      to fill the required details."
       />
       <Accordion 
-      title="jjdfksfkjeklfjwkeljfklewf"
-      content="lhdjshfjdklwjdlwldlwkldkecjkejckejwkskfjkfjkwefkewf"
+      title="How can I contact any ngo?"
+      content="Our website will help you to contact an ngo. If u r in need of a help, you can click the NEED button on the navbar and 
+      fill the required details on the page."
       />                      
       <Accordion
-      title="hfejfkemkfmew"
-      content="dhfewhfjewkfjwekfref"
+      title="How will the donation items be collected from me?"
+      content="The ngo will be in touch with you and will collect the donated items."
       />
       <br />
       <br />

client/src/components/Feed Page/Feedback.css

@@ -8,11 +8,11 @@
 .feed-btn-1 {
   width: 40%;
   margin-right: 50px;
-  background-color: #F56552;
+  background-color: #AEBAC9;
 }
 .feed-btn-2 {
   width: 40%;
-  background-color: #F56552;
+  background-color: #AEBAC9;
 }
 
 .feed-para {
@@ -63,7 +63,12 @@
   background-color: inherit;
 }
 .tabContainer .buttonContainer button:hover {
-  background-color: #30d818;
+ background-color: #071F3F;
+  color:#fff;
+}
+.tabContainer .buttonContainer button
+{
+  background-color:#AEBAC9;
 }
 
 @media only screen and (max-width: 800px) {

client/src/components/Navbar/Navbar.css

@@ -160,7 +160,8 @@
 }
 
 .logo img {
-  max-height: 50px;
+  max-height: 55px;
+  background-color:#fff;
 }
 
 @media (min-width: 992px) {

client/src/components/carousel/carousel.js

@@ -1,11 +1,10 @@
 import React from "react";
-import Carousel1 from "./carousel.jsx";
-import "./carousel.css";
+import Example from "./carousel.jsx";
 
 const Carousel = () => {
   return (
     <>
-      <Carousel1 />
+      <Example />
     </>
   );
 };