forked from aditya-bhaumik/Pathsphere
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
238 lines (216 loc) · 10 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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PathSphere | Home</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Added a favicon -->
<link rel="icon" type="image/x-icon" href="images\pathsphere.png">
<link rel="stylesheet" href="styles.css">
</head>
<body id="blog-page"> <!-- or class="blog-page" -->
<button class="scroll-up-btn">
<i class="arrow-up" style=" width: 15px; height: 15px;"></i>
</button>
<header>
<nav id="navbar"> <!-- Add an ID to the nav -->
<a href="index.html" class="logo"><img src="logo.png" alt="PathSphere Logo"> PathSphere</a>
<ul id="tabs">
<li class="tab"><a href="index.html">Home</a></li>
<li class="tab"><a href="scholarships.html">Scholarships</a></li>
<li class="tab"><a href="jobs.html">Jobs</a></li>
<li class="tab"><a href="forum.html">Forum</a></li>
<li class="tab"><a href="faqs.html">FAQs</a></li>
<li class="tab"><a href="blog.html">Blog</a></li>
</ul>
<div class="cursor"></div>
<img src="images/dark.png" id="icon" alt="">
</nav>
</header>
<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="scholarships.html" class="btn">
<i class="fa-solid fa-magnifying-glass"></i>
Find Scholarships
</a>
<a href="jobs.html" class="btn">
<i class="fa-solid fa-magnifying-glass"></i>
Find Jobs
</a>
</div>
</section>
<section class="features">
<div class="feature">
<img src="images/sicon.png" alt="">
<h2>Scholarships</h2>
<p>Discover scholarships tailored to your needs and academic performance.</p>
<a href="scholarships.html" class="btn">Explore</a>
</div>
<div class="feature">
<img src="images/jicon.png" alt="">
<h2>Jobs</h2>
<p>Find job opportunities for educators and professionals.</p>
<a href="jobs.html" class="btn">Browse Jobs</a>
</div>
<div class="feature">
<img src="images/ficon.png" alt="">
<h2>Forum</h2>
<p>Join discussions, ask questions, and connect with others.</p>
<a href="forum.html" class="btn">Join the Forum</a>
</div>
</section>
<section id="features-section" class="section"></section>
<div class="container">
<div class="row">
<div class="text-content">
<h3>Key Features of PathSphere</h3>
<p>Connecting students to scholarships and educators to job opportunities with powerful tools and community support.</p>
<div class="feature-list">
<div class="feature-item">
<i class="fas fa-search"></i>
<div>
<h6>Scholarship Search</h6>
<p>Find scholarships easily, quickly.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-briefcase"></i>
<div>
<h6>Job Portal</h6>
<p>Job opportunities tailored for educators.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-users"></i>
<div>
<h6>Community Forums</h6>
<p>Share resources, advice, experiences.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-bell"></i>
<div>
<h6>Instant Notifications</h6>
<p>Get real-time important updates.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-bookmark"></i>
<div>
<h6>Save & Track</h6>
<p>Bookmark and monitor application progress.</p>
</div>
</div>
<div class="feature-item">
<i class="fas fa-tools"></i>
<div>
<h6>Resume Builder</h6>
<p>Create a professional profile easily.</p>
</div>
</div>
</div>
</div>
<div class="image-content">
<img src="images/features.png" alt="PathSphere Features">
</div>
</div>
</div>
</section>
</br></br></br>
<!-- Commented the FAQ Section from Home Page(Hide) #issue112-->
<!-- <section id="faqs" class="faq-section">
<h1>Frequently Asked Questions</h1>
<div class="faq-item">
<h2 class="faq-question">
<span class="toggle-icon">+</span>
1. What is PathSphere?
</h2>
<p class="faq-answer">PathSphere is an online platform offering resources for students and
professionals, including scholarships, jobs, and a discussion forum.</p>
</div>
<div class="faq-item">
<h2 class="faq-question">
<span class="toggle-icon">+</span>
2. How can I find scholarships on PathSphere?
</h2>
<p class="faq-answer">Visit the <a href="scholarships.html">Scholarships</a> page to browse and apply
for scholarships tailored to your academic performance and needs.</p>
</div>
<div class="faq-item">
<h2 class="faq-question">
<span class="toggle-icon">+</span>
3. Are job listings available for all fields?
</h2>
<p class="faq-answer">PathSphere offers job listings primarily focused on education-related positions,
but we are continually expanding our database to include more opportunities.</p>
</div>
<div class="faq-item">
<h2 class="faq-question">
<span class="toggle-icon">+</span>
4. How can I join the forum?
</h2>
<p class="faq-answer">You can access the forum by clicking the <a href="forum.html">Forum</a> link in
the navigation bar. Sign up to participate in discussions and connect with others.</p>
</div>
<div class="faq-item">
<h2 class="faq-question">
<span class="toggle-icon">+</span>
5. How can I contact PathSphere for support?
</h2>
<p class="faq-answer">You can reach out to our support team by visiting the <a
href="contact.html">Contact Us</a> page and filling out the form, or by emailing us at
[email protected].</p>
</div>
</section> -->
</main>
<div class="footer-container">
<div class="footer-description">
<h3>PathSphere</h3>
<p>PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and
educators with job openings. It features dynamic search tools and community discussions to enhance
access to educational and career resources.</p>
</div>
<div class="footer-list">
<h3>Quick links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="scholarships.html">Scholarships</a></li>
<li><a href="jobs.html">Jobs</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="forum.html">Forum</a></li>
</ul>
</div>
<div class="footer-list">
<h3>Follow us on</h3>
<div class="social-icons">
<ul>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
</ul>
</div>
</div>
</div>
<div class="copyright">© 2024 PathSphere. All rights reserved.</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
<script>
const btn = document.querySelector(".scroll-up-btn");
btn.addEventListener("click", () => {
document.documentElement.scrollTo({
top: 0,
behavior: "smooth",
})
});
</script>
</body>
</html>