Skip to content

Commit 6c5f06d

Browse files
devsdenepaldevsdenepal
authored
Merge pull request #4 from NepTechTribe/dev-2
Dev 2
2 parents e933fa6 + a40926a commit 6c5f06d

File tree

12 files changed

+241
-25
lines changed

12 files changed

+241
-25
lines changed

‎.gitignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,4 +21,4 @@ dist-ssr
2121
*.ntvs*
2222
*.njsproj
2323
*.sln
24-
*.sw?
24+
*.sw?

‎index.html‎

Lines changed: 23 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,25 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/logo.png" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<script src="https://kit.fontawesome.com/508987542d.js" crossorigin="anonymous" defer></script>
8-
<title>NepTech Tribe</title>
9-
</head>
10-
<body>
11-
<div id="root"></div>
12-
<script type="module" src="/src/main.jsx"></script>
13-
</body>
14-
</html>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<link rel="icon" type="image/svg+xml" href="/logo.png" />
7+
<meta name="description"
8+
content="A non-profit organization founded by group of tech- obsessed youngsters, concentrating on offering digital literacy programs and instructional tools to students .">
9+
<meta name="keywords" content="NepTech, NepTech Tribe, Tribe, Community, Nepal">
10+
<meta property="og:title" content="NepTech Tribe | Home " />
11+
<meta property="og:type" content="video.movie" />
12+
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
13+
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
14+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
15+
16+
<script src="https://kit.fontawesome.com/508987542d.js" crossorigin="anonymous" defer></script>
17+
<title>NepTech Tribe</title>
18+
</head>
19+
20+
<body>
21+
<div id="root"></div>
22+
<script type="module" src="/src/main.jsx"></script>
23+
</body>
24+
25+
</html>

‎package-lock.json‎

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

‎package.json‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@
1111
},
1212
"dependencies": {
1313
"react": "^18.3.1",
14-
"react-dom": "^18.3.1"
14+
"react-dom": "^18.3.1",
15+
"react-helmet-async": "^2.0.5"
1516
},
1617
"devDependencies": {
1718
"@eslint/js": "^9.9.0",
@@ -24,5 +25,6 @@
2425
"eslint-plugin-react-refresh": "^0.4.9",
2526
"globals": "^15.9.0",
2627
"vite": "^5.4.1"
28+
2729
}
2830
}

‎src/App.jsx‎

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,24 @@ import Programs from './assets/Components/Programs/Programs'
55
import Title from './assets/Components/Title/Title'
66
import About from './assets/Components/About/About'
77
import Upcoming from './assets/Components/Upcoming/Upcoming'
8+
import Glimpses from './assets/Components/Glimpses/Glimpses'
89
const App = () => {
910
return (
1011
<div>
1112
<Navbar></Navbar>
1213
<Hero></Hero>
13-
<div className='container'>
14-
<Title title='ABOUT NEPTECH TRIBE' subtitle='What We Are'></Title>
15-
<About></About>
16-
<Title title='OUR PROGRAMS' subtitle='What We Offer'></Title>
17-
<Programs></Programs>
18-
<Title title='ANNOUNCEMENTS' subtitle='Our Upcoming Event'></Title>
19-
<Upcoming></Upcoming>
20-
</div>
14+
<div className='container'>
15+
<Title title='ABOUT NEPTECH TRIBE' subtitle='What We Are'></Title>
16+
<About></About>
17+
<Title title='OUR PROGRAMS' subtitle='What We Offer'></Title>
18+
<Programs></Programs>
19+
<Title title='ANNOUNCEMENTS' subtitle='Our Upcoming Event'></Title>
20+
<Upcoming></Upcoming>
21+
<Title title='Glimpses' subtitle='sneekpeek from past events'></Title>
22+
<Glimpses> </Glimpses>
23+
<Title title='TESTIMONIALS' subtitle='What student says'></Title>
24+
25+
</div>
2126
</div>
2227
)
2328
}

