Merge pull request #16 from NepTechTribe/shreesha

About Section Added

Author: shree404

src/Components/landingpage/about.jsx

@@ -1,9 +1,38 @@
 import Title from "./title";
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import img from '../../assets/LandingPage/about.jpg';
 
 function AboutUs(){
     return(
         <>
-        <Title title={"About NEPTECH Tribe"}  head={"About Us"} />
+        <Container>
+        <Title title={"About NEPTECH Tribe"}  head={"Who Are We "} />
+<Row>
+    <Col md={6}>
+    <img src={img} alt="About Image" />
+    </Col>
+    <Col md={6}>
+    <p><b> NepTech Tribe </b> 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>
+    <h3> Our Mission  </h3>
+    <p>To unite tech enthusiasts of all ages for knowledge sharing, collaboration, and skill development in a supportive community
+    </p>
+    <h3>Our Vision</h3>
+    <p>To build a global network where all generations drive tech advancement and share diverse perspectives.</p>
+    </Col>
+</Row>
+<Row>
+    <h3>Our Values</h3>
+    <Col md={4}>
+    </Col>
+    <Col md={4}>
+    </Col>
+    <Col md={4}>
+    </Col>
+</Row>
+        </Container>
         </>
     )
 }

src/Styles/App.css

@@ -1,6 +1,7 @@
 @import 'bootstrap/dist/css/bootstrap.min.css';
 @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
 .Navbar {
   position: fixed;
   width: 100%;
@@ -98,6 +99,6 @@
 .Title-head {
   font-size: 2.5rem;
   color: black;
-  font-family: "Poppins", sans-serif;
+  font-family: "Lato", sans-serif;
   font-weight: 500;
 }/*# sourceMappingURL=App.css.map */

src/Styles/App.css.map

@@ -1,9 +1,13 @@
 @import 'bootstrap/dist/css/bootstrap.min.css';
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
+
+
 
 $font : "Poppins", sans-serif;
 $lobster : "Lobster Two", sans-serif;
+$lato :  "Lato", sans-serif;
 
 @import 'LandingPage/Index';
 @import 'AboutPage/Index';

src/Styles/App.scss

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