Skip to content

Commit 94502b1

Browse files
shree404shree404
committed
Mission Vision and Values Added
1 parent 8236e9e commit 94502b1

File tree

5 files changed

+160
-39
lines changed

5 files changed

+160
-39
lines changed

‎src/Components/landingpage/about.jsx‎

Lines changed: 72 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,76 @@
11
import Title from "./title";
2-
import Container from 'react-bootstrap/Container';
3-
import Row from 'react-bootstrap/Row';
4-
import Col from 'react-bootstrap/Col';
5-
import img from '../../assets/LandingPage/about.jpg';
2+
import Container from "react-bootstrap/Container";
3+
import Row from "react-bootstrap/Row";
4+
import Col from "react-bootstrap/Col";
5+
import img from "../../assets/LandingPage/about.jpg";
66

7-
function AboutUs(){
8-
return(
9-
<>
10-
<Container>
11-
<Title title={"About NEPTECH Tribe"} head={"Who Are We "} />
12-
<Row>
13-
<Col md={6}>
14-
<img src={img} alt="About Image" />
15-
</Col>
16-
<Col md={6}>
17-
<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.
18-
</p>
19-
<h3> Our Mission </h3>
20-
<p>To unite tech enthusiasts of all ages for knowledge sharing, collaboration, and skill development in a supportive community
21-
</p>
22-
<h3>Our Vision</h3>
23-
<p>To build a global network where all generations drive tech advancement and share diverse perspectives.</p>
24-
</Col>
25-
</Row>
26-
<Row>
27-
<h3>Our Values</h3>
28-
<Col md={4}>
29-
</Col>
30-
<Col md={4}>
31-
</Col>
32-
<Col md={4}>
33-
</Col>
34-
</Row>
35-
</Container>
36-
</>
37-
)
7+
function AboutUs() {
8+
const MissionVissionArray = [
9+
{
10+
head: "Our Mission",
11+
description:
12+
"To unite tech enthusiasts of all ages for knowledge sharing, collaboration, and skill development in a supportive community",
13+
},
14+
{
15+
head: "Our Vision",
16+
description:
17+
"To build a global network where all generations drive tech advancement and share diverse perspectives.",
18+
},
19+
];
20+
21+
const ValuesAttay= [
22+
{
23+
title:" Inclusivity",
24+
description:" We welcome tech enthusiasts of all ages and backgrounds, fostering a diverse community by ensuring every voice is heard and valued."
25+
},
26+
{
27+
title:" Collaboration",
28+
description:"We drive collective innovation by encouraging members to share knowledge, ideas, and resources."
29+
},
30+
{
31+
title:" Continuous Learning",
32+
description:" We stay at the forefront of technology by providing ongoing opportunities for personal and professional skill development."
33+
}
34+
]
35+
36+
return (
37+
<>
38+
<Container className="About">
39+
<Title title={"About NEPTECH Tribe"} head={"Who Are We "} />
40+
<Row className="About-row1">
41+
<Col md={6} className="About-row1__col1">
42+
<img src={img} alt="About Image" />
43+
</Col>
44+
<Col md={6} className="About-row1__col2">
45+
<p className="About-row1__col2__introduction">
46+
<b> NepTech Tribe </b> is a non-profit organization that unites
47+
tech enthusiasts of all ages to share knowledge and foster
48+
innovation. We offer events and activities to enhance skills and
49+
encourage collaboration, aiming to drive technological progress
50+
and create a supportive community.
51+
</p>
52+
<div>
53+
{MissionVissionArray.map((item, index) => (
54+
<div key={index} className="About-MissionVision">
55+
<h3 className="About-MissionVision__head">{item.head}</h3>
56+
<p className="About-MissionVision__description">{item.description}</p>
57+
</div>
58+
))}
59+
</div>
60+
</Col>
61+
</Row>
62+
<Row>
63+
<h3 className="About-values">Our Values</h3>
64+
{ValuesAttay.map((value , index) => (
65+
<Col md={4} style={{textAlign:'center',padding:'1rem',fontStyle:'italic'}}>
66+
<h5 className="About-values__title">{value.title}</h5>
67+
<p className="About-MissionVision__description">{value.description}</p>
68+
</Col>
69+
))}
70+
</Row>
71+
</Container>
72+
</>
73+
);
3874
}
3975

40-
export default AboutUs;
76+
export default AboutUs;

‎src/Styles/App.css‎

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@
8181
font-size: 2.5rem;
8282
font-family: "Poppins", sans-serif;
8383
}
84-
.Head-description {
84+
.Head-description, .About-row1__col2__introduction {
8585
text-align: center;
8686
font-size: 1rem;
8787
font-family: "Poppins", sans-serif;
@@ -101,4 +101,44 @@
101101
color: black;
102102
font-family: "Lato", sans-serif;
103103
font-weight: 500;
104+
}
105+
106+
.About {
107+
padding-bottom: 3rem;
108+
}
109+
.About-row1 {
110+
margin-bottom: 3rem;
111+
margin-top: 1rem;
112+
display: flex;
113+
align-items: center;
114+
}
115+
.About-row1__col1 {
116+
display: flex;
117+
justify-content: center;
118+
}
119+
.About-row1__col2__introduction {
120+
text-align: left;
121+
margin-bottom: 2rem;
122+
}
123+
.About-MissionVision {
124+
padding: 0.75rem 0rem;
125+
font-family: "Poppins", sans-serif;
126+
font-style: italic;
127+
}
128+
.About-MissionVision__head, .About-values {
129+
font-size: 1.25rem;
130+
font-weight: 500;
131+
color: #000080;
132+
}
133+
.About-MissionVision__description {
134+
font-size: 15px;
135+
font-weight: 300;
136+
}
137+
.About-values {
138+
text-align: center;
139+
color: #000080;
140+
}
141+
.About-values__title {
142+
font-size: 1rem;
143+
font-weight: 400;
104144
}/*# sourceMappingURL=App.css.map */

‎src/Styles/App.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/Styles/LandingPage/_About.scss‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
.About{
2+
padding-bottom: 3rem;
3+
&-row1{
4+
margin-bottom: 3rem;
5+
margin-top: 1rem;
6+
display: flex;
7+
align-items: center;
8+
&__col1{
9+
display: flex;
10+
justify-content: center;
11+
}
12+
&__col2{
13+
&__introduction
14+
{
15+
@extend .Head-description;
16+
text-align: left;
17+
margin-bottom: 2rem;
18+
}
19+
}
20+
}
21+
&-MissionVision{
22+
padding: 0.75rem 0rem;
23+
font-family: $font;
24+
font-style: italic;
25+
&__head{
26+
font-size: 1.25rem;
27+
font-weight: 500;
28+
color: #000080;
29+
}
30+
&__description{
31+
font-size: 15px;
32+
font-weight: 300;
33+
}
34+
}
35+
&-values{
36+
@extend .About-MissionVision__head;
37+
text-align: center;
38+
color: #000080;
39+
&__title{
40+
font-size: 1rem;
41+
font-weight: 400;
42+
}
43+
}
44+
}

‎src/Styles/LandingPage/_Index.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,5 @@
22
@import 'Hero';
33
@import 'Button';
44
@import 'Head';
5-
@import 'Title'
5+
@import 'Title';
6+
@import 'About'

0 commit comments

Comments
 (0)