forked from aditya-bhaumik/Pathsphere
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
211 lines (195 loc) · 8.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="icon" type="image/x-icon" href="/images/pathsphere.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
<main>
<section class="hero">
<div class="left">
<h1>Welcome to PathSphere</h1>
<p>Your gateway to educational and professional resources</p>
<div class="search-container">
<a href="/pages/scholarships/scholarships.html" class="btn">
<i class="fa-solid fa-magnifying-glass"></i>
Find Scholarships
</a>
<a href="/pages/jobs/jobs.html" class="btn">
<i class="fa-solid fa-magnifying-glass"></i>
Find Jobs
</a>
</div>
</div>
</section>
<section class="features">
<div class="feature">
<img src="/images/sicon.png" alt="Scholarships Icon">
<h2>Scholarships</h2>
<p>Discover scholarships tailored to your needs and academic performance.</p>
<a href="/pages/scholarships/scholarships.html" class="btn">Explore</a>
</div>
<div class="feature">
<img src="/images/jicon.png" alt="Jobs Icon">
<h2>Jobs</h2>
<p>Find job opportunities for educators and professionals.</p>
<a href="/pages/jobs/jobs.html" class="btn">Browse Jobs</a>
</div>
<div class="feature">
<img src="/images/ficon.png" alt="Forum Icon">
<h2>Forum</h2>
<p>Join discussions, ask questions, and connect with others.</p>
<a href="/pages/forum/forum.html" class="btn">Join the Forum</a>
</div>
<div class="feature">
<h2>Testimonials</h2>
<p>Here are the testimonials and reviews.</p>
<a href="/pages/testimonials/testimonials.html" class="btn">Explore</a>
</div>
</section>
</div>
</div>
<div class="feature-item">
<i class="fas fa-briefcase"></i>
<div>
<h6>Job Portal</h6>
<p class="hidden-text">Job opportunities tailored for educators.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-users"></i>
<div>
<h6>Community Forums</h6>
<p class="hidden-text">Share resources, advice, experiences.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-bell"></i>
<div>
<h6 >Instant Notifications</h6>
<p class="hidden-text">Get real-time important updates.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-bookmark"></i>
<div>
<h6 >Save & Track</h6>
<p class="hidden-text">Bookmark and monitor application progress.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-tools"></i>
<div>
<h6>Resume Builder</h6>
<p class="hidden-text">Create a professional profile easily.</p>
</div>
</div>
</div>
</div>
</section>
<section id="testimonials">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<h3 class="fw-bold mb-4">What Our Users Say</h3>
<p class="mb-4">
Discover how PathSphere has helped students and professionals across India achieve their educational and career goals. Read their success stories and experiences.
</p>
</div>
</div>
<div class="row flex-row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-body py-4 mt-2">
<div class="d-flex justify-content-center mb-4">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(10).webp" class="rounded-circle shadow-1-strong" width="100" height="100" alt="Priya Sharma">
</div>
<h5 class="font-weight-bold">Priya Sharma</h5>
<h6 class="font-weight-bold my-3">Computer Science Student at IIT Delhi</h6>
<ul class="list-unstyled d-flex flex-row">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
<p>
<i class="fas fa-quote-left pe-2"></i>
PathSphere helped me secure a prestigious scholarship that covered my entire tuition at IIT Delhi. The platform's scholarship matching system and application guidance were invaluable. I'm especially grateful for the mentorship community that helped me prepare for my interviews.
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-body py-4 mt-2">
<div class="d-flex justify-content-center mb-4">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(17).webp" class="rounded-circle shadow-1-strong" width="100" height="100" alt="Rajesh Kumar">
</div>
<h5 class="font-weight-bold">Riya Saxena</h5>
<h6 class="font-weight-bold my-3">Research Scholar at IISC Bangalore</h6>
<ul class="list-unstyled d-flex flex-row">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star-half-alt"></i></li>
</ul>
<p>
<i class="fas fa-quote-left pe-2"></i>
As a first-generation college student, navigating higher education was challenging. PathSphere's forum connected me with experienced mentors who guided me through the research scholarship application process. Today, I'm pursuing my dream in environmental science research.
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-body py-4 mt-2">
<div class="d-flex justify-content-center mb-4">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(15).webp" class="rounded-circle shadow-1-strong" width="100" height="100" alt="Ananya Patel">
</div>
<h5 class="font-weight-bold">Ananya Patel</h5>
<h6 class="font-weight-bold my-3">EdTech Professional at Byju's</h6>
<ul class="list-unstyled d-flex flex-row">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
<p>
<i class="fas fa-quote-left pe-2"></i>
PathSphere's job portal specifically focused on education sector helped me land my dream role. The platform's resources for interview preparation and resume building were exceptional. I particularly appreciated the webinars with industry experts.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<a class="scroll-top" href="#"> <i class="fa-solid fa-arrow-up"></i> </a>
</main>
<script src="/scripts/componentLoader.js"></script>
<script>
prependComponent("Navbar");
prependComponent('Cursor');
appendComponent("Footer");
</script>
<script>
window.embeddedChatbotConfig = {
chatbotId: "7akUzokCgwR0gNp0m-qQF",
domain: "www.chatbase.co"
}
</script>
<script
src="https://www.chatbase.co/embed.min.js"
chatbotId="7akUzokCgwR0gNp0m-qQF"
domain="www.chatbase.co"
defer>
</script>
</body>
</html>