Footer content added

Author: shree404

src/Components/landingpage/footer.jsx

@@ -0,0 +1,53 @@
+import { Container, Row, Col } from "react-bootstrap";
+import fullogo from "../../assets/LandingPage/logo.png";
+
+function Footer() {
+  return (
+    <div className="Footer">
+      <Container>
+        <Row style={{ justifyItems: "center" }}>
+          <Col md={3}>
+            <img
+              src={fullogo}
+              alt="NepTech Tribe Logo"
+              className="Navbar-logo"
+            />
+            <p className="Footer-introduction">
+              {" "}
+              NepTech Tribe is a non-profit organization that unites tech
+              enthusiasts of all ages to share knowledge and foster innovation.
+              We offer events and activities to enhance skills and encourage
+              collaboration, aiming to drive technological progress and create a
+              supportive community.
+            </p>
+          </Col>
+          <Col md={3}>
+            <dl>
+              <dt>Explore </dt>
+              <dd>About Us</dd>
+              <dd>Our Team</dd>
+              <dd>Blog</dd>
+              <dd>FAQ</dd>
+            </dl>
+          </Col>
+          <Col md={3}>
+            <dl>
+              <dt> Services</dt>
+              <dd>Events</dd>
+              <dd>Hackathons</dd>
+              <dd>Bootcamps</dd>
+            </dl>
+          </Col>
+          <Col md={3}>
+            <dl>
+              <dt>Contact</dt>
+              <dd>982155325</dd>
+            </dl>
+          </Col>
+        </Row>
+      </Container>
+    </div>
+  );
+}
+
+export default Footer;

src/Pages/Landingpage.jsx

@@ -7,6 +7,7 @@ import PastEvent from "../Components/landingpage/pastevent";
 import Partners from "../Components/landingpage/partners";
 import Testimonials from "../Components/landingpage/Testimonials";
 import Contact from "../Components/landingpage/feedback";
+import Footer from "../Components/landingpage/footer";
 
 function LandingPage(){
     return(
@@ -20,6 +21,7 @@ function LandingPage(){
         <Partners/>
         <Testimonials/>
         <Contact/>
+        <Footer/>
         </>
     )
 }

src/Styles/App.css

@@ -111,7 +111,7 @@
 .Title-head {
   font-size: 2.5rem;
   color: black;
-  font-family: "Lato", sans-serif;
+  font-family: "Poppins", sans-serif;
   font-weight: 500;
   text-transform: capitalize;
 }
@@ -315,7 +315,7 @@
 }
 .ContactForm {
   font-family: "Poppins", sans-serif;
-  color: #fefefe;
+  color: white;
   margin-top: 5rem;
   position: relative;
 }
@@ -458,4 +458,14 @@
     height: 2rem;
     width: 2rem;
   }
+}
+.Footer {
+  background-color: #e0e0f2;
+  margin-top: 4rem;
+  padding: 4rem 0rem;
+}
+.Footer-introduction {
+  font-family: "Poppins", sans-serif;
+  font-size: 0.8rem;
+  margin-top: 2rem;
 }/*# sourceMappingURL=App.css.map */

src/Styles/App.css.map

@@ -1,6 +1,6 @@
 .ContactForm {
     font-family: $font;
-    color: #fefefe;
+    color: white;
     margin-top: 5rem;
     position: relative;
     &-form {

src/Styles/LandingPage/_Contact.scss

@@ -0,0 +1,11 @@
+.Footer{
+    background-color:  #e0e0f2;
+    margin-top: 4rem;
+    padding: 4rem 0rem;
+    &-introduction{
+        font-family: $font;
+        font-size: 0.8rem;
+        margin-top: 2rem;
+
+    }
+}

src/Styles/LandingPage/_Footer.scss

@@ -8,4 +8,5 @@
 @import 'Announcement';
 @import 'Partners';
 @import 'Testimonials';
-@import 'Contact';
+@import 'Contact';
+@import 'Footer';

src/Styles/LandingPage/_Index.scss

@@ -10,7 +10,7 @@
     &-head{
         font-size: 2.5rem;
         color: black;
-        font-family: $lato;
+        font-family: $font;
         font-weight: 500;
         text-transform: capitalize;
     }