Merge pull request #27 from NepTechTribe/shreesha

Footer Completed

Author: shree404

src/Components/landingpage/Navbar.jsx

@@ -23,9 +23,9 @@ const Navbar = () => {
             <img src={fullogo} alt="NepTech Tribe Logo" className="Navbar-logo" />
             <ul className="Navbar-menu">
                 <li><Link to="/" className='link-default' >Home</Link></li>
-                <li><Link to="/gallary" className='link-default' >Gallery</Link></li>
-                <li><Link to="/about" className='link-default'>About Us</Link> </li>
-                <li><Link to="/events" className='link-default'> Upcoming Events</Link></li>
+                <li><Link to="/about" className='link-default' >About Us</Link></li>
+                <li><Link to="/blog" className='link-default'>Blogs</Link> </li>
+                <li><Link to="/events" className='link-default'> Events</Link></li>
                 <li><Link to="/contact" className='link-default' >Contact Us</Link></li>
             </ul>
         </div>

src/Components/landingpage/footer.jsx

@@ -20,7 +20,7 @@ function Footer() {
   return (
     <div className="Footer">
       <Container>
-        <Row style={{ justifyItems: "center" }}>
+        <Row style={{ justifyItems: "center" , paddingTop:'2rem', paddingBottom:'2rem'}}>
           <Col md={3}>
             <img
               src={fullogo}
@@ -50,30 +50,37 @@ function Footer() {
                 </button>
               </div>
           </Col>
-          <Col md={3}>
+          <Col md={3} className="Footer-col2">
             <dl>
-              <dt>Explore </dt>
-              <dd>About Us</dd>
-              <dd>Our Team</dd>
-              <dd>Blog</dd>
-              <dd>FAQ</dd>
+              <dt className="Footer-col2__head">Explore </dt>
+              <dd className="Footer-col2__data">About Us</dd>
+              <dd className="Footer-col2__data">Our Team</dd>
+              <dd className="Footer-col2__data">Blogs</dd>
+              <dd className="Footer-col2__data">FAQ</dd>
             </dl>
           </Col>
-          <Col md={3}>
+          <Col md={3} className="Footer-col2">
             <dl>
-              <dt> Services</dt>
-              <dd>Events</dd>
-              <dd>Hackathons</dd>
-              <dd>Bootcamps</dd>
+              <dt className="Footer-col2__head"> Services</dt>
+              <dd className="Footer-col2__data">Events</dd>
+              <dd className="Footer-col2__data">Hackathons</dd>
+              <dd className="Footer-col2__data">Bootcamps</dd>
             </dl>
           </Col>
-          <Col md={3}>
+          <Col md={3} className="Footer-col2">
             <dl>
-              <dt>Contact</dt>
-              <dd>982155325</dd>
+              <dt className="Footer-col2__head">Resources</dt>
+              <dd  className="Footer-col2__data">Bsc CSIT</dd>
+              <dd  className="Footer-col2__data">BCA</dd>
+              <dd  className="Footer-col2__data">BIM</dd>
+              <dd  className="Footer-col2__data">BIT</dd>
             </dl>
           </Col>
         </Row>
+        <hr />
+        <Row className="Footer-copyright" >
+        <p>Copyright 2024 NepTech Tribe All Rights Reserved.</p>
+        </Row>
       </Container>
     </div>
   );

src/Styles/App.css

@@ -462,7 +462,7 @@
 .Footer {
   background-color: #e0e0f2;
   margin-top: 4rem;
-  padding: 4rem 0rem;
+  padding: 2rem 0rem;
 }
 .Footer-col1__introduction {
   font-family: "Poppins", sans-serif;
@@ -488,4 +488,28 @@
   opacity: 0.7;
   height: 1.5rem;
   width: 1.55rem;
+}
+.Footer-col2 {
+  display: flex;
+  justify-content: center;
+  font-family: "Poppins", sans-serif;
+  padding-top: 1.5rem;
+}
+.Footer-col2__head {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+.Footer-col2__data {
+  font-size: 0.9375rem;
+}
+.Footer-col2__data:hover {
+  text-decoration: underline;
+  color: #000080;
+}
+.Footer-copyright {
+  font-family: "Poppins", sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  padding-top: 2rem;
 }/*# sourceMappingURL=App.css.map */

src/Styles/App.css.map

@@ -1,7 +1,7 @@
 .Footer{
     background-color:  #e0e0f2;
     margin-top: 4rem;
-    padding: 4rem 0rem;
+    padding: 2rem 0rem;
     &-col1{
     &__introduction{
         font-family: $font;
@@ -32,4 +32,28 @@
         }
     }
 }
+&-col2{
+    display: flex;
+    justify-content: center;
+    font-family: $font;
+    padding-top: 1.5rem;
+    &__head{
+        font-size: 1.125rem;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+    }
+    &__data{
+        font-size: 0.9375rem;
+        &:hover{
+            text-decoration: underline;
+            color: #000080;
+        }
+    }
+}
+&-copyright{
+    font-family: $font;
+    font-size: 0.9375rem;
+    text-align: center;
+    padding-top: 2rem;
+}
 }