‎src/assets/Components/Glimpses/Glimpses.css‎

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
2+
.gallery {
3+
display: flex;
4+
align-items: center;
5+
justify-content: space-between;
6+
margin-bottom: 40px
7+
}
8+
9+
.gallery img {
10+
width: 23%;
11+
border-radius: 10px
12+
}
13+
14+
@media (max-width: 800px) {
15+
.gallery {
16+
flex-wrap:wrap
17+
}
18+
19+
.gallery img {
20+
width: 48%;
21+
margin-bottom: 25px
22+
}
23+
}
24+
25+
.testimonials {
26+
margin: 80px auto;
27+
padding: 0 80px;
28+
position: relative
29+
}
30+
31+
.next-btn,.back-btn {
32+
position: absolute;
33+
top: 50%;
34+
right: 0;
35+
transform: translateY(-50%);
36+
padding: 15px;
37+
width: 50px;
38+
border-radius: 50%;
39+
cursor: pointer;
40+
background: #212ea0
41+
}
42+
43+
.back-btn {
44+
right: auto;
45+
left: 0
46+
}
47+
48+
.slider {
49+
overflow: hidden
50+
}
51+
52+
.slider ul {
53+
display: flex;
54+
width: 200%;
55+
overflow-x: hidden;
56+
transition: .5s
57+
}
58+
59+
.slider ul li {
60+
list-style: none;
61+
width: 50%;
62+
padding: 20px
63+
}
64+
65+
.slide {
66+
box-shadow: 0 0 20px #0000000d;
67+
padding: 40px;
68+
border-radius: 10px;
69+
color: #676767;
70+
line-height: 1.4
71+
}
72+
73+
.slide img {
74+
width: 65px;
75+
border-radius: 50%;
76+
margin-right: 10px;
77+
border: 4px solid #212EA0
78+
}
79+
80+
.user-info {
81+
display: flex;
82+
align-items: center;
83+
margin-bottom: 20px;
84+
font-size: 15px
85+
}
86+
87+
.user-info h3 {
88+
color: #212ea0
89+
}
90+
91+
@media (max-width: 800px) {
92+
.testimonials {
93+
padding:0 40px
94+
}
95+
96+
.next-btn,.back-btn {
97+
padding: 10px;
98+
width: 35px
99+
}
100+
101+
.testimonials ul li,.slide {
102+
padding: 10px
103+
}
104+
105+
.slide img {
106+
width: 50px;
107+
border: 3px solid #212EA0
108+
}
109+
}
110+
111+
@media (max-width: 600px) {
112+
.user-info {
113+
display:block;
114+
margin-bottom: 10px;
115+
font-size: 12px
116+
}
117+
118+
.user-info h3 {
119+
font-size: 16px
120+
}
121+
122+
.slider p {
123+
font-size: 12px
124+
}
125+
}

‎src/assets/Components/Glimpses/Glimpses.jsx‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import React from 'react'
2+
import './Glimpses.css'
3+
import poster from "../nposter.png"
4+
const Glimpses = () => {
5+
return (
6+
<div class="campus">
7+
<div class="gallery">
8+
<img src={poster} alt="" />
9+
<img src={poster} alt="" />
10+
<img src={poster} alt="" />
11+
<img src={poster} alt="" />
12+
13+
</div>
14+
<div class="gallery">
15+
<img src={poster} alt="" />
16+
<img src={poster} alt="" />
17+
<img src={poster} alt="" />
18+
<img src={poster} alt="" />
19+
20+
</div>
21+
<button class="btn dark-btn">See more here
22+
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAeCAYAAABnuu2GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADPSURBVHgB7dnRDYJAEEXRpxVYAiXQgpVICVqB2IEdaAeUQAlrB9iBdjDOyPqhm2yCX7xhTzIJhITkBgJkAWZIRDY6vYw624cHGtLItzA1bo15+o2odTqwi7dikNQF7LzHVTrD0uKOYFfiWJU4VhpR6zyWFrez46u4cUb6GcOssbBBNyr48rSPYE9X6uMddtC5w5cTWGUeHnuwykS1YJV5QbdgVaJYlCgWmagrWMm4mOMyKriKMpKuBJsw5RwsK8E3nS3YxVuxi1eqlz9+SrwAYrdvIKJt0HIAAAAASUVORK5CYII=" alt="" />
23+
</button>
24+
</div>
25+
)
26+
}
27+
28+
export default Glimpses

‎src/assets/Components/Programs/Programs.jsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import './Programs.css'
33
import pr1 from '../pr-1.jpg'
44
import pr2 from '../pr-2.jpg'
55
import pr3 from '../pr-3.jpg'
6-
import icon1 from '../icon1.png'
76
const Programs = () => {
87
return (
98
<div className="programs">

‎src/assets/Components/Testimonials/Testimonial.css‎

Whitespace-only changes.

‎src/assets/Components/Testimonials/Testimonial.jsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from 'react'
2+
3+
const Testimonial = () => {
4+
return (
5+
<div>
6+
7+
</div>
8+
)
9+
}
10+
11+
export default Testimonial

0 commit comments

Comments
 (0)